@charset "UTF-8";
/*!
Theme Name: Opacumlt
Theme URI: http://underscores.me/
Author: Told Design
Author URI: https://told.design
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: opacumlt
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

Opacumlt is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
/* @import url("plugins/bootstrap.min.css");
@import url("plugins/animate.css");
@import url("plugins/animated-headline.css");
@import url("plugins/fontawesome-all.min.css");
@import url("plugins/et-line.css");
@import url("plugins/themify-icons.css");
@import url("plugins/magnific-popup.css");
@import url("plugins/owl.carousel.css");
@import url("plugins/xzoom.css");
@import url("plugins/default.css");
@import url("plugins/nav-menu.css");
@import url("plugins/prism.css"); */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit; }

html {
  box-sizing: border-box; }

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  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;
  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; }

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

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

big {
  font-size: 125%; }

/* Elements
--------------------------------------------- */
body {
  background: #fff; }

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

dd {
  margin: 0 1.5em 1.5em; }

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

img {
  height: auto;
  max-width: 100%; }

figure {
  margin: 1em 0; }

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

/* Links
--------------------------------------------- */
a {
  color: #4169e1; }
  a:visited {
    color: #800080; }
  a:hover, a:focus, a:active {
    color: #191970; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }

/* 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, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em; }
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa; }
  button:active, button:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb; }

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

select {
  border: 1px solid #ccc; }

textarea {
  width: 100%; }

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%; }
  .main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0; }
    .main-navigation ul ul {
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
      float: left;
      position: absolute;
      top: 100%;
      left: -999em;
      z-index: 99999; }
      .main-navigation ul ul ul {
        left: -999em;
        top: 0; }
      .main-navigation ul ul li:hover > ul,
      .main-navigation ul ul li.focus > ul {
        display: block;
        left: auto; }
      .main-navigation ul ul a {
        width: 200px; }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
      left: auto; }
  .main-navigation li {
    position: relative; }
  .main-navigation a {
    display: block;
    text-decoration: none; }

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

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

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex; }

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%; }

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%; }

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

.post,
.page {
  margin: 0 0 1.5em; }

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

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

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

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

.bypostauthor {
  display: block; }

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em; }
  .widget select {
    max-width: 100%; }

/* 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 logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block; }

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

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

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em; }

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

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr); }

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr); }

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr); }

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr); }

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr); }

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr); }

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr); }

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr); }

.gallery-caption {
  display: block; }

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none; }

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; }
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; }

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

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em; }

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em; }

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

/* Theme
--------------------------------------------- */
/*-----------------------------------------------------------------------------------

    Theme Name: Crizal - Multipurpose Responsive + Admin
    Description: Multipurpose Responsive + Admin
    Author: Chitrakoot Web
    Version: 3.0

-----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------
			[ All CSS Plugins & Default Classes File ]
-----------------------------------------------------------------*/
/* == bootstrap == */
/* == animate css == */
/* == font awesome css == */
/* == et-line icon font == */
/* == et-line icon font == */
/* == magnific-popup == */
/* == owl.carousel == */
/* == zoom css == */
/* == default classes == */
/* == navigation == */
/* == prism css == */
/*-----------------------------------------------------------------------------

-	Revolution Slider 5.0 Default Style Settings -

Screen Stylesheet

version:   	5.4.5
date:      	15/05/17
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/
#debungcontrolls, .debugtimeline {
  width: 100%;
  box-sizing: border-box; }

.rev_column, .rev_column .tp-parallax-wrap, .tp-svg-layer svg {
  vertical-align: top; }

#debungcontrolls {
  z-index: 100000;
  position: fixed;
  bottom: 0;
  height: auto;
  background: rgba(0, 0, 0, 0.6);
  padding: 10px; }

.debugtimeline {
  height: 10px;
  position: relative;
  margin-bottom: 3px;
  display: none;
  white-space: nowrap; }

.debugtimeline:hover {
  height: 15px; }

.the_timeline_tester {
  background: #e74c3c;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0; }

.rs-go-fullscreen {
  position: fixed !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 9999999 !important;
  background: #fff !important; }

.debugtimeline.tl_slide .the_timeline_tester {
  background: #f39c12; }

.debugtimeline.tl_frame .the_timeline_tester {
  background: #3498db; }

.debugtimline_txt {
  color: #fff;
  font-weight: 400;
  font-size: 7px;
  position: absolute;
  left: 10px;
  top: 0;
  white-space: nowrap;
  line-height: 10px; }

.rtl {
  direction: rtl; }

@font-face {
  font-family: revicons;
  src: url(../../fonts/revicons/revicons.eot?5510888);
  src: url(../../fonts/revicons/revicons.eot?5510888#iefix) format("embedded-opentype"), url(../../fonts/revicons/revicons.woff?5510888) format("woff"), url(../../fonts/revicons/revicons.ttf?5510888) format("truetype"), url(../../fonts/revicons/revicons.svg?5510888#revicons) format("svg");
  font-weight: 400;
  font-style: normal; }

[class*=" revicon-"]:before, [class^=revicon-]:before {
  font-family: revicons;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em; }

.revicon-search-1:before {
  content: '\e802'; }

.revicon-pencil-1:before {
  content: '\e831'; }

.revicon-picture-1:before {
  content: '\e803'; }

.revicon-cancel:before {
  content: '\e80a'; }

.revicon-info-circled:before {
  content: '\e80f'; }

.revicon-trash:before {
  content: '\e801'; }

.revicon-left-dir:before {
  content: '\e817'; }

.revicon-right-dir:before {
  content: '\e818'; }

.revicon-down-open:before {
  content: '\e83b'; }

.revicon-left-open:before {
  content: '\e819'; }

.revicon-right-open:before {
  content: '\e81a'; }

.revicon-angle-left:before {
  content: '\e820'; }

.revicon-angle-right:before {
  content: '\e81d'; }

.revicon-left-big:before {
  content: '\e81f'; }

.revicon-right-big:before {
  content: '\e81e'; }

.revicon-magic:before {
  content: '\e807'; }

.revicon-picture:before {
  content: '\e800'; }

.revicon-export:before {
  content: '\e80b'; }

.revicon-cog:before {
  content: '\e832'; }

.revicon-login:before {
  content: '\e833'; }

.revicon-logout:before {
  content: '\e834'; }

.revicon-video:before {
  content: '\e805'; }

.revicon-arrow-combo:before {
  content: '\e827'; }

.revicon-left-open-1:before {
  content: '\e82a'; }

.revicon-right-open-1:before {
  content: '\e82b'; }

.revicon-left-open-mini:before {
  content: '\e822'; }

.revicon-right-open-mini:before {
  content: '\e823'; }

.revicon-left-open-big:before {
  content: '\e824'; }

.revicon-right-open-big:before {
  content: '\e825'; }

.revicon-left:before {
  content: '\e836'; }

.revicon-right:before {
  content: '\e826'; }

.revicon-ccw:before {
  content: '\e808'; }

.revicon-arrows-ccw:before {
  content: '\e806'; }

.revicon-palette:before {
  content: '\e829'; }

.revicon-list-add:before {
  content: '\e80c'; }

.revicon-doc:before {
  content: '\e809'; }

.revicon-left-open-outline:before {
  content: '\e82e'; }

.revicon-left-open-2:before {
  content: '\e82c'; }

.revicon-right-open-outline:before {
  content: '\e82f'; }

.revicon-right-open-2:before {
  content: '\e82d'; }

.revicon-equalizer:before {
  content: '\e83a'; }

.revicon-layers-alt:before {
  content: '\e804'; }

.revicon-popup:before {
  content: '\e828'; }

.rev_slider_wrapper {
  position: relative;
  z-index: 0;
  width: 100%; }

.rev_slider {
  position: relative;
  overflow: visible; }

.entry-content .rev_slider a, .rev_slider a {
  box-shadow: none; }

.tp-overflow-hidden {
  overflow: hidden !important; }

.group_ov_hidden {
  overflow: hidden; }

.rev_slider img, .tp-simpleresponsive img {
  max-width: none !important;
  transition: none;
  margin: 0;
  padding: 0;
  border: none; }

.rev_slider .no-slides-text {
  font-weight: 700;
  text-align: center;
  padding-top: 80px; }

.rev_slider > ul, .rev_slider > ul > li, .rev_slider > ul > li:before, .rev_slider_wrapper > ul, .tp-revslider-mainul > li, .tp-revslider-mainul > li:before, .tp-simpleresponsive > ul, .tp-simpleresponsive > ul > li, .tp-simpleresponsive > ul > li:before {
  list-style: none !important;
  position: absolute;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: visible;
  overflow-y: visible;
  background-image: none;
  background-position: 0 0;
  text-indent: 0;
  top: 0;
  left: 0; }

.rev_slider > ul > li, .rev_slider > ul > li:before, .tp-revslider-mainul > li, .tp-revslider-mainul > li:before, .tp-simpleresponsive > ul > li, .tp-simpleresponsive > ul > li:before {
  visibility: hidden; }

.tp-revslider-mainul, .tp-revslider-slidesli {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important; }

.fullscreen-container, .fullwidthbanner-container {
  padding: 0;
  position: relative; }

.rev_slider li.tp-revslider-slidesli {
  position: absolute !important; }

.tp-caption .rs-untoggled-content {
  display: block; }

.tp-caption .rs-toggled-content {
  display: none; }

.rs-toggle-content-active.tp-caption .rs-toggled-content {
  display: block; }

.rs-toggle-content-active.tp-caption .rs-untoggled-content {
  display: none; }

.rev_slider .caption, .rev_slider .tp-caption {
  position: relative;
  visibility: hidden;
  white-space: nowrap;
  display: block;
  -webkit-font-smoothing: antialiased !important;
  z-index: 1; }

.rev_slider .caption, .rev_slider .tp-caption, .tp-simpleresponsive img {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none; }

.rev_slider .tp-mask-wrap .tp-caption, .rev_slider .tp-mask-wrap :last-child, .wpb_text_column .rev_slider .tp-mask-wrap .tp-caption, .wpb_text_column .rev_slider .tp-mask-wrap :last-child {
  margin-bottom: 0; }

.tp-svg-layer svg {
  width: 100%;
  height: 100%;
  position: relative; }

.tp-carousel-wrapper {
  cursor: url(openhand.cur), move; }

.tp-carousel-wrapper.dragged {
  cursor: url(closedhand.cur), move; }

.tp_inner_padding {
  box-sizing: border-box;
  max-height: none !important; }

.tp-caption.tp-layer-selectable {
  -moz-user-select: all;
  -khtml-user-select: all;
  -webkit-user-select: all;
  -o-user-select: all; }

.tp-caption.tp-hidden-caption, .tp-forcenotvisible, .tp-hide-revslider, .tp-parallax-wrap.tp-hidden-caption {
  visibility: hidden !important;
  display: none !important; }

.rev_slider audio, .rev_slider embed, .rev_slider iframe, .rev_slider object, .rev_slider video {
  max-width: none !important; }

.tp-element-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0; }

.tp-blockmask, .tp-blockmask_in, .tp-blockmask_out {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 1000;
  transform: scaleX(0) scaleY(0); }

.tp-parallax-wrap {
  transform-style: preserve-3d; }

.rev_row_zone {
  position: absolute;
  width: 100%;
  left: 0;
  box-sizing: border-box;
  min-height: 50px;
  font-size: 0; }

.rev_column_inner, .rev_slider .tp-caption.rev_row {
  position: relative;
  width: 100% !important;
  box-sizing: border-box; }

.rev_row_zone_top {
  top: 0; }

.rev_row_zone_middle {
  top: 50%;
  transform: translateY(-50%); }

.rev_row_zone_bottom {
  bottom: 0; }

.rev_slider .tp-caption.rev_row {
  display: table;
  table-layout: fixed;
  vertical-align: top;
  height: auto !important;
  font-size: 0; }

.rev_column {
  display: table-cell;
  position: relative;
  height: auto;
  box-sizing: border-box;
  font-size: 0; }

.rev_column_inner {
  display: block;
  height: auto !important;
  white-space: normal !important; }

.rev_column_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  box-sizing: border-box;
  background-clip: content-box;
  border: 0 solid transparent; }

.tp-caption .backcorner, .tp-caption .backcornertop, .tp-caption .frontcorner, .tp-caption .frontcornertop {
  height: 0;
  top: 0;
  width: 0;
  position: absolute; }

.rev_column_inner .tp-loop-wrap, .rev_column_inner .tp-mask-wrap, .rev_column_inner .tp-parallax-wrap {
  text-align: inherit; }

.rev_column_inner .tp-mask-wrap {
  display: inline-block; }

.rev_column_inner .tp-parallax-wrap, .rev_column_inner .tp-parallax-wrap .tp-loop-wrap, .rev_column_inner .tp-parallax-wrap .tp-mask-wrap {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  line-height: 0; }

.tp-video-play-button, .tp-video-play-button i {
  line-height: 50px !important;
  vertical-align: top;
  text-align: center; }

.rev_column_inner .rev_layer_in_column, .rev_column_inner .tp-parallax-wrap, .rev_column_inner .tp-parallax-wrap .tp-loop-wrap, .rev_column_inner .tp-parallax-wrap .tp-mask-wrap {
  vertical-align: top; }

.rev_break_columns {
  display: block !important; }

.rev_break_columns .tp-parallax-wrap.rev_column {
  display: block !important;
  width: 100% !important; }

.fullwidthbanner-container {
  overflow: hidden; }

.fullwidthbanner-container .fullwidthabanner {
  width: 100%;
  position: relative; }

.tp-static-layers {
  position: absolute;
  z-index: 101;
  top: 0;
  left: 0; }

.tp-caption .frontcorner {
  border-left: 40px solid transparent;
  border-right: 0 solid transparent;
  border-top: 40px solid #00A8FF;
  left: -40px; }

.tp-caption .backcorner {
  border-left: 0 solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 40px solid #00A8FF;
  right: 0; }

.tp-caption .frontcornertop {
  border-left: 40px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 40px solid #00A8FF;
  left: -40px; }

.tp-caption .backcornertop {
  border-left: 0 solid transparent;
  border-right: 40px solid transparent;
  border-top: 40px solid #00A8FF;
  right: 0; }

.tp-layer-inner-rotation {
  position: relative !important; }

img.tp-slider-alternative-image {
  width: 100%;
  height: auto; }

.caption.fullscreenvideo, .rs-background-video-layer, .tp-caption.coverscreenvideo, .tp-caption.fullscreenvideo {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute; }

.noFilterClass {
  filter: none !important; }

.rs-background-video-layer {
  visibility: hidden;
  z-index: 0; }

.caption.fullscreenvideo audio, .caption.fullscreenvideo iframe, .caption.fullscreenvideo video, .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe audio, .tp-caption.fullscreenvideo iframe video {
  width: 100% !important;
  height: 100% !important;
  display: none; }

.fullcoveredvideo audio, .fullscreenvideo audio .fullcoveredvideo video, .fullscreenvideo video {
  background: #000; }

.fullcoveredvideo .tp-poster {
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.videoisplaying .html5vid .tp-poster {
  display: none; }

.tp-video-play-button {
  background: #000;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #FFF;
  margin-top: -25px;
  margin-left: -25px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  display: inline-block;
  z-index: 4;
  opacity: 0;
  transition: opacity 0.3s ease-out !important; }

.tp-audio-html5 .tp-video-play-button, .tp-hiddenaudio {
  display: none !important; }

.tp-caption .html5vid {
  width: 100% !important;
  height: 100% !important; }

.tp-video-play-button i {
  width: 50px;
  height: 50px;
  display: inline-block;
  font-size: 40px !important; }

.rs-fullvideo-cover, .tp-dottedoverlay, .tp-shadowcover {
  height: 100%;
  top: 0;
  left: 0;
  position: absolute; }

.tp-caption:hover .tp-video-play-button {
  opacity: 1;
  display: block; }

.tp-caption .tp-revstop {
  display: none;
  border-left: 5px solid #fff !important;
  border-right: 5px solid #fff !important;
  margin-top: 15px !important;
  line-height: 20px !important;
  vertical-align: top;
  font-size: 25px !important; }

.tp-seek-bar, .tp-video-button, .tp-volume-bar {
  outline: 0;
  line-height: 12px;
  margin: 0;
  cursor: pointer; }

.videoisplaying .revicon-right-dir {
  display: none; }

.videoisplaying .tp-revstop {
  display: inline-block; }

.videoisplaying .tp-video-play-button {
  display: none; }

.fullcoveredvideo .tp-video-play-button {
  display: none !important; }

.fullscreenvideo .fullscreenvideo audio, .fullscreenvideo .fullscreenvideo video {
  object-fit: contain !important; }

.fullscreenvideo .fullcoveredvideo audio, .fullscreenvideo .fullcoveredvideo video {
  object-fit: cover !important; }

.tp-video-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px;
  opacity: 0;
  transition: opacity .3s;
  background-image: linear-gradient(to bottom, #000 13%, #323232 100%);
  display: table;
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box; }

.rev-btn.rev-hiddenicon i, .rev-btn.rev-withicon i {
  transition: all 0.2s ease-out !important;
  font-size: 15px; }

.tp-caption:hover .tp-video-controls {
  opacity: .9; }

.tp-video-button {
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
  padding: 0; }

.tp-video-button:hover {
  cursor: pointer; }

.tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap {
  padding: 0 5px;
  display: table-cell;
  vertical-align: middle; }

.tp-video-seek-bar-wrap {
  width: 80%; }

.tp-video-vol-bar-wrap {
  width: 20%; }

.tp-seek-bar, .tp-volume-bar {
  width: 100%;
  padding: 0; }

.rs-fullvideo-cover {
  width: 100%;
  background: 0 0;
  z-index: 5; }

.disabled_lc .tp-video-play-button, .rs-background-video-layer audio::-webkit-media-controls, .rs-background-video-layer video::-webkit-media-controls, .rs-background-video-layer video::-webkit-media-controls-start-playback-button {
  display: none !important; }

.tp-audio-html5 .tp-video-controls {
  opacity: 1 !important;
  visibility: visible !important; }

.tp-dottedoverlay {
  background-repeat: repeat;
  width: 100%;
  z-index: 3; }

.tp-dottedoverlay.twoxtwo {
  background: url(../assets/gridtile.png); }

.tp-dottedoverlay.twoxtwowhite {
  background: url(../assets/gridtile_white.png); }

.tp-dottedoverlay.threexthree {
  background: url(../assets/gridtile_3x3.png); }

.tp-dottedoverlay.threexthreewhite {
  background: url(../assets/gridtile_3x3_white.png); }

.tp-shadowcover {
  width: 100%;
  background: #fff;
  z-index: -1; }

.tp-shadow1 {
  box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.8); }

.tp-shadow2:after, .tp-shadow2:before, .tp-shadow3:before, .tp-shadow4:after {
  z-index: -2;
  position: absolute;
  content: "";
  bottom: 10px;
  left: 10px;
  width: 50%;
  top: 85%;
  max-width: 300px;
  background: 0 0;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.8);
  transform: rotate(-3deg); }

.tp-shadow2:after, .tp-shadow4:after {
  transform: rotate(3deg);
  right: 10px;
  left: auto; }

.tp-shadow5 {
  position: relative;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }

.tp-shadow5:after, .tp-shadow5:before {
  content: "";
  position: absolute;
  z-index: -2;
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.6);
  top: 30%;
  bottom: 0;
  left: 20px;
  right: 20px;
  border-radius: 100px/20px; }

.tp-button {
  padding: 6px 13px 5px;
  border-radius: 3px;
  height: 30px;
  cursor: pointer;
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6) !important;
  font-size: 15px;
  line-height: 45px !important;
  font-family: arial,sans-serif;
  font-weight: 700;
  letter-spacing: -1px;
  text-decoration: none; }

.tp-button.big {
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
  font-weight: 700;
  padding: 9px 20px;
  font-size: 19px;
  line-height: 57px !important; }

.purchase:hover, .tp-button.big:hover, .tp-button:hover {
  background-position: bottom,15px 11px; }

.purchase.green, .purchase:hover.green, .tp-button.green, .tp-button:hover.green {
  background-color: #21a117;
  box-shadow: 0 3px 0 0 #104d0b; }

.purchase.blue, .purchase:hover.blue, .tp-button.blue, .tp-button:hover.blue {
  background-color: #1d78cb;
  box-shadow: 0 3px 0 0 #0f3e68; }

.purchase.red, .purchase:hover.red, .tp-button.red, .tp-button:hover.red {
  background-color: #cb1d1d;
  box-shadow: 0 3px 0 0 #7c1212; }

.purchase.orange, .purchase:hover.orange, .tp-button.orange, .tp-button:hover.orange {
  background-color: #f70;
  box-shadow: 0 3px 0 0 #a34c00; }

.purchase.darkgrey, .purchase:hover.darkgrey, .tp-button.darkgrey, .tp-button.grey, .tp-button:hover.darkgrey, .tp-button:hover.grey {
  background-color: #555;
  box-shadow: 0 3px 0 0 #222; }

.purchase.lightgrey, .purchase:hover.lightgrey, .tp-button.lightgrey, .tp-button:hover.lightgrey {
  background-color: #888;
  box-shadow: 0 3px 0 0 #555; }

.rev-btn, .rev-btn:visited {
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  line-height: 44px;
  font-size: 17px;
  font-weight: 500;
  padding: 12px 35px;
  box-sizing: border-box;
  font-family: Roboto,sans-serif;
  cursor: pointer; }

.rev-btn.rev-uppercase, .rev-btn.rev-uppercase:visited {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 15px;
  font-weight: 900; }

.rev-btn.rev-withicon i {
  font-weight: 400;
  position: relative;
  top: 0;
  margin-left: 10px !important; }

.rev-btn.rev-hiddenicon i {
  font-weight: 400;
  position: relative;
  top: 0;
  opacity: 0;
  margin-left: 0 !important;
  width: 0 !important; }

.rev-btn.rev-hiddenicon:hover i {
  opacity: 1 !important;
  margin-left: 10px !important;
  width: auto !important; }

.rev-btn.rev-medium, .rev-btn.rev-medium:visited {
  line-height: 36px;
  font-size: 14px;
  padding: 10px 30px; }

.rev-btn.rev-medium.rev-hiddenicon i, .rev-btn.rev-medium.rev-withicon i {
  font-size: 14px;
  top: 0; }

.rev-btn.rev-small, .rev-btn.rev-small:visited {
  line-height: 28px;
  font-size: 12px;
  padding: 7px 20px; }

.rev-btn.rev-small.rev-hiddenicon i, .rev-btn.rev-small.rev-withicon i {
  font-size: 12px;
  top: 0; }

.rev-maxround {
  border-radius: 30px; }

.rev-minround {
  border-radius: 3px; }

.rev-burger {
  position: relative;
  width: 60px;
  height: 60px;
  box-sizing: border-box;
  padding: 22px 0 0 14px;
  border-radius: 50%;
  border: 1px solid rgba(51, 51, 51, 0.25);
  -webkit-tap-highlight-color: transparent;
  cursor: pointer; }

.rev-burger span {
  display: block;
  width: 30px;
  height: 3px;
  background: #333;
  transition: .7s;
  pointer-events: none;
  transform-style: flat !important; }

.rev-burger.revb-white span, .rev-burger.revb-whitenoborder span {
  background: #fff; }

.rev-burger span:nth-child(2) {
  margin: 3px 0; }

#dialog_addbutton .rev-burger:hover :first-child, .open .rev-burger :first-child, .open.rev-burger :first-child {
  transform: translateY(6px) rotate(-45deg); }

#dialog_addbutton .rev-burger:hover :nth-child(2), .open .rev-burger :nth-child(2), .open.rev-burger :nth-child(2) {
  transform: rotate(-45deg);
  opacity: 0; }

#dialog_addbutton .rev-burger:hover :last-child, .open .rev-burger :last-child, .open.rev-burger :last-child {
  transform: translateY(-6px) rotate(-135deg); }

.rev-burger.revb-white {
  border: 2px solid rgba(255, 255, 255, 0.2); }

.rev-burger.revb-darknoborder, .rev-burger.revb-whitenoborder {
  border: 0; }

.rev-burger.revb-darknoborder span {
  background: #333; }

.rev-burger.revb-whitefull {
  background: #fff;
  border: none; }

.rev-burger.revb-whitefull span {
  background: #333; }

.rev-burger.revb-darkfull {
  background: #333;
  border: none; }

.rev-burger.revb-darkfull span, .rev-scroll-btn.revs-fullwhite {
  background: #fff; }

@keyframes rev-ani-mouse {
  0% {
    opacity: 1;
    top: 29%; }
  15% {
    opacity: 1;
    top: 50%; }
  50% {
    opacity: 0;
    top: 50%; }
  100% {
    opacity: 0;
    top: 29%; } }

.rev-scroll-btn {
  display: inline-block;
  position: relative;
  left: 0;
  right: 0;
  text-align: center;
  cursor: pointer;
  width: 35px;
  height: 55px;
  box-sizing: border-box;
  border: 3px solid #fff;
  border-radius: 23px; }

.rev-scroll-btn > * {
  display: inline-block;
  line-height: 18px;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  font-family: proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;
  letter-spacing: 2px; }

.rev-scroll-btn > .active, .rev-scroll-btn > :focus, .rev-scroll-btn > :hover {
  color: #fff; }

.rev-scroll-btn > .active, .rev-scroll-btn > :active, .rev-scroll-btn > :focus, .rev-scroll-btn > :hover {
  opacity: .8; }

.rev-scroll-btn.revs-fullwhite span {
  background: #333; }

.rev-scroll-btn.revs-fulldark {
  background: #333;
  border: none; }

.rev-scroll-btn.revs-fulldark span, .tp-bullet {
  background: #fff; }

.rev-scroll-btn span {
  position: absolute;
  display: block;
  top: 29%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  background: #fff;
  border-radius: 50%;
  animation: rev-ani-mouse 2.5s linear infinite; }

.rev-scroll-btn.revs-dark {
  border-color: #333; }

.rev-scroll-btn.revs-dark span {
  background: #333; }

.rev-control-btn {
  position: relative;
  display: inline-block;
  z-index: 5;
  color: #FFF;
  font-size: 20px;
  line-height: 60px;
  font-weight: 400;
  font-style: normal;
  font-family: Raleway;
  text-decoration: none;
  text-align: center;
  background-color: #000;
  border-radius: 50px;
  text-shadow: none;
  background-color: rgba(0, 0, 0, 0.5);
  width: 60px;
  height: 60px;
  box-sizing: border-box;
  cursor: pointer; }

.rev-cbutton-dark-sr, .rev-cbutton-light-sr {
  border-radius: 3px; }

.rev-cbutton-light, .rev-cbutton-light-sr {
  color: #333;
  background-color: rgba(255, 255, 255, 0.75); }

.rev-sbutton {
  line-height: 37px;
  width: 37px;
  height: 37px; }

.rev-sbutton-blue {
  background-color: #3B5998; }

.rev-sbutton-lightblue {
  background-color: #00A0D1; }

.rev-sbutton-red {
  background-color: #DD4B39; }

.tp-bannertimer {
  visibility: hidden;
  width: 100%;
  height: 5px;
  background: #000;
  background: rgba(0, 0, 0, 0.15);
  position: absolute;
  z-index: 200;
  top: 0; }

.tp-bannertimer.tp-bottom {
  top: auto;
  bottom: 0 !important;
  height: 5px; }

.tp-caption img {
  background: 0 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
  zoom: 1; }

.caption.slidelink a div, .tp-caption.slidelink a div {
  width: 3000px;
  height: 1500px;
  background: url(../assets/coloredbg.png); }

.tp-caption.slidelink a span {
  background: url(../assets/coloredbg.png); }

.tp-loader.spinner0, .tp-loader.spinner5 {
  background-image: url(../assets/loader.gif);
  background-repeat: no-repeat; }

.tp-shape {
  width: 100%;
  height: 100%; }

.tp-caption .rs-starring {
  display: inline-block; }

.tp-caption .rs-starring .star-rating {
  float: none;
  display: inline-block;
  vertical-align: top;
  color: #FFC321 !important; }

.tp-caption .rs-starring .star-rating, .tp-caption .rs-starring-page .star-rating {
  position: relative;
  height: 1em;
  width: 5.4em;
  font-family: star;
  font-size: 1em !important; }

.tp-loader.spinner0, .tp-loader.spinner1 {
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: tp-rotateplane 1.2s infinite ease-in-out;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); }

.tp-caption .rs-starring .star-rating:before, .tp-caption .rs-starring-page .star-rating:before {
  content: "\73\73\73\73\73";
  color: #E0DADF;
  float: left;
  top: 0;
  left: 0;
  position: absolute; }

.tp-caption .rs-starring .star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
  font-size: 1em !important; }

.tp-caption .rs-starring .star-rating span:before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0; }

.tp-loader {
  top: 50%;
  left: 50%;
  z-index: 10000;
  position: absolute; }

.tp-loader.spinner0 {
  background-position: center center; }

.tp-loader.spinner5 {
  background-position: 10px 10px;
  background-color: #fff;
  margin: -22px;
  width: 44px;
  height: 44px;
  border-radius: 3px; }

@keyframes tp-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0) rotateY(0); }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0); }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

.tp-loader.spinner2 {
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  background-color: red;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  border-radius: 100%;
  animation: tp-scaleout 1s infinite ease-in-out; }

@keyframes tp-scaleout {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1);
    opacity: 0; } }

.tp-loader.spinner3 {
  margin: -9px 0 0 -35px;
  width: 70px;
  text-align: center; }

.tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 {
  width: 18px;
  height: 18px;
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  border-radius: 100%;
  display: inline-block;
  animation: tp-bouncedelay 1.4s infinite ease-in-out;
  animation-fill-mode: both; }

.tp-loader.spinner3 .bounce1 {
  animation-delay: -.32s; }

.tp-loader.spinner3 .bounce2 {
  animation-delay: -.16s; }

@keyframes tp-bouncedelay {
  0%, 100%, 80% {
    transform: scale(0); }
  40% {
    transform: scale(1); } }

.tp-loader.spinner4 {
  margin: -20px 0 0 -20px;
  width: 40px;
  height: 40px;
  text-align: center;
  animation: tp-rotate 2s infinite linear; }

.tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;
  animation: tp-bounce 2s infinite ease-in-out;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); }

.tp-loader.spinner4 .dot2 {
  top: auto;
  bottom: 0;
  animation-delay: -1s; }

@keyframes tp-rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes tp-bounce {
  0%, 100% {
    transform: scale(0); }
  50% {
    transform: scale(1); } }

.tp-bullets.navbar, .tp-tabs.navbar, .tp-thumbs.navbar {
  border: none;
  min-height: 0;
  margin: 0;
  border-radius: 0; }

.tp-bullets, .tp-tabs, .tp-thumbs {
  position: absolute;
  display: block;
  z-index: 1000;
  top: 0;
  left: 0; }

.tp-tab, .tp-thumb {
  cursor: pointer;
  position: absolute;
  opacity: .5;
  box-sizing: border-box; }

.tp-arr-imgholder, .tp-tab-image, .tp-thumb-image, .tp-videoposter {
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

.tp-tab.selected, .tp-tab:hover, .tp-thumb.selected, .tp-thumb:hover {
  opacity: 1; }

.tp-tab-mask, .tp-thumb-mask {
  box-sizing: border-box !important; }

.tp-tabs, .tp-thumbs {
  box-sizing: content-box !important; }

.tp-bullet {
  width: 15px;
  height: 15px;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  cursor: pointer; }

.tp-bullet.selected, .tp-bullet:hover {
  background: #fff; }

.tparrows {
  cursor: pointer;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  width: 40px;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000; }

.tparrows:hover {
  background: #000; }

.tparrows:before {
  font-family: revicons;
  font-size: 15px;
  color: #fff;
  display: block;
  line-height: 40px;
  text-align: center; }

.hginfo, .hglayerinfo {
  font-size: 12px;
  font-weight: 600; }

.tparrows.tp-leftarrow:before {
  content: '\e824'; }

.tparrows.tp-rightarrow:before {
  content: '\e825'; }

body.rtl .tp-kbimg {
  left: 0 !important; }

.dddwrappershadow {
  box-shadow: 0 45px 100px rgba(0, 0, 0, 0.4); }

.hglayerinfo {
  position: fixed;
  bottom: 0;
  left: 0;
  color: #FFF;
  line-height: 20px;
  background: rgba(0, 0, 0, 0.75);
  padding: 5px 10px;
  z-index: 2000;
  white-space: normal; }

.helpgrid, .hginfo {
  position: absolute; }

.hginfo {
  top: -2px;
  left: -2px;
  color: #e74c3c;
  background: #000;
  padding: 2px 5px; }

.indebugmode .tp-caption:hover {
  border: 1px dashed #c0392b !important; }

.helpgrid {
  border: 2px dashed #c0392b;
  top: 0;
  left: 0;
  z-index: 0; }

#revsliderlogloglog {
  padding: 15px;
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 200px;
  height: 150px;
  background: rgba(0, 0, 0, 0.7);
  z-index: 100000;
  font-size: 10px;
  overflow: scroll; }

.aden {
  filter: hue-rotate(-20deg) contrast(0.9) saturate(0.85) brightness(1.2); }

.aden::after {
  background: linear-gradient(to right, rgba(66, 10, 14, 0.2), transparent);
  mix-blend-mode: darken; }

.perpetua::after, .reyes::after {
  mix-blend-mode: soft-light;
  opacity: .5; }

.inkwell {
  filter: sepia(0.3) contrast(1.1) brightness(1.1) grayscale(1); }

.perpetua::after {
  background: linear-gradient(to bottom, #005b9a, #e6c13d); }

.reyes {
  filter: sepia(0.22) brightness(1.1) contrast(0.85) saturate(0.75); }

.reyes::after {
  background: #efcdad; }

.gingham {
  filter: brightness(1.05) hue-rotate(-10deg); }

.gingham::after {
  background: linear-gradient(to right, rgba(66, 10, 14, 0.2), transparent);
  mix-blend-mode: darken; }

.toaster {
  filter: contrast(1.5) brightness(0.9); }

.toaster::after {
  background: radial-gradient(circle, #804e0f, #3b003b);
  mix-blend-mode: screen; }

.walden {
  filter: brightness(1.1) hue-rotate(-10deg) sepia(0.3) saturate(1.6); }

.walden::after {
  background: #04c;
  mix-blend-mode: screen;
  opacity: .3; }

.hudson {
  filter: brightness(1.2) contrast(0.9) saturate(1.1); }

.hudson::after {
  background: radial-gradient(circle, #a6b1ff 50%, #342134);
  mix-blend-mode: multiply;
  opacity: .5; }

.earlybird {
  filter: contrast(0.9) sepia(0.2); }

.earlybird::after {
  background: radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
  mix-blend-mode: overlay; }

.mayfair {
  filter: contrast(1.1) saturate(1.1); }

.mayfair::after {
  background: radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.8), rgba(255, 200, 200, 0.6), #111 60%);
  mix-blend-mode: overlay;
  opacity: .4; }

.lofi {
  filter: saturate(1.1) contrast(1.5); }

.lofi::after {
  background: radial-gradient(circle, transparent 70%, #222 150%);
  mix-blend-mode: multiply; }

._1977 {
  filter: contrast(1.1) brightness(1.1) saturate(1.3); }

._1977:after {
  background: rgba(243, 106, 188, 0.3);
  mix-blend-mode: screen; }

.brooklyn {
  filter: contrast(0.9) brightness(1.1); }

.brooklyn::after {
  background: radial-gradient(circle, rgba(168, 223, 193, 0.4) 70%, #c4b7c8);
  mix-blend-mode: overlay; }

.xpro2 {
  filter: sepia(0.3); }

.xpro2::after {
  background: radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, 0.6) 110%);
  mix-blend-mode: color-burn; }

.nashville {
  filter: sepia(0.2) contrast(1.2) brightness(1.05) saturate(1.2); }

.nashville::after {
  background: rgba(0, 70, 150, 0.4);
  mix-blend-mode: lighten; }

.nashville::before {
  background: rgba(247, 176, 153, 0.56);
  mix-blend-mode: darken; }

.lark {
  filter: contrast(0.9); }

.lark::after {
  background: rgba(242, 242, 242, 0.8);
  mix-blend-mode: darken; }

.lark::before {
  background: #22253f;
  mix-blend-mode: color-dodge; }

.moon {
  filter: grayscale(1) contrast(1.1) brightness(1.1); }

.moon::before {
  background: #a0a0a0;
  mix-blend-mode: soft-light; }

.moon::after {
  background: #383838;
  mix-blend-mode: lighten; }

.clarendon {
  filter: contrast(1.2) saturate(1.35); }

.clarendon:before {
  background: rgba(127, 187, 227, 0.2);
  mix-blend-mode: overlay; }

.willow {
  filter: grayscale(0.5) contrast(0.95) brightness(0.9); }

.willow::before {
  background-color: radial-gradient(40%, circle, #d4a9af 55%, #000 150%);
  mix-blend-mode: overlay; }

.willow::after {
  background-color: #d8cdcb;
  mix-blend-mode: color; }

.rise {
  filter: brightness(1.05) sepia(0.2) contrast(0.9) saturate(0.9); }

.rise::after {
  background: radial-gradient(circle, rgba(232, 197, 152, 0.8), transparent 90%);
  mix-blend-mode: overlay;
  opacity: .6; }

.rise::before {
  background: radial-gradient(circle, rgba(236, 205, 169, 0.15) 55%, rgba(50, 30, 7, 0.4));
  mix-blend-mode: multiply; }

._1977:after, ._1977:before, .aden:after, .aden:before, .brooklyn:after, .brooklyn:before, .clarendon:after, .clarendon:before, .earlybird:after, .earlybird:before, .gingham:after, .gingham:before, .hudson:after, .hudson:before, .inkwell:after, .inkwell:before, .lark:after, .lark:before, .lofi:after, .lofi:before, .mayfair:after, .mayfair:before, .moon:after, .moon:before, .nashville:after, .nashville:before, .perpetua:after, .perpetua:before, .reyes:after, .reyes:before, .rise:after, .rise:before, .slumber:after, .slumber:before, .toaster:after, .toaster:before, .walden:after, .walden:before, .willow:after, .willow:before, .xpro2:after, .xpro2:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none; }

._1977, .aden, .brooklyn, .clarendon, .earlybird, .gingham, .hudson, .inkwell, .lark, .lofi, .mayfair, .moon, .nashville, .perpetua, .reyes, .rise, .slumber, .toaster, .walden, .willow, .xpro2 {
  position: relative; }

._1977 img, .aden img, .brooklyn img, .clarendon img, .earlybird img, .gingham img, .hudson img, .inkwell img, .lark img, .lofi img, .mayfair img, .moon img, .nashville img, .perpetua img, .reyes img, .rise img, .slumber img, .toaster img, .walden img, .willow img, .xpro2 img {
  width: 100%;
  z-index: 1; }

._1977:before, .aden:before, .brooklyn:before, .clarendon:before, .earlybird:before, .gingham:before, .hudson:before, .inkwell:before, .lark:before, .lofi:before, .mayfair:before, .moon:before, .nashville:before, .perpetua:before, .reyes:before, .rise:before, .slumber:before, .toaster:before, .walden:before, .willow:before, .xpro2:before {
  z-index: 2; }

._1977:after, .aden:after, .brooklyn:after, .clarendon:after, .earlybird:after, .gingham:after, .hudson:after, .inkwell:after, .lark:after, .lofi:after, .mayfair:after, .moon:after, .nashville:after, .perpetua:after, .reyes:after, .rise:after, .slumber:after, .toaster:after, .walden:after, .willow:after, .xpro2:after {
  z-index: 3; }

.slumber {
  filter: saturate(0.66) brightness(1.05); }

.slumber::after {
  background: rgba(125, 105, 24, 0.5);
  mix-blend-mode: soft-light; }

.slumber::before {
  background: rgba(69, 41, 12, 0.4);
  mix-blend-mode: lighten; }

.tp-kbimg-wrap:after, .tp-kbimg-wrap:before {
  height: 500%;
  width: 500%; }

/*Search styles*/
.search-form_label {
  width: 100%;
  display: block;
  padding: 10px 50px 10px 10px;
  background: trancparent;
  border: 1px solid #c9c9c9; }

.search-form_input {
  outline: none;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
  border-radius: 0;
  vertical-align: baseline;
  box-shadow: none;
  color: #000;
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 16px;
  height: 37px; }

.search-form + * {
  margin-top: 25px; }

.search-form.on {
  display: block; }

.search-form_submit {
  background: none;
  border: none;
  cursor: pointer;
  margin-top: 9px; }

.search-frame, .search-frame body {
  width: 100%;
  height: auto;
  background: transparent; }

.search-frame, .search-frame body, .search-frame h1, .search-frame h2, .search-frame h3, .search-frame h4, .search-frame h5, .search-frame h6, .search-frame p, .search-frame em {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: top; }

.search-frame img {
  max-width: 100%;
  height: auto; }

.search-frame a {
  color: inherit;
  text-decoration: none;
  -moz-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease; }

.search-frame a:active {
  background: transparent; }

.search-frame a:focus {
  outline: none; }

.search-frame h4 {
  font-size: 20px;
  text-transform: none;
  margin-bottom: 10px; }

.search-frame h4 a:hover {
  color: #000; }

.search-frame .search_list {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
  list-style-type: none;
  counter-reset: num1; }

.search-frame .search_list p {
  font-size: 15px; }

.search-frame .search_list .match {
  color: #000;
  font-size: 12px;
  display: block; }

.search-frame .search_list li {
  padding: 20px 20px 20px 50px;
  position: relative;
  -moz-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease; }

.search-frame .search_list li:hover {
  background: rgba(213, 213, 213, 0.3); }

.search-frame .search_list li:before {
  color: #000;
  content: counter(num1) ".";
  font-weight: 600;
  counter-increment: num1;
  position: absolute;
  left: 5px;
  top: 20px;
  font-size: 20px;
  line-height: inherit; }

.search-frame .search_list li + li {
  border-top: 3px solid #000; }

.search-frame .search {
  color: #000;
  font-weight: 700; }

.search-frame .match {
  color: #222533;
  font-size: 12px;
  display: block; }

.search-frame * + p {
  margin-top: 16px; }

.search-frame .content {
  padding-top: 40px;
  padding-bottom: 40px; }

.search-frame .search_head {
  padding-bottom: 25px; }

@media screen and (max-width: 991px) {
  .search-frame h4 {
    font-size: 18px; }
  .search-frame .search_list li {
    padding: 15px 15px 15px 50px; }
  .search-frame .search_list li:before {
    font-size: 18px;
    top: 13px; } }

@media screen and (max-width: 767px) {
  .search-frame h4 {
    font-size: 16px; }
  .search-frame .search_list li {
    padding: 15px 15px 15px 45px; }
  .search-frame .search_list li:before {
    font-size: 16px;
    top: 14px; } }

/***************************************
 * Quform Reponsive Ajax Contact Form
 *
 * Base Stylesheet
 *
 * Copyright (c) ThemeCatcher 2015
 * http://www.themecatcher.net
 ***************************************/
/*Border-box*/
.quform-outer, .quform-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*Clearfix*/
.quform-cf:before,
.quform-cf:after,
.quform-elements:before,
.quform-elements:after,
.quform-element:before,
.quform-element:after,
.quform-options:before,
.quform-options:after,
.quform-captcha:before,
.quform-captcha:after,
.quform-submit:before,
.quform-submit:after,
.quform-group-wrap:before,
.quform-group-wrap:after,
.quform-group-row:before,
.quform-group-row:after,
.quform-group-title-description-wrap:before,
.quform-group-title-description-wrap:after,
.quform-error-wrap:before,
.quform-error-wrap:after,
.quform-select-replaced .quform-input:before,
.quform-select-replaced .quform-input:after {
  content: " ";
  display: table; }

.quform-cf:after,
.quform-elements:after,
.quform-element:after,
.quform-options:after,
.quform-captcha:after,
.quform-submit:after,
.quform-group-wrap:after,
.quform-group-row:after,
.quform-group-title-description-wrap:after,
.quform-error-wrap:after,
.quform-select-replaced .quform-input:after {
  clear: both; }

.quform-cf,
.quform-elements,
.quform-element,
.quform-options,
.quform-captcha,
.quform-submit,
.quform-group-wrap,
.quform-group-row,
.quform-group-title-description-wrap,
.quform-error-wrap,
.quform-select-replaced .quform-input {
  zoom: 1; }

/* IE < 8 */
/*Cross browser fixes*/
.quform-inner input[type="checkbox"], .quform-inner input[type="radio"] {
  vertical-align: middle; }

.quform-element > .quform-spacer > label, .quform-option label {
  vertical-align: middle;
  display: inline-block;
  min-height: 20px; }

.quform-inner button::-moz-focus-inner {
  border: 0; }

.quform-inner :focus, .quform-inner a:focus {
  outline: 0; }

/* removes gray dotted outline */
.quform-inner input.middle:focus, .quform-inner select.middle:focus, .quform-inner textarea.middle:focus {
  outline-width: 0; }

.quform-inner input:focus, .quform-inner select:focus, .quform-inner textarea:focus {
  outline: none; }

.quform-inner textarea {
  overflow: auto;
  vertical-align: top; }

/* IE7 + Chrome spacing fix */
.quform-inner button, .quform-inner input {
  /* IE7 extra spacing fix */
  width: auto; }

.quform-inner input[type="file"] {
  max-width: 100%; }

/*Main Wrappers*/
.quform-inner .quform-elements {
  margin: 0;
  padding: 0; }

.quform-spacer {
  padding-bottom: 10px;
  height: 1px;
  height: auto;
  min-height: 1px; }

.quform-element {
  height: 1px;
  height: auto;
  min-height: 1px; }

/*Hidden*/
.quform-hidden {
  display: none; }

/*Required*/
.quform-element label span.quform-required {
  color: #cc0101;
  font-size: 10px; }

/*Default input, selects and textareas*/
.quform-elements .quform-element-text input,
.quform-elements .quform-element-captcha input,
.quform-elements .quform-element-password input,
.quform-elements .quform-element select,
.quform-elements .quform-element textarea {
  margin: 0;
  margin-bottom: 3px;
  padding: 2px;
  min-width: 10px;
  max-width: 100%; }

.quform-elements .quform-element-text input:hover,
.quform-elements .quform-element-captcha input:hover,
.quform-elements .quform-element-password input:hover,
.quform-elements .quform-element select:hover,
.quform-elements .quform-element textarea:hover,
.quform-elements .quform-element-text input:active,
.quform-elements .quform-element-captcha input:active,
.quform-elements .quform-element-password input:active,
.quform-elements .quform-element select:active,
.quform-elements .quform-element textarea:active,
.quform-elements .quform-element-text input:focus,
.quform-elements .quform-element-captcha input:focus,
.quform-elements .quform-element-password input:focus,
.quform-elements .quform-element select:focus,
.quform-elements .quform-element textarea:focus {
  color: #000; }

/* Default Label*/
.quform-element > label {
  font-weight: bold;
  padding-bottom: 10px;
  position: relative;
  display: inline-block;
  float: none;
  width: auto; }

/*Element Description*/
.quform-element p.quform-description {
  padding: 2px 0 0;
  font-size: 11px;
  line-height: 15px;
  font-style: italic; }

/*Headings*/
h3.quform-title {
  font-size: 22px;
  font-weight: bold;
  margin: 0;
  padding-bottom: 8px; }

/*Form Description*/
p.quform-description {
  font-size: 12px;
  margin: 0;
  padding-bottom: 20px; }

/*Check box and radio buttons*/
.quform-element .quform-options {
  margin: 0;
  padding: 0; }

.quform-element .quform-options .quform-option {
  margin: 0;
  padding: 0;
  height: 25px;
  height: auto;
  min-height: 25px; }

.quform-element .quform-options .quform-option label {
  position: relative; }

.quform-elements .quform-element .quform-options .quform-option input {
  border: none; }

.quform-options .quform-option label {
  line-height: 23px; }

/*Radio and checkboxes inline option*/
.quform-element .quform-options-inline > .quform-option {
  display: inline;
  padding: 0 15px 5px 0;
  float: left; }

.quform-options-inline .quform-option label {
  white-space: nowrap; }

/*Captcha*/
.quform-captcha-inner {
  position: relative;
  float: left; }

.quform-captcha-inner {
  position: relative;
  float: left;
  background: url(../images/captcha-refresh-icon.png) no-repeat center center; }

.quform-captcha-inner img {
  max-width: 100%;
  display: block; }

/*Groups*/
.quform-group-title-description-wrap {
  margin: 0 0 10px 0; }

.quform-group-title {
  font-size: 17px;
  line-height: 25px;
  font-weight: bold;
  margin: 0;
  padding-bottom: 2px; }

p.quform-group-description {
  font-size: 13px;
  line-height: 20px;
  margin: 0;
  padding-bottom: 0; }

.quform-group-style-bordered > .quform-group-elements {
  border: solid 1px #CCC;
  padding: 10px 10px 0; }

.quform-group-row {
  padding: 0;
  margin: 0; }

.quform-group-row > .quform-element,
.quform-group-row > .quform-group-wrap,
.quform-group-row > .quform-submit {
  display: inline-block;
  *display: inline;
  zoom: 1;
  min-height: 1px;
  float: left;
  padding: 0;
  vertical-align: top; }

.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-1cols > .quform-element,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-1cols > .quform-group-wrap,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-1cols > .quform-submit {
  width: 100%; }

.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-2cols > .quform-element,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-2cols > .quform-group-wrap,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-2cols > .quform-submit {
  width: 50%;
  *width: 49.9%; }

.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-3cols > .quform-element,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-3cols > .quform-group-wrap,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-3cols > .quform-submit {
  width: 33.3%; }

.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-4cols > .quform-element,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-4cols > .quform-group-wrap,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-4cols > .quform-submit {
  width: 25%;
  *width: 24.9%; }

.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-5cols > .quform-element,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-5cols > .quform-group-wrap,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-5cols > .quform-submit {
  width: 20%;
  *width: 19.9%; }

.quform-group-alignment-left > .quform-group-elements > .quform-group-row > .quform-element,
.quform-group-alignment-left > .quform-group-elements > .quform-group-row > .quform-group-wrap,
.quform-group-alignment-left > .quform-group-elements > .quform-group-row > .quform-submit {
  float: none;
  width: auto; }

.quform-group-alignment-left > .quform-group-elements > .quform-group-row > .quform-group-alignment-proportional {
  width: 100%;
  clear: both; }

/*Spacing in groups*/
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row > .quform-element .quform-spacer,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row > .quform-submit .quform-submit-inner,
.quform-group-alignment-left > .quform-group-elements > .quform-group-row > .quform-element .quform-spacer,
.quform-group-alignment-left > .quform-group-elements > .quform-group-row > .quform-submit .quform-submit-inner {
  padding: 0 5px 10px 5px; }

.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row > .quform-element:first-child .quform-spacer,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row > .quform-submit:first-child .quform-submit-inner,
.quform-group-alignment-left > .quform-group-elements > .quform-group-row > .quform-element:first-child .quform-spacer,
.quform-group-alignment-left > .quform-group-elements > .quform-group-row > .quform-submit:first-child .quform-submit-inner {
  padding-left: 0; }

.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row > .quform-element:last-child .quform-spacer,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row > .quform-submit:last-child .quform-submit-inner,
.quform-group-alignment-left > .quform-group-elements > .quform-group-row > .quform-element:last-child .quform-spacer,
.quform-group-alignment-left > .quform-group-elements > .quform-group-row > .quform-submit:last-child .quform-submit-inner {
  padding-right: 0; }

.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row.quform-group-row-1cols > .quform-element .quform-spacer,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row.quform-group-row-1cols > .quform-submit .quform-submit-inner,
.quform-group-alignment-left > .quform-group-elements > .quform-group-row.quform-group-row-1cols > .quform-element .quform-spacer,
.quform-group-alignment-left > .quform-group-elements > .quform-group-row.quform-group-row-1cols > .quform-submit .quform-submit-inner {
  padding: 0 5px 10px 5px; }

.quform-group-wrap > .quform-group-elements .quform-group-wrap > .quform-group-elements {
  margin: 0 5px; }

.quform-group-style-bordered.quform-group-wrap {
  margin-bottom: 15px; }

.quform-group-wrap > .quform-group-elements .quform-group-row .quform-group-style-bordered.quform-group-wrap {
  margin-bottom: 0; }

.quform-group-style-plain.quform-group-wrap {
  margin: 0; }

.quform-group-wrap .quform-group-row > .quform-group-style-plain.quform-group-wrap {
  margin: 0; }

.quform-group-wrap .quform-group-row > .quform-group-style-bordered.quform-group-wrap {
  padding: 0 0 10px 0;
  float: left; }

.quform-group-wrap .quform-group-row.quform-group-row-1cols > .quform-group-style-bordered.quform-group-wrap {
  padding: 0 0 10px 0;
  float: none;
  clear: both; }

/*LABEL / INPUT POSITION OPTIONS*/
/*label left*/
.quform-labels-left .quform-spacer > label {
  width: 150px;
  position: relative;
  float: left;
  padding-bottom: 10px; }

/*label above*/
.quform-labels-above .quform-spacer > label {
  width: auto;
  float: none; }

/*input left*/
.quform-labels-left .quform-input,
.quform-labels-left .quform-captcha {
  margin-left: 150px;
  padding-left: 10px; }

/*input above - override*/
.quform-labels-left .quform-labels-above.quform-element .quform-input,
.quform-labels-left .quform-labels-above.quform-element .quform-captcha,
.quform-labels-left .quform-labels-above.quform-group-wrap .quform-input,
.quform-labels-left .quform-labels-above.quform-group-wrap .quform-captcha,
.quform-labels-above .quform-labels-left .quform-labels-above.quform-element .quform-input,
.quform-labels-above .quform-labels-left .quform-labels-above.quform-element .quform-captcha,
.quform-labels-above .quform-labels-left .quform-labels-above.quform-group-wrap .quform-input,
.quform-labels-above .quform-labels-left .quform-labels-above.quform-group-wrap .quform-captcha {
  margin-left: 0;
  padding-left: 0; }

/*input left - override*/
.quform-labels-above .quform-labels-left.quform-element .quform-input,
.quform-labels-above .quform-labels-left.quform-element .quform-captcha,
.quform-labels-above .quform-labels-left.quform-group-wrap .quform-input,
.quform-labels-above .quform-labels-left.quform-group-wrap .quform-captcha,
.quform-labels-left .quform-labels-above .quform-labels-left.quform-element .quform-input,
.quform-labels-left .quform-labels-above .quform-labels-left.quform-element .quform-captcha,
.quform-labels-left .quform-labels-above .quform-labels-left.quform-group-wrap .quform-input,
.quform-labels-left .quform-labels-above .quform-labels-left.quform-group-wrap .quform-captcha {
  margin-left: 150px;
  padding-left: 10px; }

/*label above- override*/
.quform-labels-left .quform-labels-above.quform-element .quform-spacer > label,
.quform-labels-left .quform-labels-above.quform-group-wrap .quform-spacer > label,
.quform-labels-above .quform-labels-left .quform-labels-above.quform-element .quform-spacer > label,
.quform-labels-above .quform-labels-left .quform-labels-above.quform-group-wrap .quform-spacer > label {
  width: auto;
  float: none;
  padding-bottom: 8px; }

/*label left- override*/
.quform-labels-above .quform-labels-left.quform-element .quform-spacer > label,
.quform-labels-above .quform-labels-left.quform-group-wrap .quform-spacer > label,
.quform-labels-left .quform-labels-above .quform-labels-left.quform-element .quform-spacer > label,
.quform-labels-left .quform-labels-above .quform-labels-left.quform-group-wrap .quform-spacer > label {
  width: 150px;
  position: relative;
  float: left;
  padding-bottom: 10px; }

/*Fix multi elements*/
.quform-labels-left .quform-input .quform-input-file {
  margin-left: 0 !important;
  padding-left: 0; }

/*Submit button*/
.quform-submit {
  margin: 10px 0; }

.quform-submit-inner {
  float: left; }

.quform-submit button {
  margin: 0;
  cursor: pointer; }

.quform-submit button span, .quform-submit button em {
  display: block;
  margin: 0;
  cursor: pointer; }

/*Default*/
/*inner*/
.quform-submit button span {
  padding: 7px 20px; }

/*outer*/
.quform-submit button em {
  font-style: normal; }

/*Hover*/
/*outer*/
/*inner*/
/*Active*/
/*outer*/
/*inner*/
/*Loading the submit*/
.quform-loading-wrap {
  display: none;
  float: left;
  height: 10px;
  line-height: 10px;
  text-align: center;
  margin-top: 12px;
  margin-left: 5px; }

.quform-loading-wrap .quform-loading {
  display: block;
  width: 30px;
  height: 10px;
  text-indent: -9999px;
  background: transparent url("../images/default-loading.gif") no-repeat center center; }

/*Errors*/
.quform-errors {
  display: none; }

.quform-errors {
  margin: 0;
  padding: 3px 0 6px 0; }

.quform-errors > .quform-error, .quform-outer-no-js .quform-error {
  padding: 3px 10px 3px 25px;
  margin: 0;
  line-height: 16px;
  background: #F3CAC7 url("../images/error.png") no-repeat 3px center;
  color: #000;
  font-size: 12px;
  font-weight: normal;
  display: inline-block;
  border: 1px solid #fa8b83;
  float: left; }

.quform-labels-left > .quform-spacer > .quform-errors-wrap {
  margin-left: 150px; }

.quform-labels-left > .quform-spacer > .quform-errors-wrap .quform-errors > .quform-error {
  margin-left: 10px !important; }

.quform-labels-above > .quform-spacer > .quform-errors-wrap .quform-errors .quform-error {
  margin-left: 0 !important; }

/*Success message*/
.quform-success-message, .quform-outer-no-js .quform-success-message {
  background: #cef4a9 url("../images/success.png") no-repeat 14px center;
  padding: 8px 20px 8px 45px;
  line-height: 18px;
  margin: 10px 0;
  border: 1px solid #80bb48;
  font-weight: normal;
  color: #000; }

/*Fixes for consistent browsing*/
.quform-input .selector select {
  margin: 0 !important;
  width: auto !important;
  height: 30px; }

.quform-input .quform-element-file-inner input[type="file"] {
  text-shadow: none !important; }

*:first-child + html .quform-input select {
  background: transparent !important;
  color: #000 !important; }

*:first-child + html .quform-input select option {
  background: #fff !important;
  color: #000 !important; }

.quform-element-radio input[type="radio"] {
  background: transparent !important;
  border: none transparent !important; }

.quform-element-checkbox input[type="checkbox"] {
  background: transparent !important;
  border: none transparent !important; }

/*Hide FOUC*/
.quform-js .quform-element-file .quform-input {
  display: none; }

/*Tooltip icons*/
.quform-tooltip-icon {
  width: 15px;
  height: 15px;
  background: url("../images/help-icon.png") no-repeat right bottom;
  display: inline-block;
  cursor: pointer; }

.quform-element-text.quform-labels-inside > .quform-spacer > label .quform-tooltip-icon,
.quform-element-textarea.quform-labels-inside > .quform-spacer > label .quform-tooltip-icon,
.quform-element-password.quform-labels-inside > .quform-spacer > label .quform-tooltip-icon,
.quform-element-captcha.quform-labels-inside > .quform-spacer > label .quform-tooltip-icon {
  position: absolute;
  right: -20px;
  top: 0; }

.quform-tooltip-icon-content {
  display: none; }

/* Quform PHP Specific */
/*Preset element sizes - full width*/
.quform-elements .quform-full-width.quform-element-text input,
.quform-elements .quform-full-width.quform-element-captcha input,
.quform-elements .quform-full-width.quform-element-password input,
.quform-elements .quform-full-width.quform-element select,
.quform-elements .quform-full-width.quform-element textarea {
  width: 100%;
  *width: 98%; }

/*Preset element sizes - small*/
.quform-elements .quform-small.quform-element-text input,
.quform-elements .quform-small.quform-element-captcha input,
.quform-elements .quform-small.quform-element-password input,
.quform-elements .quform-small.quform-element select,
.quform-elements .quform-small.quform-element textarea {
  width: 90px; }

/*Preset element sizes - medium*/
.quform-elements .quform-med.quform-element-text input,
.quform-elements .quform-med.quform-element-captcha input,
.quform-elements .quform-med.quform-element-password input,
.quform-elements .quform-med.quform-element select,
.quform-elements .quform-med.quform-element textarea {
  width: 130px; }

/*Preset element sizes - large*/
.quform-elements .quform-large.quform-element-text input,
.quform-elements .quform-large.quform-element-captcha input,
.quform-elements .quform-large.quform-element-password input,
.quform-elements .quform-large.quform-element select,
.quform-elements .quform-large.quform-element textarea {
  width: 200px; }

/*Preset element sizes - huge*/
.quform-elements .quform-huge.quform-element-text input,
.quform-elements .quform-huge.quform-element-captcha input,
.quform-elements .quform-huge.quform-element-password input,
.quform-elements .quform-huge.quform-element select,
.quform-elements .quform-huge.quform-element textarea {
  width: 360px; }

/*Preset element sizes - fat*/
.quform-elements .quform-fat.quform-element-text input,
.quform-elements .quform-fat.quform-element-captcha input,
.quform-elements .quform-fat.quform-element-password input,
.quform-elements .quform-fat.quform-element select,
.quform-elements .quform-fat.quform-element textarea {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }

/*Preset button sizes - fat*/
.quform-button-fat.quform-submit .quform-submit-inner button span {
  padding: 15px 40px; }

/*Preset button sizes - small*/
.quform-button-small.quform-submit .quform-submit-inner button span {
  width: 90px; }

/*Preset button sizes - med*/
.quform-button-med.quform-submit .quform-submit-inner button span {
  width: 200px; }

/*Preset button sizes - large*/
.quform-button-large.quform-submit .quform-submit-inner button span {
  width: 400px; }

/*Preset button sizes - full width*/
.quform-button-full-width.quform-submit .quform-submit-inner,
.quform-button-full-width.quform-submit .quform-submit-inner button {
  width: 100%;
  max-width: 100%;
  float: none;
  display: block; }

.quform-button-full-width.quform-submit .quform-submit-inner {
  *width: 87%; }

/*IE 7 fix*/
.quform-button-full-width.quform-submit .quform-submit-inner button span {
  width: 100%; }

/* Form processing error  */
.quform-error-title {
  font-size: 13px;
  font-weight: bold;
  color: #CC0000;
  margin-bottom: 8px; }

.quform-error-message {
  margin-bottom: 10px;
  background: #F3CAC7;
  border: 1px solid #fa8b83;
  color: #111;
  padding: 8px; }

.quform-error-message pre {
  margin: 3px 0 0 3px;
  font-style: italic;
  overflow: auto; }

/* Replaced select menu text input */
.quform-select-replaced .quform-input input {
  float: left; }

.quform-outer a.quform-cancel-button {
  background-image: url("../images/close.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  float: left;
  display: inline-block;
  height: 16px;
  width: 16px;
  margin-top: 5px;
  margin-left: 2px; }

/* Incase the image doesn't load - show refresh icon */
.quform-captcha-inner {
  min-height: 25px;
  min-width: 25px; }

/* Grouped file upload spacing */
.quform-input-file {
  margin-top: 3px; }

.quform-input-file:first-child {
  margin-top: 0; }

/* No JS page */
.quform-outer-no-js {
  font-family: Arial, Helvetica, sans-serif;
  width: 80%;
  margin: 40px auto 0 auto; }

.quform-outer-no-js .quform-success-message {
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin: 15px 0 15px 0; }

.quform-outer-no-js .quform-wrapper {
  padding: 0 20px;
  border: 1px solid #ddd;
  background: #F8F8F8;
  -webkit-border-radius: 6px;
  border-radius: 6px; }

.quform-outer-no-js .quform-errors {
  display: block; }

.quform-outer-no-js .quform-errors-outer {
  padding-bottom: 10px; }

.quform-outer-no-js .quform-error-wrap {
  float: left;
  padding: 10px 10px 10px 0; }

.quform-outer-no-js .quform-error-label {
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 2px; }

.quform-outer-no-js .quform-title {
  font-size: 18px;
  margin: 10px 0 10px 0;
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #ddd; }

/* Tooltip styles */
/* qTip2 v2.2.1 | Plugins: tips viewport | Styles: core basic css3 | qtip2.com | Licensed MIT | Sat Sep 06 2014 21:55:19 */
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  direction: ltr;
  box-shadow: none;
  padding: 0; }

.qtip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word; }

.qtip-titlebar {
  position: relative;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: 700; }

.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important; }

.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  z-index: 11;
  cursor: pointer;
  outline: 0;
  border: 1px solid transparent; }

.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px; }

* html .qtip-titlebar .qtip-close {
  top: 16px; }

.qtip-icon .ui-icon, .qtip-titlebar .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr; }

.qtip-icon, .qtip-icon .ui-icon {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none; }

.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  font: 400 bold 10px/13px Tahoma,sans-serif;
  color: inherit;
  background: -100em -100em no-repeat; }

.qtip-default {
  border: 1px solid #F1D031;
  background-color: #FFFFA3;
  color: #555; }

.qtip-default .qtip-titlebar {
  background-color: #FFEF93; }

.qtip-default .qtip-icon {
  border-color: #CCC;
  background: #F1F1F1;
  color: #777; }

.qtip-default .qtip-titlebar .qtip-close {
  border-color: #AAA;
  color: #111; }

.qtip-light {
  background-color: #fff;
  border-color: #E2E2E2;
  color: #454545; }

.qtip-light .qtip-titlebar {
  background-color: #f1f1f1; }

.qtip-dark {
  background-color: #505050;
  border-color: #303030;
  color: #f3f3f3; }

.qtip-dark .qtip-titlebar {
  background-color: #404040; }

.qtip-dark .qtip-icon {
  border-color: #444; }

.qtip-dark .qtip-titlebar .ui-state-hover {
  border-color: #303030; }

.qtip-cream {
  background-color: #FBF7AA;
  border-color: #F9E98E;
  color: #A27D35; }

.qtip-cream .qtip-titlebar {
  background-color: #F0DE7D; }

.qtip-cream .qtip-close .qtip-icon {
  background-position: -82px 0; }

.qtip-red {
  background-color: #F78B83;
  border-color: #D95252;
  color: #912323; }

.qtip-red .qtip-titlebar {
  background-color: #F06D65; }

.qtip-red .qtip-close .qtip-icon {
  background-position: -102px 0; }

.qtip-red .qtip-icon, .qtip-red .qtip-titlebar .ui-state-hover {
  border-color: #D95252; }

.qtip-green {
  background-color: #CAED9E;
  border-color: #90D93F;
  color: #3F6219; }

.qtip-green .qtip-titlebar {
  background-color: #B0DE78; }

.qtip-green .qtip-close .qtip-icon {
  background-position: -42px 0; }

.qtip-blue {
  background-color: #E5F6FE;
  border-color: #ADD9ED;
  color: #5E99BD; }

.qtip-blue .qtip-titlebar {
  background-color: #D0E9F5; }

.qtip-blue .qtip-close .qtip-icon {
  background-position: -2px 0; }

.qtip-shadow {
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); }

.qtip-bootstrap, .qtip-rounded, .qtip-tipsy {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.qtip-rounded .qtip-titlebar {
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0; }

.qtip-youtube {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 3px #333;
  -moz-box-shadow: 0 0 3px #333;
  box-shadow: 0 0 3px #333;
  color: #fff;
  border: 0 solid transparent;
  background: #4A4A4A;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4A4A4A), color-stop(100%, #000));
  background-image: -webkit-linear-gradient(top, #4A4A4A 0, #000 100%);
  background-image: -moz-linear-gradient(top, #4A4A4A 0, #000 100%);
  background-image: -ms-linear-gradient(top, #4A4A4A 0, #000 100%);
  background-image: -o-linear-gradient(top, #4A4A4A 0, #000 100%); }

.qtip-youtube .qtip-titlebar {
  background-color: transparent; }

.qtip-youtube .qtip-content {
  padding: .75em;
  font: 12px arial,sans-serif;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);"; }

.qtip-youtube .qtip-icon {
  border-color: #222; }

.qtip-youtube .qtip-titlebar .ui-state-hover {
  border-color: #303030; }

.qtip-jtools {
  background: #232323;
  background: rgba(0, 0, 0, 0.7);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
  background-image: -moz-linear-gradient(top, #717171, #232323);
  background-image: -webkit-linear-gradient(top, #717171, #232323);
  background-image: -ms-linear-gradient(top, #717171, #232323);
  background-image: -o-linear-gradient(top, #717171, #232323);
  border: 2px solid #ddd;
  border: 2px solid #f1f1f1;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 12px #333;
  -moz-box-shadow: 0 0 12px #333;
  box-shadow: 0 0 12px #333; }

.qtip-jtools .qtip-titlebar {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"; }

.qtip-jtools .qtip-content {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"; }

.qtip-jtools .qtip-content, .qtip-jtools .qtip-titlebar {
  background: 0 0;
  color: #fff;
  border: 0 dashed transparent; }

.qtip-jtools .qtip-icon {
  border-color: #555; }

.qtip-jtools .qtip-titlebar .ui-state-hover {
  border-color: #333; }

.qtip-cluetip {
  -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  background-color: #D9D9C2;
  color: #111;
  border: 0 dashed transparent; }

.qtip-cluetip .qtip-titlebar {
  background-color: #87876A;
  color: #fff;
  border: 0 dashed transparent; }

.qtip-cluetip .qtip-icon {
  border-color: #808064; }

.qtip-cluetip .qtip-titlebar .ui-state-hover {
  border-color: #696952;
  color: #696952; }

.qtip-tipsy {
  background: #000;
  background: rgba(0, 0, 0, 0.87);
  color: #fff;
  border: 0 solid transparent;
  font-size: 11px;
  font-family: 'Lucida Grande',sans-serif;
  font-weight: 700;
  line-height: 16px;
  text-shadow: 0 1px #000; }

.qtip-tipsy .qtip-titlebar {
  padding: 6px 35px 0 10px;
  background-color: transparent; }

.qtip-tipsy .qtip-content {
  padding: 6px 10px; }

.qtip-tipsy .qtip-icon {
  border-color: #222;
  text-shadow: none; }

.qtip-tipsy .qtip-titlebar .ui-state-hover {
  border-color: #303030; }

.qtip-tipped {
  border: 3px solid #959FA9;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #F9F9F9;
  color: #454545;
  font-weight: 400;
  font-family: serif; }

.qtip-tipped .qtip-titlebar {
  border-bottom-width: 0;
  color: #fff;
  background: #3A79B8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
  background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D);
  background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
  background-image: -ms-linear-gradient(top, #3A79B8, #2E629D);
  background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"; }

.qtip-tipped .qtip-icon {
  border: 2px solid #285589;
  background: #285589; }

.qtip-tipped .qtip-icon .ui-icon {
  background-color: #FBFBFB;
  color: #555; }

.qtip-bootstrap {
  font-size: 14px;
  line-height: 20px;
  color: #333;
  padding: 1px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box; }

.qtip-bootstrap .qtip-titlebar {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0; }

.qtip-bootstrap .qtip-titlebar .qtip-close {
  right: 11px;
  top: 45%;
  border-style: none; }

.qtip-bootstrap .qtip-content {
  padding: 9px 14px; }

.qtip-bootstrap .qtip-icon {
  background: 0 0; }

.qtip-bootstrap .qtip-icon .ui-icon {
  width: auto;
  height: auto;
  float: right;
  font-size: 20px;
  font-weight: 700;
  line-height: 18px;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20); }

.qtip-bootstrap .qtip-icon .ui-icon:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .4;
  filter: alpha(opacity=40); }

.qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar {
  filter: none;
  -ms-filter: none; }

.qtip .qtip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10; }

.qtip .qtip-tip, x:-o-prefocus {
  visibility: hidden; }

.qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas {
  position: absolute;
  color: #123456;
  background: 0 0;
  border: 0 dashed transparent; }

.qtip .qtip-tip canvas {
  top: 0;
  left: 0; }

.qtip .qtip-tip .qtip-vml {
  behavior: url(#default#VML);
  display: inline-block;
  visibility: visible; }

.quform-tt {
  font-size: 13px;
  line-height: 15px; }

/* Quform Responsive - Add your styles here */
/* Smaller than standard 960 (devices and browsers) */
/* Tablet Portrait size to standard 960 (devices and browsers) */
/* Tablet Portrait and below (devices and browser) */
@media only screen and (max-width: 768px) {
  /* Groups columns become stacked */
  .quform-group-row .quform-element, .quform-group-row .quform-group-wrap, .quform-group-row .quform-submit {
    float: none;
    width: 100% !important;
    display: block; }
  .quform-group-row {
    margin: 0; }
  /* Elements become full width */
  .quform-elements .quform-element-text input, .quform-elements .quform-element-captcha input, .quform-elements .quform-element-password input, .quform-elements .quform-element select, .quform-elements .quform-element textarea {
    width: 100% !important;
    min-width: 100px; }
  /* keep date and time elements inline a bit longer */
  .quform-element-date select {
    width: 30% !important; }
  .quform-element-time select {
    width: 48% !important; }
  .quform-errors > .quform-error {
    float: none;
    display: block; }
  /* There is no elements to the right so no need for this right padding/margin */
  .quform-spacer, .quform-submit-inner {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .quform-group-elements {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  /* Make radio and checkboxes a bit easier to select on touch devices */
  .quform-options .quform-option {
    background: rgba(0, 0, 0, 0.03);
    /*background color on phones*/
    margin-bottom: 5px !important; }
  .quform-options .quform-option label {
    display: block;
    padding: 5px; }
  .quform-options .quform-option label input[type=checkbox], .quform-options .quform-option label input[type=radio] {
    float: right !important;
    margin-top: 5px; }
  .quform-options-inline > .quform-option {
    display: block;
    padding: 0 !important;
    width: 32%;
    margin: 0 1% 2px 0 !important; }
  .quform-options-inline > .quform-option label {
    display: block; }
  .quform-submit button span {
    padding: 9px 20px; } }

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  /* Button is larger for easy clicking on small devices. */
  .quform-submit-inner {
    width: 100%;
    float: none; }
  .quform-submit button {
    margin: 0;
    width: 100% !important; }
  .quform-submit button span, .quform-submit button em {
    width: auto !important; }
  /* There is not enough room for left labels - so move them above */
  .quform-labels-left > .quform-spacer > label {
    float: none;
    width: auto; }
  .quform-labels-left.quform-element .quform-input, .quform-labels-left.quform-element .quform-captcha {
    margin-left: 0;
    padding-left: 0; }
  /* Less radio/check inputs per line on phones */
  .quform-options-inline > .quform-option {
    width: 49%; }
  /* Force all pre-sized elements full width */
  .quform-elements .quform-element-text input, .quform-elements .quform-element-captcha input, .quform-elements .quform-element-password input, .quform-elements .quform-element select, .quform-elements .quform-element textarea {
    width: 100% !important; }
  /* No JS page */
  .quform-outer-no-js {
    width: auto;
    margin: 10px; }
  .quform-outer-no-js .quform-wrapper {
    padding: 0 10px; }
  .quform-outer-no-js .quform-error-wrap {
    float: none;
    display: block;
    padding-right: 0; } }

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

    Theme Name: Crizal - Multipurpose Responsive + Admin
    Description: Multipurpose Responsive + Admin
    Author: Chitrakoot Web
    Version: 3.0

-----------------------------------------------------------------------------------*/
/* ----------------------------------
        
    01. Common styles
    02. Section heading
    03. Topbar
    04. Navigation
    05. Page title
    06. Banner styles
    07. Slider styles
    08. Feature boxes
    09. Service blocks
    10. Client section
    11. Counter box
    12. Video
    13. About area
    14. Testmonials
    15. Owl carousel
    16. Team member
    17. Project grid
    18. Accordion style
    19. Portfolio masonry
    20. Tabs
    21. Pricing table
    22. Others
    23. Shop
    24. Blog
    25. Contact info
    26. Footer
    27. Copy Elements
    
---------------------------------- */
/* ===================================
    Common styles
====================================== */
/* CUSTOM */
.navbar-brand img {
  max-height: 50px; }

@media screen and (min-width: 767px) {
  .navbar-brand img {
    max-height: 65px; } }

@media screen and (min-width: 992px) {
  .navbar-brand img {
    max-height: 85px; } }

@media screen and (min-width: 992px) {
  .scrollHeader .navbar-brand img {
    max-height: 85px; } }

.blog-list-simple-text p:not(:first-child) {
  border: 0 !important;
  padding: 0 !important; }

@media screen and (min-width: 992px) {
  #navDonateBtn a {
    margin-top: 10px;
    padding: 12px 20px 0.75rem; }
  #navTreeBtn a {
    margin-top: 10px;
    padding: 12px 20px 0.75rem; } }

.slider-fade-shop .subheading {
  font-size: 30px !important;
  font-weight: 300 !important; }

.project-grid-img-custom-block {
  display: none; }

@media screen and (min-width: 767px) {
  .project-grid-img-custom-stacked {
    display: none; }
  .project-grid-img-custom-block {
    display: block;
    width: 100%;
    padding-bottom: 250px;
    background-size: cover;
    background-position: center; } }

@media screen and (min-width: 992px) {
  .project-grid-img-custom-block {
    padding-bottom: 275px; } }

#homeProjectSpotlightImg-md {
  display: none; }

@media screen and (min-width: 992px) {
  #homeProjectSpotlightImg-sm {
    display: none; }
  #homeProjectSpotlightImg-md {
    display: block;
    background-size: cover;
    background-position: center; } }

.projectSpotlightSection {
  background-color: #D2E6B8;
  border-top: 3px solid #86bc42;
  border-bottom: 3px solid #86bc42; }

.navbar-nav > li > a {
  font-weight: bold !important;
  font-size: 15px; }

#our-team .team-block p {
  margin-bottom: 0px !important; }

a.gflag {
  vertical-align: middle;
  font-size: 16px;
  padding: 1px 0;
  background-repeat: no-repeat;
  background-image: url(//gtranslate.net/flags/16.png); }

a.gflag img {
  border: 0; }

a.gflag:hover {
  background-image: url(//gtranslate.net/flags/16a.png); }

#goog-gt-tt {
  display: none !important; }

.goog-te-banner-frame {
  display: none !important; }

.goog-te-menu-value:hover {
  text-decoration: none !important; }

body {
  top: 0 !important; }

#google_translate_element2 {
  display: none !important; }

#gTranslateSelect {
  max-width: 300px;
  /* margin: 0 0 5px; */
  display: inline !important; }

#gTranslateContainer {
  margin-right: 60px;
  max-width: 350px;
  margin-left: 0px; }

#gTranslateContainer > a {
  display: inline; }

/* @media screen and (min-width: 400px) {

  #gTranslateSelect {
      max-width: 175px;
  }
  
  #gTranslateContainer {
      max-width: 225px;
  }
} */
/* @media screen and (min-width: 992px) {
  #gTranslateContainer {
      margin-right: 0px;
      max-width: 200px; 
      margin-left: 50px;
  }

  #gTranslateContainer > a {
      display: inline;
  }

  #gTranslateSelect {
      margin: -5px 0 5px;
  }
} */
/* loader */
#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fff;
  display: table;
  text-align: center; }

.loader {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  width: 200px;
  height: 200px; }

.loader-icon {
  width: 80px;
  height: 80px;
  border: 5px solid #86bc42;
  border-right-color: #eee;
  border-radius: 50%;
  position: relative;
  animation: loader-rotate 1s linear infinite;
  margin: 0 auto; }

@keyframes loader-rotate {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }

/* theme color and basic options */
a:hover, a:active {
  color: #86bc42;
  text-decoration: none; }

.bg-theme {
  background-color: #86bc42; }

.bg-light-sky {
  background-color: #e7efff; }

.bg-theme-90 {
  background: rgba(134, 188, 66, 0.9); }

.bg-theme-80 {
  background: rgba(134, 188, 66, 0.8); }

.theme-overlay[data-overlay-dark]:before {
  background: #86bc42; }

.text-theme-color {
  color: #86bc42; }

.text-content-big p {
  font-weight: 400;
  line-height: 200%;
  margin-bottom: 25px;
  font-size: 15px; }

.shadow-primary {
  -moz-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); }

.red {
  color: red; }

.line-through {
  text-decoration: line-through; }

/*
.color-h-one {
  color: #0779e4; }

.color-h-two {
  color: #ff7e67; }

.color-h-three {
  color: #95389e; }

.color-h-four {
  color: #00bdaa; }
*/
.color-h-one {
  color: green; }

.color-h-two {
  color: red; }

.color-h-three {
  color: blue; }

.color-h-four {
  color: purple; }

.min-height-60vh {
  min-height: 60vh; }

.bd-example {
  position: relative;
  padding: 1.5rem;
  margin-right: 0;
  margin-left: 0;
  border-width: .2rem; }

.bd-example > .btn, .bd-example > .butn, .bd-example > .btn-style2, .bd-example > .btn-style3, .bd-example > .btn-group {
  margin-top: .25rem;
  margin-bottom: .25rem; }

input:focus, textarea:focus, select:focus {
  border: 1px solid #86bc42; }

.bg-container {
  background: url(../img/bg/bg-pattern.png) no-repeat;
  position: absolute;
  left: 8%;
  top: 6%;
  width: 100%;
  background-size: auto auto;
  height: 100%; }

.readmore {
  font-weight: 700;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; }

.readmore:after {
  content: '\f105';
  font-size: 16px;
  vertical-align: top;
  font-family: Font Awesome\ 5 Free;
  padding-left: 8px;
  vertical-align: middle; }

.readmore:hover {
  color: #86bc42; }

.left-title {
  position: relative; }

.left-title:before {
  content: "";
  background: #86bc42;
  width: 15px;
  height: 2px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
  margin-right: 10px; }

.left-title.white:before {
  background: #fff; }

.clearfix {
  clear: both; }

.md-avatar {
  width: 3.75rem;
  height: 3.75rem; }

.height-200 {
  height: 200px; }

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #86bc42;
  background-color: #86bc42; }

@media screen and (min-width: 992px) {
  .vw-lg-50 {
    width: 50vw; } }

@media screen and (min-width: 1200px) {
  .container.lg {
    max-width: 1170px;
    width: 100%; } }

/* title, container and block */
.line-title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  margin-bottom: 35px;
  padding-bottom: 15px; }

.line-title h1, .line-title h2, .line-title h3, .line-title h4, .line-title h5, .line-title h6 {
  font-weight: 600;
  margin-bottom: 0;
  padding-bottom: 0; }

.line-title h3, .line-title h4 {
  font-size: 26px;
  font-weight: 600; }

.common-block {
  padding: 35px;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 4px; }

@media screen and (max-width: 991px) {
  .line-title {
    margin-bottom: 30px; }
  .line-title h3, .line-title h4 {
    font-size: 24px; }
  .common-block {
    padding: 30px; } }

@media screen and (max-width: 575px) {
  .line-title h3, .line-title h4 {
    font-size: 22px; }
  .common-block {
    padding: 25px; } }

@media screen and (max-width: 1599px) {
  .bg-container {
    left: 5%; } }

@media screen and (max-width: 1399px) {
  .bg-container {
    left: 0; } }

@media screen and (max-width: 1199px) {
  .bg-container {
    left: 0;
    top: 0; } }

@media screen and (max-width: 991px) {
  .sm-center-col {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .bg-container {
    background-repeat: repeat; } }

@media screen and (max-width: 767px) {
  .xs-center-col {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .xs-no-padding-left {
    border-left: none !important; }
  /* spacing between columns*/
  .xs-default-gutter {
    margin: 0 -15px; }
  .xs-default-gutter > [class*="col-"] {
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 0;
    padding-top: 0; } }

@media screen and (max-width: 575px) {
  .mobile-margin-15px-bottom {
    margin-bottom: 15px !important; }
  .mobile-margin-20px-bottom {
    margin-bottom: 20px !important; }
  .mobile-margin-25px-bottom {
    margin-bottom: 25px !important; }
  .mobile-margin-30px-bottom {
    margin-bottom: 30px !important; }
  .mobile-margin-35px-bottom {
    margin-bottom: 35px !important; }
  .mobile-padding-15px-bottom {
    padding-bottom: 15px !important; }
  .mobile-padding-20px-bottom {
    padding-bottom: 20px !important; }
  .mobile-padding-25px-bottom {
    padding-bottom: 25px !important; }
  .mobile-padding-35px-bottom {
    padding-bottom: 35px !important; }
  .bg-container {
    top: 0; } }

.background-position-left-top {
  background-position: left top; }

.background-no-repeat {
  background-repeat: no-repeat !important; }

/* spacing between columns*/
.half-gutter {
  margin: 0 -8px; }

.half-gutter > [class*="col-"] {
  padding: 7px; }

/* primary listing */
.primary-list {
  padding-left: 0; }

.primary-list li {
  font-size: 14px;
  font-weight: 500;
  margin-top: 15px;
  list-style-type: none;
  color: #222; }

.primary-list li i {
  color: #86bc42;
  padding-right: 10px; }

/* list style1 */
.list-style1 {
  list-style: none;
  margin: 0 0 30px 0;
  padding: 0; }

.list-style1 li {
  position: relative;
  padding: 0 0 14px 40px;
  margin: 0 0 14px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08); }

.list-style1 li span {
  position: absolute;
  top: 3px;
  right: 0; }

.list-style1 li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0; }

.list-style1 li:before {
  content: ""; }

.list-style1 li i {
  color: #86bc42;
  font-size: 12px;
  background: rgba(134, 188, 66, 0.1);
  margin-right: 12px;
  border-radius: 30px;
  padding: 6px;
  position: absolute;
  left: 0;
  top: 2px;
  line-height: 12px; }

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

.list-style2 li {
  margin-bottom: 25px;
  box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
  background: #fff;
  padding: 20px 25px; }

.list-style2 li:last-child {
  margin-bottom: 0; }

.list-style2 li span {
  display: inline-block;
  max-width: 50px;
  width: 100%;
  vertical-align: top;
  font-size: 42px;
  line-height: 40px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.1);
  text-align: right; }

.list-style2 li p {
  display: inline-block;
  margin-bottom: 0;
  max-width: 350px;
  width: 100%;
  vertical-align: top;
  padding-left: 25px; }

.list-style-14 li:before, .list-style-16 li:after {
  color: #86bc42; }

@media screen and (max-width: 1199px) {
  .list-style2 li {
    margin-bottom: 20px;
    padding: 20px 10px; }
  .list-style2 li p {
    max-width: 325px; }
  .list-style2 li span {
    font-size: 40px; } }

@media screen and (max-width: 575px) {
  .list-style2 li p {
    max-width: 220px;
    padding-left: 20px; } }

/* button style */
.butn {
  background: #282b2d;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: .75rem 1.75rem;
  line-height: 1.6;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-transform: none !important;
  position: relative;
  /* z-index: 9999; */
  display: inline-block;
  white-space: nowrap;
  border: none;
  cursor: pointer;
  -moz-transition: width .4s;
  -ms-transition: width .4s;
  -webkit-transition: width .4s;
  -o-transition: width .4s;
  transition: width .4s; }

.butn span {
  z-index: 9;
  position: relative; }

.butn:hover {
  color: #fff;
  border-radius: 3px; }

.butn:after {
  content: '';
  position: absolute;
  border-radius: 4px;
  bottom: 6px;
  left: 0;
  height: 2px;
  -moz-transition: width .4s;
  -ms-transition: width .4s;
  -webkit-transition: width .4s;
  -o-transition: width .4s;
  transition: width .4s;
  width: 0;
  background: #86bc42;
  height: 100%;
  top: 0;
  z-index: 1; }

.butn:hover:after {
  width: 100%;
  border-radius: 3px; }

.butn.white {
  background: #fff;
  color: #282b2d; }

.butn.white:hover {
  color: #fff;
  border-radius: 3px; }

.butn.white:after {
  background: #282b2d;
  border-radius: 3px; }

.butn.white-hover:hover {
  color: #282b2d; }

.butn.white-hover:hover span {
  color: #282b2d; }

.butn.white-hover:after {
  background: #fff;
  border-radius: 3px; }

.butn.light {
  background: rgba(134, 188, 66, 0.1);
  color: #86bc42; }

.butn.light:hover {
  color: #fff;
  background: #86bc42;
  border-radius: 3px; }

.butn.light:after {
  background: #86bc42;
  border-radius: 3px; }

.butn.theme {
  background: #86bc42;
  color: #fff; }

.butn.theme span {
  color: #fff; }

.butn.theme:hover {
  color: #fff;
  border-radius: 3px; }

.butn.theme:after {
  background: #282b2d;
  border-radius: 2px; }

.butn.theme.white-hover:hover {
  color: #282b2d; }

.butn.theme.white-hover:hover span {
  color: #282b2d; }

.butn.theme.white-hover:after {
  background: #fff;
  border-radius: 3px; }

.butn.white.theme-hover:hover {
  color: #fff; }

.butn.white.theme-hover:hover span {
  color: #fff; }

.butn.white.theme-hover:after {
  background: #86bc42;
  border-radius: 3px; }

.butn.md-lg {
  padding: 16px 30px; }

.butn.sm-lg {
  padding: 14px 28px; }

.butn.wide {
  letter-spacing: 5px; }

.butn.md-wide {
  letter-spacing: 4px; }

.butn.sm-wide {
  letter-spacing: 3px; }

.butn.xs-wide {
  letter-spacing: 2px; }

.butn.small {
  padding: 8px 20px; }

.butn.medium {
  padding: 10px 20px; }

/* button style2*/
.btn-style2 {
  background: #fff;
  display: inline-block;
  font-size: 14px;
  padding: 12px 20px;
  border: 2px solid #222;
  color: #232323;
  letter-spacing: .5px;
  line-height: 26px;
  border-radius: 0;
  text-transform: uppercase;
  width: auto;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out; }

.btn-style2.medium {
  padding: 10px 20px; }

.btn-style2.small {
  padding: 8px 20px; }

.btn-style2:hover, .btn-style2:active, .btn-style2:focus {
  background: #86bc42;
  color: #fff;
  border-color: #86bc42; }

.btn-style2.theme {
  background: #86bc42;
  border-color: #86bc42;
  color: #fff; }

.btn-style2.theme:hover, .btn-style2.theme:active, .btn-style2.theme:focus {
  background: #232323;
  color: #fff;
  border-color: #232323; }

/* button style3*/
.btn-style3 {
  display: inline-block;
  font-size: 14px;
  padding: 14px 20px;
  border: 2px solid #86bc42;
  color: #fff;
  letter-spacing: .5px;
  line-height: 26px;
  border-radius: 0;
  text-transform: uppercase;
  width: auto;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  background: #86bc42;
  border-radius: 30px;
  min-width: 180px; }

.btn-style3.medium {
  padding: 10px 20px; }

.btn-style3.small {
  padding: 8px 20px; }

.btn-style3:hover, .btn-style3:active, .btn-style3:focus {
  background: #232323;
  color: #fff;
  border-color: #232323; }

@media screen and (max-width: 991px) {
  .butn.small {
    padding: 7px 16px; }
  .butn.medium {
    padding: 8px 18px; } }

@media screen and (max-width: 767px) {
  .butn.small {
    padding: 6px 14px; }
  .butn.medium {
    padding: 6px 16px; } }

/* ===================================
    Section heading
====================================== */
.section-heading {
  margin-bottom: 50px;
  text-align: center; }

.section-heading.half {
  margin-bottom: 30px; }

.section-heading h1, .section-heading h2, .section-heading h3, .section-heading h4, .section-heading h5, .section-heading h6 {
  position: relative;
  padding-bottom: 10px;
  font-weight: 700;
  margin-bottom: 10px;
  position: relative;
  line-height: 140%; }

.section-heading h1:after, .section-heading h2:after, .section-heading h3:after, .section-heading h4:after, .section-heading h5:after, .section-heading h6:after {
  content: '';
  display: block;
  width: 100px;
  height: 2px;
  background: #86bc42;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; }

.section-heading.white h1, .section-heading.white h2, .section-heading.white h3, .section-heading.white h4, .section-heading.white h5, .section-heading.white h6, .section-heading.white p, .section-heading.white span {
  color: #fff; }

.section-heading.grey h1, .section-heading.grey h2, .section-heading.grey h3, .section-heading.grey h4, .section-heading.grey h5, .section-heading.grey h6 {
  color: #b7b7b7; }

.section-heading.grey h1:after, .section-heading.grey h2:after, .section-heading.grey h3:after, .section-heading.grey h4:after, .section-heading.grey h5:after, .section-heading.grey h6:after {
  background: #b7b7b7; }

.section-heading.grey span {
  color: #b7b7b7; }

.section-heading.left {
  text-align: left; }

.section-heading.left h1, .section-heading.left h2, .section-heading.left h3, .section-heading.left h4, .section-heading.left h5, .section-heading.left h6 {
  padding-bottom: 15px; }

.section-heading.left h1:after, .section-heading.left h2:after, .section-heading.left h3:after, .section-heading.left h4:after, .section-heading.left h5:after, .section-heading.left h6:after {
  margin: 0;
  left: 0; }

.section-heading strong {
  font-weight: 600; }

.section-heading p {
  font-size: 15px;
  font-weight: 400;
  padding-top: 15px;
  margin: 0 auto; }

.section-heading span {
  position: relative;
  font-size: 15px;
  font-weight: 500;
  color: #86bc42;
  line-height: 200%;
  margin-bottom: 10px; }

.section-heading .badge {
  display: inline-block;
  padding: 7px 19px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 14px;
  color: #86bc42;
  border: 1px solid #86bc42;
  background: transparent;
  text-transform: uppercase;
  letter-spacing: .075em; }

@media screen and (max-width: 991px) {
  .section-heading {
    margin-bottom: 30px; }
  .section-heading p {
    padding-top: 10px;
    font-size: 14px; }
  .section-heading.half {
    margin-bottom: 20px; } }

/* title style2 */
.title-style2 {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 0;
  text-transform: uppercase; }

.title-style2:after {
  content: '';
  width: 60px;
  height: 2px;
  background: #86bc42;
  position: absolute;
  bottom: 0;
  left: calc(50% - 30px); }

.title-style2:before {
  content: '';
  height: 1px;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 250px; }

h1.title-style2.white, h2.title-style2.white, h3.title-style2.white, h4.title-style2.white, h5.title-style2.white, h6.title-style2.white {
  color: #fff; }

.section-heading.left .title-style2 {
  left: 0;
  margin: 0; }

.section-heading.left .title-style2:before {
  width: 125px;
  left: 0;
  margin: 0; }

.section-heading.left .title-style2:after {
  width: 50px;
  left: 37px; }

.section-heading .title-style2.white:after {
  background: #86bc42; }

.section-heading .title-style2.white:before {
  background: rgba(255, 255, 255, 0.8); }

/* title style3 */
.section-heading.title-style3 {
  text-align: left;
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee; }

.section-heading.title-style3 h1, .section-heading.title-style3 h2, .section-heading.title-style3 h3, .section-heading.title-style3 h4, .section-heading.title-style3 h5, .section-heading.title-style3 h6 {
  padding: 0;
  margin: 0; }

.section-heading.title-style3 h1:after, .section-heading.title-style3 h2:after, .section-heading.title-style3 h3:after, .section-heading.title-style3 h4:after, .section-heading.title-style3 h5:after, .section-heading.title-style3 h6:after {
  content: none; }

/* title style4 */
.section-heading.title-style4 h1, .section-heading.title-style4 h2, .section-heading.title-style4 h3, .section-heading.title-style4 h4, .section-heading.title-style4 h5, .section-heading.title-style4 h6 {
  text-transform: uppercase;
  font-weight: 700;
  padding: 0;
  margin: 0; }

.section-heading.title-style4 p {
  padding-top: 0; }

.section-heading.title-style4 span {
  color: #86bc42;
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase; }

.section-heading.title-style4 h1:after, .section-heading.title-style4 h2:after, .section-heading.title-style4 h3:after, .section-heading.title-style4 h4:after, .section-heading.title-style4 h5:after, .section-heading.title-style4 h6:after {
  content: none; }

@media screen and (max-width: 1199px) {
  .section-heading.title-style4 span {
    font-size: 30px; } }

@media screen and (max-width: 991px) {
  .section-heading.title-style4 span {
    font-size: 28px; } }

@media screen and (max-width: 767px) {
  .section-heading.title-style4 span {
    font-size: 28px; } }

/* title style5 */
.section-heading.title-style5 h1, .section-heading.title-style5 h2, .section-heading.title-style5 h3, .section-heading.title-style5 h4, .section-heading.title-style5 h5, .section-heading.title-style5 h6 {
  padding: 0;
  margin: 0; }

.section-heading.title-style5.white h1, .section-heading.title-style5.white h2, .section-heading.title-style5.white h3, .section-heading.title-style5.white h4, .section-heading.title-style5.white h5, .section-heading.title-style5.white h6 {
  color: #fff; }

.section-heading.title-style5 h1:after, .section-heading.title-style5 h2:after, .section-heading.title-style5 h3:after, .section-heading.title-style5 h4:after, .section-heading.title-style5 h5:after, .section-heading.title-style5 h6:after {
  content: none; }

.section-heading.title-style5 .separator-left, .section-heading.title-style5 .separator-right {
  height: 1px;
  position: absolute;
  top: 50%;
  width: 70px;
  margin-top: -1px;
  margin-bottom: 0; }

.section-heading.title-style5 .separator-left {
  left: -80px; }

.section-heading.title-style5 .separator-right {
  right: -80px; }

.section-heading.title-style5 .square {
  width: 10px;
  height: 10px;
  background-color: #86bc42;
  border-width: 1px;
  border-style: solid;
  border-color: #86bc42;
  display: inline-block;
  vertical-align: baseline;
  position: relative; }

.section-heading.title-style5.left .square .separator-left {
  display: none; }

.section-heading.title-style5 span {
  text-transform: capitalize;
  color: #86bc42;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px; }

/* title style6 */
.section-heading.title-style6 h1, .section-heading.title-style6 h2, .section-heading.title-style6 h3, .section-heading.title-style6 h4, .section-heading.title-style6 h5, .section-heading.title-style6 h6 {
  position: relative;
  padding-bottom: 10px;
  font-weight: 500;
  margin-bottom: 10px;
  position: relative;
  line-height: 140%;
  text-transform: inherit; }

.section-heading.title-style6 h1:after, .section-heading.title-style6 h2:after, .section-heading.title-style6 h3:after, .section-heading.title-style6 h4:after, .section-heading.title-style6 h5:after, .section-heading.title-style6 h6:after {
  content: '';
  display: block;
  width: 50px;
  height: 1px;
  background: #86bc42;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; }

.section-heading.title-style6 span {
  color: #282b2d;
  font-weight: 600;
  font-size: 32px;
  line-height: normal; }

.section-heading.title-style6.white span {
  color: #fff; }

.section-heading.title-style6.left {
  text-align: left; }

.section-heading.title-style6.left h1:after, .section-heading.title-style6.left h2:after, .section-heading.title-style6.left h3:after, .section-heading.title-style6.left h4:after, .section-heading.title-style6.left h5:after, .section-heading.title-style6.left h6:after {
  margin: 0; }

@media screen and (max-width: 1199px) {
  .section-heading.title-style6 span {
    font-size: 30px; } }

@media screen and (max-width: 991px) {
  .section-heading.title-style6 span {
    font-size: 28px; } }

@media screen and (max-width: 767px) {
  .section-heading.title-style6 span {
    font-size: 26px; } }

/* title style7 */
.section-heading.title-style7 {
  text-align: center;
  position: relative;
  margin-bottom: 70px; }

.section-heading.title-style7 h1, .section-heading.title-style7 h2, .section-heading.title-style7 h3, .section-heading.title-style7 h4, .section-heading.title-style7 h5, .section-heading.title-style7 h6 {
  padding-bottom: 0; }

.section-heading.title-style7 h1:after, .section-heading.title-style7 h2:after, .section-heading.title-style7 h3:after, .section-heading.title-style7 h4:after, .section-heading.title-style7 h5:after, .section-heading.title-style7 h6:after {
  content: none; }

.section-heading.title-style7 span {
  padding-bottom: 10px;
  letter-spacing: 2px;
  font-weight: 600; }

.section-heading.title-style7 span:before {
  content: '';
  display: block;
  width: 75px;
  height: 1px;
  background: #86bc42;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; }

.section-heading.title-style7 span:after {
  position: absolute;
  content: '';
  background: #86bc42;
  width: 75px;
  height: 1px;
  bottom: -2px;
  left: 0;
  right: 0;
  margin: 0 auto; }

@media screen and (max-width: 991px) {
  .section-heading.title-style7 {
    margin-bottom: 50px; } }

/* title style8 */
.section-heading.title-style8 {
  text-align: center; }

.section-heading.title-style8 h1, .section-heading.title-style8 h2, .section-heading.title-style8 h3, .section-heading.title-style8 h4, .section-heading.title-style8 h5, .section-heading.title-style8 h6 {
  position: relative;
  font-weight: 700;
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 5px;
  line-height: 140%;
  text-transform: capitalize; }

.section-heading.title-style8 h1:before, .section-heading.title-style8 h2:before, .section-heading.title-style8 h3:before, .section-heading.title-style8 h4:before, .section-heading.title-style8 h5:before, .section-heading.title-style8 h6:before {
  position: absolute;
  content: '';
  background: #86bc42;
  width: 75px;
  height: 1px;
  bottom: -8px;
  left: 49%;
  margin-left: -45px; }

.section-heading.title-style8 h1:after, .section-heading.title-style8 h2:after, .section-heading.title-style8 h3:after, .section-heading.title-style8 h4:after, .section-heading.title-style8 h5:after, .section-heading.title-style8 h6:after {
  position: absolute;
  content: '';
  background: #86bc42;
  width: 75px;
  height: 1px;
  bottom: -12px;
  left: 50%;
  margin-left: -30px; }

.section-heading.title-style8 p {
  font-size: 15px;
  font-weight: 400;
  padding-top: 10px;
  margin: 0 auto; }

.section-heading.title-style8 .inner-title {
  font-size: 32px;
  display: block;
  line-height: normal;
  margin-bottom: 5px; }

@media screen and (max-width: 991px) {
  .section-heading.title-style8 p {
    padding-top: 5px; }
  .section-heading.title-style8 .inner-title {
    font-size: 28px; } }

@media screen and (max-width: 767px) {
  .section-heading.title-style8 .inner-title {
    font-size: 26px; } }

@media screen and (max-width: 575px) {
  .section-heading.title-style8 .inner-title {
    font-size: 24px; } }

/* title style9 */
.section-heading.title-style9 {
  text-align: center;
  position: relative; }

.section-heading.title-style9 h1, .section-heading.title-style9 h2, .section-heading.title-style9 h3, .section-heading.title-style9 h4, .section-heading.title-style9 h5, .section-heading.title-style9 h6 {
  font-size: 36px;
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0;
  position: relative;
  line-height: 140%;
  font-weight: 500; }

.section-heading.title-style9.white h1 {
  color: #fff; }

.section-heading.white h2, .section-heading.white h3, .section-heading.white h4, .section-heading.white h5, .section-heading.white h6 {
  color: #fff; }

.section-heading.title-style9.white p {
  color: #fff; }

.section-heading.title-style9.white .badge {
  background: rgba(255, 255, 255, 0.2); }

.section-heading.title-style9 h1:after, .section-heading.title-style9 h2:after, .section-heading.title-style9 h3:after, .section-heading.title-style9 h4:after, .section-heading.title-style9 h5:after, .section-heading.title-style9 h6:after {
  content: none; }

.section-heading.title-style9 p {
  font-size: 16px;
  font-weight: 500;
  padding-top: 0;
  margin: 0 auto; }

.section-heading.title-style9 .badge {
  color: #86bc42;
  background: rgba(134, 188, 66, 0.15);
  border: none;
  padding: 5px 20px;
  border-radius: 30px;
  font-weight: 700;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 5px;
  line-height: normal;
  text-transform: capitalize; }

@media screen and (max-width: 991px) {
  .section-heading.title-style9 h1, .section-heading.title-style9 h2, .section-heading.title-style9 h3, .section-heading.title-style9 h4, .section-heading.title-style9 h5, .section-heading.title-style9 h6 {
    font-size: 32px; } }

@media screen and (max-width: 767px) {
  .section-heading.title-style9 h1, .section-heading.title-style9 h2, .section-heading.title-style9 h3, .section-heading.title-style9 h4, .section-heading.title-style9 h5, .section-heading.title-style9 h6 {
    font-size: 28px; } }

/* inner title */
.inner-title h1, .inner-title h2, .inner-title h3, .inner-title h4, .inner-title h5, .inner-title h6 {
  font-size: 18px;
  margin-bottom: 30px;
  padding-bottom: 10px;
  position: relative;
  font-weight: 600; }

.inner-title h1:after, .inner-title h2:after, .inner-title h3:after, .inner-title h4:after, .inner-title h5:after, .inner-title h6:after {
  content: '';
  display: block;
  width: 40px;
  height: 2px;
  background: #86bc42;
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; }

.inner-title.half h1, .inner-title.half h2, .inner-title.half h3, .inner-title.half h4, .inner-title.half h5, .inner-title.half h6 {
  margin-bottom: 15px; }

/* section heading */
.title-style11 {
  text-align: center;
  width: 50%;
  margin: 0 auto 75px auto; }

.title-style11 h2 {
  margin-bottom: 0;
  font-weight: 600; }

.title-style11 span {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 8px;
  display: block;
  color: #86bc42; }

@media screen and (max-width: 991px) {
  .title-style11 {
    width: 70%;
    margin-bottom: 60px; } }

@media screen and (max-width: 767px) {
  .title-style11 {
    width: 100%;
    margin-bottom: 50px; } }

/* section heading */
.title-style12 {
  text-align: center;
  margin-bottom: 60px; }

.title-style12 h2 {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 48px; }

.title-style12 p {
  width: 55%;
  margin: 0 auto; }

@media screen and (max-width: 1199px) {
  .title-style12 {
    margin-bottom: 50px; }
  .title-style12 h2 {
    font-size: 42px; } }

@media screen and (max-width: 991px) {
  .title-style12 p {
    width: 85%; } }

@media screen and (max-width: 767px) {
  .title-style12 {
    margin-bottom: 35px; }
  .title-style12 h2 {
    font-size: 36px; }
  .title-style12 p {
    width: 90%; } }

/* ===================================
    Topbar
====================================== */
/* topbar */
.top-bar-info {
  display: inline-block;
  vertical-align: middle; }

.top-bar-info ul {
  margin-bottom: 0; }

.top-bar-info li {
  font-weight: 500;
  color: #fff;
  list-style-type: none;
  font-size: 13px;
  padding: 0 5px 0;
  display: inline-block;
  margin-bottom: 0; }

#top-bar {
  display: block;
  position: relative;
  z-index: 999;
  background: #1c1c1c;
  padding: 7px 0; }

.top-bar-info li i {
  font-size: 16px;
  color: #86bc42;
  margin-right: 8px;
  margin-top: 0;
  display: inline-block;
  vertical-align: text-bottom; }

.top-social-icon {
  padding: 0;
  float: right;
  margin: 0; }

.top-social-icon li {
  font-size: 14px;
  list-style-type: none;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0 7px; }

.top-social-icon li:last-child {
  padding-right: 0; }

.top-social-icon li:last-child a {
  padding-right: 0; }

.top-social-icon li a {
  color: #fff;
  line-height: 28px;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
  padding: 0 3px; }

.top-social-icon li a:hover {
  color: #86bc42; }

#top-bar.top-bar-style2 {
  background: #f5f5f5;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.top-bar-style2 .top-bar-info li {
  color: #6f6f6f; }

.top-bar-style2 .top-bar-info li i {
  color: #6f6f6f; }

.top-bar-style2 .top-social-icon li a {
  color: #6f6f6f; }

.top-bar-style2 .top-social-icon li a:hover {
  color: #282b2d; }

/* ===================================
    Navigation
====================================== */
.navbar-nav li.current > a, .navbar-nav li.active > a {
  color: #86bc42; }

.navbar > ul > li.current > a:after {
  border-color: transparent #86bc42 #86bc42 transparent; }

@media screen and (min-width: 992px) {
  /*header style01*/
  .header-style1 .navbar-nav li.current > a, .header-style2 .navbar-nav li.current > a {
    color: #86bc42; }
  .header-style1 .navbar-nav li.active > a {
    color: #86bc42; }
  .header-style1 .navbar > ul > li.current > a:after {
    border-color: transparent #86bc42 #86bc42 transparent; }
  .header-style2 .navbar > ul > li.current > a:after {
    border-color: transparent #86bc42 #86bc42 transparent; }
  .header-style1.scrollHeader .navbar-nav li.current > a, .header-style2.scrollHeader .navbar-nav li.current > a, .header-style1.scrollHeader .navbar-nav li.current > a:hover, .header-style2.scrollHeader .navbar-nav li.current > a:hover {
    color: #86bc42; }
  .header-style1.scrollHeader .navbar > ul > li.current > a:after, .header-style2.scrollHeader .navbar > ul > li.current > a:after {
    border-color: transparent #86bc42 #86bc42 transparent; }
  /*header style03*/
  .header-style3 {
    border-bottom: 2px solid rgba(134, 188, 66, 0.9); }
  /*header style04*/
  .header-style4 .navbar-nav li.current > a {
    color: #86bc42; }
  .header-style4 .navbar > ul > li.current > a:after {
    border-color: transparent #86bc42 #86bc42 transparent; }
  /*header style05*/
  .header-style5 #top-bar {
    background: #86bc42; }
  /*header style06*/
  .header-style6 .navbar-default {
    background: rgba(134, 188, 66, 0.85); }
  .header-style6.scrollHeader .navbar-default {
    background: #86bc42; }
  /*menu area light*/
  .menu_area-light .navbar-nav li.current > a {
    color: #86bc42; }
  .menu_area-light .navbar > ul > li.current > a:after {
    border-color: transparent #86bc42 #86bc42 transparent; }
  .menu_area-light.scrollHeader .navbar-nav li.current > a {
    color: #86bc42; }
  .menu_area-light.scrollHeader .navbar-nav li.current > a:hover {
    color: #86bc42; }
  .menu_area-light.scrollHeader .navbar > ul > li.current > a:after {
    border-color: transparent #86bc42 #86bc42 transparent; } }

@media screen and (max-width: 991px) {
  /*header style03*/
  .header-style3 {
    border-bottom: 2px solid rgba(134, 188, 66, 0.9); }
  /*header style05*/
  .header-style5 #top-bar, .header-style5 .navbar-toggler {
    background: #86bc42; }
  /*header style06*/
  .header-style6 .navbar-default {
    background: rgba(134, 188, 66, 0.85); } }

/* ===================================
    Page title
====================================== */
/*page title style1*/
.page-title-section {
  background-size: cover;
  background-position: center; }

.page-title-section h1 {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1;
  color: #fff;
  margin-bottom: 0; }

.page-title-section ul {
  margin-bottom: 0;
  margin-top: 15px;
  text-align: left; }

.page-title-section ul li {
  display: inline-block; }

.page-title-section ul li:last-child a {
  color: #86bc42; }

.page-title-section ul li:after {
  content: '\f105';
  font-weight: 700;
  vertical-align: middle;
  color: #fff;
  font-family: Font Awesome\ 5 Free;
  padding: 0 10px; }

.page-title-section ul li:last-child:after {
  content: none; }

.page-title-section ul li a {
  color: #fff;
  font-size: 14px;
  font-weight: 500; }

.page-title-section .active a, .page-title-section li.active:last-child a {
  color: #fff; }

@media screen and (max-width: 1199px) {
  .page-title-section h1 {
    font-size: 36px;
    line-height: 40px; } }

@media screen and (max-width: 991px) {
  .page-title-section h1 {
    font-size: 30px;
    line-height: 38px; } }

@media screen and (max-width: 767px) {
  .page-title-section h1 {
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 36px; }
  .page-title-section ul {
    margin-top: 5px; } }

/*page title style2*/
.page-title-section2 {
  padding: 250px 0 150px;
  text-align: center; }

.page-title-section2 h1 {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1;
  color: #fff;
  margin-bottom: 0; }

.page-title-section2 ul {
  margin-bottom: 0;
  margin-top: 15px;
  text-align: center; }

.page-title-section2 ul li {
  display: inline-block; }

.page-title-section2 ul li:last-child a {
  color: #86bc42; }

.page-title-section2 ul li:after {
  content: '\f105';
  font-weight: 700;
  vertical-align: middle;
  color: #fff;
  font-family: Font Awesome\ 5 Free;
  padding: 0 5px 0 10px; }

.page-title-section2 ul li:last-child:after {
  content: none; }

.page-title-section2 ul li a {
  color: #fff;
  font-size: 14px;
  font-weight: 500; }

.page-title-section2 .active a, .page-title-section2 li.active:last-child a {
  color: #fff; }

@media screen and (max-width: 1199px) {
  .page-title-section2 {
    padding: 200px 0 100px; }
  .page-title-section2 h1 {
    font-size: 36px;
    line-height: 42px; } }

@media screen and (max-width: 991px) {
  .page-title-section2 {
    padding: 148px 0 75px; }
  .page-title-section2 h1 {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 40px; }
  .page-title-section2 ul {
    margin-top: 5px; } }

/*page title style3*/
.page-title-section3 h1 {
  color: #282b2d;
  margin-bottom: 0; }

.page-title-section3 ul {
  margin-bottom: 0;
  margin-top: 15px;
  text-align: center; }

.page-title-section3 ul li {
  display: inline-block; }

.page-title-section3 ul li:last-child a {
  color: #282b2d; }

.page-title-section3 ul li:after {
  content: ' \f152';
  color: #fff;
  font-weight: 700;
  font-family: Font Awesome\ 5 Free;
  padding: 0 10px; }

.page-title-section3 ul li:last-child:after {
  content: none; }

.page-title-section3 ul li a {
  color: #fff;
  font-size: 14px;
  font-weight: 500; }

@media screen and (max-width: 991px) {
  .page-title-section3 ul {
    margin-top: 5px; } }

/*page title style4*/
.page-title-section.small h1 {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: normal;
  color: #fff;
  margin-bottom: 0; }

.page-title-section.small ul {
  margin-bottom: 0;
  margin-top: 6px;
  text-align: left; }

.page-title-section.small ul li {
  display: inline-block; }

.page-title-section.small ul li:last-child a {
  color: #86bc42; }

.page-title-section.small ul li:after {
  content: ' \f152';
  color: #fff;
  font-weight: 700;
  font-family: Font Awesome\ 5 Free;
  padding: 0 10px; }

.page-title-section.small ul li:last-child:after {
  content: none; }

.page-title-section.small ul li a {
  color: #fff;
  font-size: 14px;
  font-weight: 500; }

@media screen and (max-width: 767px) {
  .page-title-section.small h1 {
    margin-bottom: 5px;
    font-size: 24px; }
  .page-title-section.small ul {
    margin-top: 5px; } }

/* ===================================
    Banner styles
====================================== */
/*banner style-01*/
.main-banner-area {
  overflow: hidden;
  position: relative; }

.main-banner-area:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: none;
  z-index: 3; }

.main-banner-area .right-bg {
  float: right;
  width: 55.5%;
  right: 1px;
  overflow: hidden;
  position: relative;
  z-index: 1; }

.main-banner-area .header-shape-bg {
  position: absolute;
  top: 0px;
  min-height: 500px;
  z-index: 2;
  width: 100%; }

.main-banner-area .header-text {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: perspective(1px) translateY(-50%);
  z-index: 4; }

.main-banner-area .header-text h1 {
  font-weight: 800;
  font-size: 58px;
  line-height: 72px;
  letter-spacing: 1.4px;
  margin-bottom: 0; }

.main-banner-area .header-text h1 span {
  font-weight: 300; }

.main-banner-area .header-text p {
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: 1px; }

.main-banner-area .inner-title {
  background: #fff;
  border-radius: 30px;
  box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06);
  padding: 8px 30px;
  display: inline-block;
  margin-bottom: 20px;
  vertical-align: top;
  font-weight: bold; }

@media screen and (max-width: 1199px) {
  .main-banner-area .right-bg {
    right: 0; }
  .main-banner-area .header-text {
    top: 70%;
    transform: perspective(1px) translateY(-70%); }
  .main-banner-area .inner-title {
    margin-bottom: 15px; }
  .main-banner-area .header-text h1 {
    font-size: 48px;
    line-height: 56px; }
  .main-banner-area .header-text p {
    line-height: 24px;
    font-size: 18px; } }

@media screen and (max-width: 991px) {
  .main-banner-area .right-bg {
    width: 100%;
    max-height: 550px;
    height: 100%;
    min-height: 410px; }
  .main-banner-area .header-shape-bg {
    display: none; }
  .main-banner-area .header-text {
    top: 50%;
    transform: perspective(1px) translateY(-50%); }
  .main-banner-area .header-text h1 {
    font-size: 42px;
    line-height: 34px;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.4); }
  .main-banner-area .header-text p {
    color: #fff;
    text-align: center;
    line-height: 24px;
    font-size: 20px;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.4); }
  .main-banner-area .right-bg:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(0, 0, 0, 0.4), transparent); }
  .main-banner-area .inner-title {
    padding: 6px 20px;
    margin-bottom: 10px; } }

@media screen and (max-width: 767px) {
  .main-banner-area .right-bg img {
    width: auto;
    max-width: 144%; }
  .main-banner-area .header-text h1 {
    font-size: 30px;
    line-height: 34px; }
  .main-banner-area .header-text p {
    font-size: 18px; } }

@media screen and (max-width: 575px) {
  .main-banner-area .header-text h1 {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 15px; }
  .main-banner-area .header-text p {
    display: none; } }

/* shape animation */
.main-banner-area .animated-shape {
  position: absolute;
  z-index: 9; }

.main-banner-area .first {
  left: 15%;
  top: 15%; }

.main-banner-area .second {
  left: 12%;
  top: 55%; }

.main-banner-area .third {
  left: 48%;
  top: 70%; }

.main-banner-area .triangle {
  position: relative;
  width: 0;
  border-bottom: solid 50px #ffe085;
  border-right: solid 30px transparent;
  border-left: solid 30px transparent; }

.main-banner-area .triangle .empty {
  position: absolute;
  top: 9px;
  left: -21px;
  width: 0;
  border-bottom: solid 36px white;
  border-right: solid 21px transparent;
  border-left: solid 21px transparent; }

.main-banner-area .circle {
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background: #e5a9ff; }

.main-banner-area .square {
  width: 48px;
  height: 48px;
  background: transparent;
  border: 8px solid #1ce6a5; }

.main-banner-area .rotate-animation {
  -webkit-animation: rotate 10s linear infinite;
  -moz-animation: rotate 10s linear infinite;
  -o-animation: rotate 10s linear infinite;
  animation: rotate 10s linear infinite; }

.main-banner-area .rotate-3d {
  -webkit-animation: rotate3d 10s linear infinite;
  -moz-animation: rotate3d 10s linear infinite;
  -o-animation: rotate3d 10s linear infinite;
  animation: rotate3d 10s linear infinite; }

@media screen and (max-width: 991px) {
  .main-banner-area .triangle {
    border-bottom: solid 35px #ffe085;
    border-right: solid 20px transparent;
    border-left: solid 20px transparent; }
  .main-banner-area .triangle .empty {
    top: 10px;
    left: -11px;
    border-bottom: solid 20px white;
    border-right: solid 11px transparent;
    border-left: solid 11px transparent; }
  .main-banner-area .square {
    width: 32px;
    height: 32px;
    border-width: 5px; }
  .main-banner-area .third {
    top: 80%;
    left: 80%; } }

@keyframes rotate3d {
  0% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); }
  100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

/*banner style-02*/
.banner-form .form-heading {
  -moz-border-radius-top-left: 4px;
  -moz-border-radius-top-right: 4px;
  -ms-border-radius-top-left: 4px;
  -ms-border-radius-top-right: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -o-border-radius-top-left: 4px;
  -o-border-radius-top-right: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.banner-form .banner-form-spacer {
  position: relative;
  padding: 20px 20px 80px 20px;
  background: #fff; }

.banner-form .buttons-set {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 0; }

.banner-form .quform-loading-wrap {
  margin: 0 0 25px 0; }

.banner-form .butn.btn-block {
  padding: 18px 30px;
  border-radius: 0; }

.banner-form .butn:hover:after {
  border-radius: 0; }

/*banner style-03*/
.banner-section .container {
  position: absolute; }

.banner-shape {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%; }

.banner-shape img {
  max-width: none;
  width: 100%; }

/*banner style-03*/
.cd-headline.loading-bar .cd-words-wrapper:after {
  background: #86bc42; }

.line-banner {
  overflow: hidden;
  position: relative; }

.line-banner .header-text {
  position: absolute;
  width: 100%;
  top: 45%;
  transform: perspective(1px) translateY(-45%);
  z-index: 4; }

.line-banner .header-text h1 {
  font-size: 60px;
  color: #fff;
  line-height: 76px;
  letter-spacing: 1.4px;
  margin-bottom: 0;
  font-weight: 300; }

@media screen and (max-width: 1199px) {
  .line-banner .header-text h1 {
    font-size: 48px;
    line-height: 60px; } }

@media screen and (max-width: 991px) {
  .line-banner .header-text {
    top: 50%;
    transform: perspective(1px) translateY(-50%); }
  .line-banner .header-text h1 {
    font-size: 42px;
    line-height: 48px; } }

@media screen and (max-width: 767px) {
  .line-banner .header-text h1 {
    font-size: 36px;
    line-height: 42px; } }

@media screen and (max-width: 575px) {
  .line-banner .header-text h1 {
    font-size: 28px;
    line-height: 36px; } }

/* ===================================
    Main banner area
====================================== */
.banner-area {
  background: #f5fafe;
  padding: 19% 0; }

.banner-area .cd-headline {
  font-size: 33px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 40px; }

.banner-area .cd-headline.slide .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top; }

.banner-area .cd-headline.slide span {
  display: inline-block;
  padding: 0; }

.banner-area .cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left; }

@media screen and (max-width: 767px) {
  .banner-area {
    padding: 25% 0; } }

@media screen and (max-width: 575px) {
  .banner-area {
    padding: 44% 0;
    min-height: 800px; } }

/* ===================================
    Static banner
====================================== */
.static-banner {
  text-align: left; }

.static-banner h1 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 70px; }

.static-banner p {
  font-size: 18px;
  color: #ededed;
  letter-spacing: 1px;
  margin-top: -50px; }

.static-banner-shape {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%; }

.static-banner-shape img {
  max-width: none;
  width: 100%; }

@media screen and (max-width: 1199px) {
  .static-banner h1 {
    font-size: 62px; } }

@media screen and (max-width: 991px) {
  .static-banner h1 {
    font-size: 54px; }
  .static-banner p {
    margin-top: -25px; } }

@media screen and (max-width: 767px) {
  .static-banner h1 {
    font-size: 50px; }
  .static-banner p {
    margin-top: 0;
    font-size: 16px; } }

@media screen and (max-width: 575px) {
  .static-banner h1 {
    font-size: 36px; } }

/* ===================================
    Slider styles
====================================== */
/* carousel */
.owl-carousel .caption .overflow-hidden {
  display: inline-block; }

.owl-carousel .caption h3 {
  font-weight: 200;
  animation-delay: 0.5s;
  position: relative;
  display: inline-block; }

.owl-carousel .caption h1 {
  margin: 10px 0;
  font-size: 70px;
  font-weight: 500;
  text-transform: uppercase;
  animation-delay: 0.8s; }

.owl-carousel .caption p {
  font-size: 18px;
  color: #eee;
  word-spacing: 2px;
  animation-delay: 1.2s; }

.owl-carousel .caption span {
  display: inline-block;
  padding: .2em 0; }

.owl-carousel .caption .butn {
  animation-delay: 1.4s; }

.owl-carousel .caption .butn i {
  position: relative;
  top: 1px;
  z-index: 9; }

/* carousel-style1 */
.carousel-style1 .owl-carousel .owl-item img {
  width: 100%; }

/*home-business-slider*/
.home-business-slider .owl-nav .owl-next {
  position: absolute;
  right: 15px;
  top: 50%;
  background: none !important;
  opacity: 0.35; }

.home-business-slider .owl-nav .owl-next:hover {
  opacity: 1; }

.home-business-slider .owl-nav .owl-prev {
  position: absolute;
  left: 15px;
  top: 50%;
  background: none !important;
  opacity: 0.35; }

.home-business-slider .owl-nav .owl-prev:hover {
  opacity: 1; }

@media screen and (max-width: 991px) {
  .owl-carousel .caption h1 {
    font-size: 50px; }
  .owl-carousel .caption p {
    font-size: 16px; } }

@media screen and (max-width: 767px) {
  .owl-carousel .caption h1 {
    font-size: 32px;
    margin-top: 5px; }
  .owl-carousel .caption h3 {
    letter-spacing: 1px; } }

@media screen and (max-width: 575px) {
  .owl-carousel .caption h1 {
    font-size: 20px;
    margin-top: 5px; } }

/*fade owl-carousel slider*/
.slider-fade .owl-item {
  height: 100vh;
  position: relative; }

.slider-fade .item {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center; }

.slider-fade .item .caption {
  width: 100%;
  z-index: 9; }

.slider-fade .owl-theme .owl-dots {
  position: absolute;
  bottom: 5vh;
  width: 100%;
  left: 0; }

/* slider-fade-shop */
.slider-fade-shop {
  background: #f4f5f9; }

.slider-fade-shop .caption p {
  animation-delay: 0.5s; }

.slider-fade-shop .caption h1 {
  animation-delay: 0.8s; }

.slider-fade-shop .caption .subheading {
  animation-delay: 1.2s; }

.slider-fade-shop .owl-carousel, .slider-fade-shop .owl-stage-outer, .slider-fade-shop .owl-stage {
  height: 100%; }

.slider-fade-shop .owl-item {
  height: 100%;
  position: relative; }

.slider-fade-shop .item {
  padding: 10% 0; }

.slider-fade-shop .item .caption {
  width: 100%;
  z-index: 9; }

.slider-fade-shop .owl-carousel .caption h1 {
  text-transform: inherit;
  font-weight: 400;
  letter-spacing: -1.5px;
  margin: 0;
  font-size: 72px; }

.slider-fade-shop .owl-carousel .caption p {
  color: inherit;
  font-size: 16px;
  letter-spacing: 0.5px;
  font-weight: 600;
  margin-bottom: 0; }

.slider-fade-shop .subheading {
  font-weight: 500;
  font-size: 48px;
  line-height: normal;
  margin-bottom: 20px; }

.slider-fade-shop .subheading strong {
  color: #86bc42; }

.slider-fade-shop .owl-theme .owl-nav {
  margin: 0; }

.slider-fade-shop .owl-theme .owl-nav [class*='owl-'] {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.25);
  box-shadow: none;
  background: #e6ebf5 !important;
  line-height: 45px;
  width: 55px;
  height: 55px;
  border-radius: 0; }

.slider-fade-shop .owl-theme .owl-nav [class*='owl-']:hover {
  background: #86bc42 !important;
  color: #fff; }

.slider-fade-shop .owl-theme .owl-nav .owl-prev {
  left: 30px; }

.slider-fade-shop .owl-theme .owl-nav .owl-next {
  right: 30px; }

.slider-fade-shop .owl-nav.disabled + .owl-dots {
  margin-top: -45px;
  margin-bottom: 15px;
  position: relative;
  z-index: 9; }

.slider-fade-shop .owl-dots {
  margin-top: 30px; }

.slider-fade-shop .owl-dots .custom-dot {
  margin-top: 0; }

.slider-fade-shop .owl-dots .custom-dot span {
  background: rgba(0, 0, 0, 0.09); }

.slider-fade-shop .owl-dots .custom-dot.active span, .slider-fade-shop .owl-dots .custom-dot:hover span {
  background-color: #86bc42; }

@media screen and (max-width: 1199px) {
  .slider-fade-shop .owl-carousel .caption h1 {
    font-size: 64px; }
  .slider-fade-shop .subheading {
    font-size: 42px; } }

@media screen and (max-width: 991px) {
  .slider-fade-shop .item {
    padding: 12% 0; }
  .slider-fade-shop .owl-carousel .caption h1 {
    font-size: 48px;
    margin-bottom: 5px; }
  .slider-fade-shop .subheading {
    font-size: 34px; } }

@media screen and (max-width: 767px) {
  .slider-fade-shop .owl-carousel .caption h1 {
    font-size: 42px; }
  .slider-fade-shop .subheading {
    font-size: 30px; } }

@media screen and (max-width: 575px) {
  .slider-fade-shop .item {
    padding: 15% 0; }
  .slider-fade-shop .owl-carousel .caption h1 {
    font-size: 38px; }
  .slider-fade-shop .subheading {
    font-size: 28px; } }

/* revolution slider */
.rev_slider_wrapper .tp-caption span {
  color: #86bc42; }

.rev_slider_wrapper .butn span {
  font-size: 14px !important;
  line-height: 24px !important;
  color: #fff;
  text-shadow: none; }

.rev_slider_wrapper .butn.white span {
  color: #282b2d; }

.rev_slider_wrapper .butn.white:hover span {
  color: #fff; }

.blurslider-line {
  background: #86bc42 !important; }

@media screen and (min-width: 767px) {
  .custom-paragraph .slider-text p {
    width: 450px !important;
    font-size: 15px !important;
    line-height: 26px !important; } }

@media screen and (min-width: 1024px) {
  .rev_slider .max-style {
    font-size: 60px !important;
    line-height: 70px !important; }
  .rev_slider .max-style span {
    font-size: 60px !important;
    line-height: 70px !important; } }

@media screen and (max-width: 1023px) {
  .rev_slider .max-style {
    font-size: 45px !important;
    line-height: 50px !important; }
  .rev_slider .max-style span {
    font-size: 45px !important;
    line-height: 50px !important; }
  .custom-paragraph .slider-text p {
    font-size: 16px !important;
    line-height: 28px !important; } }

@media screen and (max-width: 766px) {
  .rev_slider .max-style {
    font-size: 30px !important;
    line-height: normal !important; }
  .rev_slider .max-style span {
    font-size: 30px !important;
    line-height: normal !important; }
  .custom-paragraph .slider-text p {
    text-align: center !important;
    font-size: 14px !important;
    line-height: 24px !important;
    width: 480px !important;
    padding: 0 15px; }
  .custom-controls .tp-leftarrow, .custom-controls .tp-rightarrow {
    width: 40px !important;
    height: 40px !important; }
  .custom-controls .tp-leftarrow {
    left: -15px !important; }
  .custom-controls .tp-rightarrow {
    left: inherit !important;
    right: -55px !important; }
  .custom-controls .tparrows:before {
    line-height: 20px !important; } }

@media screen and (max-width: 479px) {
  .rev_slider .max-style {
    font-size: 20px !important;
    line-height: normal !important; }
  .rev_slider .max-style span {
    font-size: 20px !important;
    line-height: normal !important; }
  .custom-paragraph .slider-text p {
    width: 320px !important;
    padding: 0 15px; } }

/* ===================================
    Feature boxes
====================================== */
/* feature box 01 */
.feature-box-01 {
  text-align: left;
  transition: all 0.5s ease 0s; }

.feature-box-01 i {
  color: #86bc42; }

.feature-box-01 p {
  color: #6f6f6f; }

/* feature box 02 */
.feature-box-02 {
  width: 100%;
  float: left; }

.feature-box-02 .img-box {
  position: relative;
  width: 100%;
  z-index: 1;
  overflow: hidden; }

.feature-box-02 .feature-textbox {
  position: relative;
  width: 90%;
  z-index: 2;
  top: -50px;
  left: 0;
  transition: all 0.3s ease-out 0s;
  right: 0;
  margin: 0 auto; }

.feature-box-02 .feature-textbox:after {
  border-bottom: 5px solid transparent;
  width: 0px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.5s ease-out 0s; }

.feature-box-02:hover .feature-textbox:after {
  border-bottom: 5px solid rgba(0, 0, 0, 0.1);
  content: "";
  width: 100%; }

.feature-box-02 .feature-textbox:before {
  border-top: 5px solid #86bc42;
  content: "";
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.feature-box-02:hover .feature-textbox:before {
  width: 0;
  transition: all 0.5s ease-out 0s; }

.feature-box-02 .feature-textbox a {
  color: #86bc42; }

.feature-box-02:hover .feature-textbox {
  background-color: #86bc42; }

.feature-box-02:hover .feature-textbox .title, .feature-box-02:hover .feature-textbox .feature-desc, .feature-box-02:hover .feature-textbox a.read-more {
  color: #fff; }

.feature-box-02 .img-box img {
  transition: all 0.3s ease-out 0s; }

.feature-box-02:hover .img-box img {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1); }

@media screen and (max-width: 991px) {
  .feature-box-02 .feature-textbox {
    width: 95%;
    top: -30px; } }

/* feature box 03 */
.feature-box-03 {
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  position: relative; }

.feature-box-03 .show-details {
  opacity: 0;
  transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -ms-transition: all .5s ease 0s;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.feature-box-03 .show-details > img {
  width: 100%;
  max-width: none; }

.feature-box-03:hover .show-details {
  opacity: 1; }

.feature-box-03 .feature-box-detail {
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  left: 0;
  padding: 20px;
  position: absolute;
  top: 0;
  width: 100%; }

.feature-box-03 .feature-box-detail .height-100 {
  overflow: auto; }

.feature-box-03 .feature-box-detail .list-style-5 li {
  margin-bottom: 8px; }

/* feature box 4 */
.feature-boxes-container {
  counter-reset: count; }

.feature-box-04 .feature-box-inner {
  border: 1px solid rgba(0, 0, 0, 0.04);
  background: #fff;
  padding: 25px 30px;
  transition: all 0.5s ease 0s;
  box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.1); }

.feature-box-04 .feature-box-inner i {
  color: #86bc42; }

.feature-box-04 i {
  width: 100%;
  text-align: right;
  position: relative; }

.feature-box-04 h4 {
  margin-bottom: 10px; }

.feature-box-04 p {
  margin-bottom: 0; }

.feature-box-04 .sepratar {
  width: 50px;
  border: 1px solid #86bc42;
  margin-bottom: 20px; }

.feature-box-04 i:before {
  float: left; }

.feature-box-04 i:after {
  font-weight: 700;
  font-size: 65px;
  line-height: 0.6em;
  color: rgba(0, 0, 0, 0.05);
  counter-increment: count;
  content: "0" counter(count);
  float: right;
  font-family: "Montserrat",sans-serif; }

.feature-box-04 .feature-box-inner:hover i:after {
  color: rgba(255, 255, 255, 0.2); }

.feature-box-04:hover {
  background: #ffffff; }

.feature-box-04 .feature-box-inner:hover {
  background: #86bc42; }

.feature-box-04 .feature-box-inner:hover .sepratar {
  border: 1px solid #fff; }

.feature-box-04 .feature-box-inner:hover p, .feature-box-04 .feature-box-inner:hover h4, .feature-box-04 .feature-box-inner:hover i {
  color: #fff; }

@media screen and (max-width: 1199px) {
  .feature-box-04 .sepratar {
    margin-bottom: 15px; }
  .feature-box-04 i:after {
    font-size: 62px; } }

@media screen and (max-width: 991px) {
  .feature-box-04 i:after {
    font-size: 60px; }
  .feature-box-04 .feature-box-inner {
    padding: 20px 25px; } }

@media screen and (max-width: 767px) {
  .feature-box-04 i:after {
    font-size: 58px; }
  .feature-box-04 .sepratar {
    margin-bottom: 10px; }
  .feature-box-04 .feature-box-inner {
    padding: 15px 20px; } }

@media screen and (max-width: 575px) {
  .feature-box-04 i:after {
    font-size: 54px; } }

/*features demo-05*/
.feature-box-05 {
  box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06); }

.feature-box-05 .features-icon {
  font-size: 45px;
  color: #86bc42;
  text-align: center; }

@media screen and (max-width: 1199px) {
  .feature-box-05 .features-icon {
    font-size: 40px; } }

@media screen and (max-width: 991px) {
  .feature-box-05 .features-icon {
    font-size: 30px; } }

/*features demo-06*/
.feature-box-06:nth-child(1), .feature-box-06:nth-child(2) {
  border-right: 1px solid #dee2e6 !important;
  border-bottom: 1px solid #dee2e6 !important; }

.feature-box-06:nth-child(3) {
  border-bottom: 1px solid #dee2e6 !important; }

.feature-box-06:nth-child(4), .feature-box-06:nth-child(5) {
  border-right: 1px solid #dee2e6 !important; }

.feature-box-06 .box {
  position: relative;
  overflow: hidden;
  transition-duration: .2s;
  transition-timing-function: ease-in-out; }

.feature-box-06 .content {
  position: relative;
  top: 30px;
  padding: 10% 0;
  transition-duration: .2s;
  transition-timing-function: ease-in-out; }

.feature-box-06 .details {
  opacity: 0;
  width: 75%;
  margin: 0 auto;
  transition-duration: .2s;
  transition-timing-function: ease-in-out; }

.feature-box-06:hover .details {
  opacity: 1; }

.feature-box-06:hover .content {
  top: 0; }

.feature-box-06:hover i {
  color: #86bc42; }

@media screen and (max-width: 1199px) {
  .feature-box-06 .details {
    width: 80%; }
  .feature-box-06 .content {
    padding: 7% 0; } }

@media screen and (max-width: 991px) {
  .feature-box-06:nth-child(2) {
    border-bottom: 1px solid #dee2e6 !important;
    border-right: none !important; }
  .feature-box-06:nth-child(3) {
    border-right: 1px solid #dee2e6 !important; }
  .feature-box-06:nth-child(4) {
    border-bottom: 1px solid #dee2e6 !important;
    border-right: none !important; } }

@media screen and (max-width: 767px) {
  .feature-box-06 .details {
    width: 90%; }
  .feature-box-06 .content {
    padding: 5% 0; } }

@media screen and (max-width: 575px) {
  .feature-box-06:nth-child(1), .feature-box-06:nth-child(3) {
    border-right: none !important; }
  .feature-box-06:nth-child(5) {
    border-bottom: 1px solid #dee2e6 !important;
    border-right: none !important; }
  .feature-box-06 .details {
    width: 60%; } }

/* feature flex box */
.feature-flex {
  position: relative;
  margin: 30px 0;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

.feature-flex-square {
  position: relative;
  border-radius: 5px;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

.feature-flex-square-icon {
  float: left;
  width: 50px;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

.feature-flex-square-icon i {
  color: #86bc42;
  border-radius: 10px;
  font-size: 32px;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

.feature-flex-square-content {
  float: left;
  width: 75%;
  padding-left: 10px; }

.feature-flex-square-content h4 {
  color: #282b2d;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: normal; }

.feature-flex-square-content h4 a {
  color: #282b2d;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: normal; }

.feature-flex-square-content p {
  font-size: 15px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 15px; }

.feature-flex-square-content-button {
  display: inline-block;
  color: #282b2d;
  font-size: 14px;
  font-weight: 500; }

.feature-flex-square-content-button:after {
  content: '\f0da';
  font-weight: 700;
  font-size: 14px;
  font-family: Font Awesome\ 5 Free;
  color: #282b2d;
  margin-left: 7px;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

.feature-flex-square-content-button:hover {
  color: #86bc42; }

.feature-flex-square-content-button:hover:after {
  color: #86bc42; }

@media screen and (max-width: 991px) {
  .feature-flex-square-icon {
    text-align: center; }
  .feature-flex-square-icon i {
    font-size: 30px; }
  .feature-flex-square-content h4 {
    font-size: 16px; }
  .feature-flex-square-content h4 a {
    font-size: 16px; }
  .feature-flex-square-content p {
    font-size: 14px; } }

@media screen and (max-width: 767px) {
  .feature-flex-square-icon {
    text-align: left;
    width: 40px; } }

/* feature flex box-1 */
.features-flex {
  position: relative;
  margin: 30px 0;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

.features-flex-square {
  position: relative;
  border-radius: 5px;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

.features-flex-square-icon {
  float: left;
  width: 50px;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

.features-flex-square-icon i {
  color: #fff;
  border-radius: 10px;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

.features-flex-square-content {
  float: left;
  width: 80%;
  padding-left: 10px; }

.features-flex-square-content h4 {
  color: #fff;
  letter-spacing: 0.75px;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: normal; }

.features-flex-square-content h4 a {
  color: #fff;
  letter-spacing: 0.75px;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: normal; }

.features-flex-square-content p {
  font-size: 15px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 15px;
  color: #fff; }

.features-flex-square-content-button {
  display: inline-block;
  color: #282b2d;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 500; }

.features-flex-square-content-button:after {
  content: '\f0da';
  font-weight: 700;
  font-size: 14px;
  font-family: Font Awesome\ 5 Free;
  color: #fff;
  margin-left: 10px;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
  vertical-align: middle; }

.features-flex-square-content-button:hover {
  color: #000;
  color: #000; }

.features-flex-square-content-button:hover:after {
  color: #000; }

.feature-flex-square-content-button:hover:after {
  color: #000; }

@media screen and (max-width: 1199px) {
  .features-flex-square-icon {
    width: 48px; } }

@media screen and (max-width: 991px) {
  .features-flex-square-content {
    padding-left: 20px; }
  .features-flex-square-icon {
    text-align: center;
    width: 36px; }
  .features-flex-square-icon i {
    font-size: 30px; }
  .features-flex-square-content h4 {
    font-size: 18px; }
  .features-flex-square-content h4 a {
    font-size: 18px; } }

@media screen and (max-width: 767px) {
  .features-flex-square-icon {
    text-align: left;
    width: 40px; }
  .features-flex-square-content h4 {
    font-size: 16px; }
  .features-flex-square-content h4 a {
    font-size: 16px; }
  .features-flex-square-icon i {
    font-size: 28px; }
  .features-flex-square-content {
    padding-left: 10px; }
  .features-flex-square-content p {
    font-size: 14px; } }

/* feature case block */
.case-block {
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 5px;
  height: 100%;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
  overflow: hidden;
  box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -moz-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -ms-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -o-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  position: relative; }

.case-block:hover {
  -moz-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.3);
  -ms-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.3);
  -webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.3);
  -o-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.3);
  box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.3); }

.case-block img {
  width: 100%; }

.case-block-inner {
  padding: 20px 25px 20px 0; }

.case-block h4 {
  font-size: 18px;
  margin-bottom: 0;
  line-height: normal;
  font-weight: 500; }

.case-block h4:after {
  content: '';
  display: block;
  width: 80px;
  height: 2px;
  background: #86bc42;
  margin-top: 10px;
  margin-bottom: 15px;
  -moz-transition-duration: .4s;
  -ms-transition-duration: .4s;
  -webkit-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s; }

.case-block p {
  color: #999;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 8px; }

.case-block-inner a {
  font-size: 15px;
  font-weight: 500;
  color: #86bc42; }

.case-block-inner a:after {
  content: '\f0da';
  font-size: 15px;
  font-weight: 700;
  font-family: Font Awesome\ 5 Free;
  color: #86bc42;
  margin-left: 10px;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

.case-block-inner a:hover {
  color: #282b2d; }

.case-block-inner a:hover:after {
  color: #282b2d; }

@media screen and (max-width: 767px) {
  .case-block-inner {
    padding: 25px; }
  .case-block h4 {
    font-size: 16px; } }

/* ===================================
    Service blocks
====================================== */
/* services blocks */
.services-blocks {
  margin-top: -90px; }

@media screen and (max-width: 1199px) {
  .services-blocks {
    margin-top: -70px; } }

@media screen and (max-width: 991px) {
  .services-blocks {
    margin-top: -50px; } }

/* service simple */
.service-simple {
  position: relative;
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 5px;
  overflow: hidden;
  height: 100%;
  -moz-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -ms-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -o-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16); }

.service-simple img {
  width: 100%;
  transition: all 0.5s ease 0s; }

.service-simple img:hover {
  transform: scale(1.1); }

.service-simple-inner {
  position: relative;
  padding: 25px 25px 20px; }

.service-simple-inner p {
  max-width: 95%; }

.service-simple-inner a {
  display: inline-block; }

.service-simple h4 {
  font-size: 18px;
  line-height: normal;
  margin-bottom: 0; }

@media screen and (max-width: 991px) {
  .service-simple h4 {
    font-size: 16px; } }

@media screen and (max-width: 767px) {
  .service-simple-inner {
    padding: 20px; } }

@media screen and (max-width: 575px) {
  .service-simple h4 {
    font-size: 16px; } }

/* services block one */
.owl-carousel .service-box {
  margin: 0 15px 25px 15px; }

.service-box {
  background: #fff;
  overflow: hidden;
  border: 1px solid #eee;
  border-radius: 5px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  margin: 15px 0;
  transition-duration: .3s; }

.service-inner-box {
  padding: 20px; }

.service-icon-box {
  width: 20%;
  max-width: 50px;
  float: left;
  padding-top: 2px; }

.service-content-box {
  width: 80%;
  float: left; }

.service-box .img-holder {
  position: relative; }

.service-box .img-holder:before {
  background-color: rgba(134, 188, 66, 0.6);
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: auto;
  transition: all 0.3s ease 0s;
  width: 100%;
  z-index: 10; }

.service-box:hover .img-holder:before {
  opacity: 1; }

.service-box .img-holder img {
  width: 100%; }

.service-box h3 {
  font-size: 16px;
  margin-bottom: 0;
  line-height: normal;
  font-weight: 500; }

.service-box p {
  margin-top: 5px;
  margin-bottom: 0; }

.service-box i {
  color: #86bc42;
  font-size: 28px;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s; }

.service-box:hover i {
  color: #282b2d; }

@media screen and (max-width: 575px) {
  .owl-carousel .service-box {
    margin: 0 15px 20px 15px; }
  .service-box i {
    font-size: 24px; }
  .service-box h3 {
    font-size: 15px; } }

/* services block three */
.services-block-three > a {
  display: block;
  border: 3px solid rgba(0, 0, 0, 0.1);
  border-radius: 0;
  text-align: center;
  background: #fff;
  padding: 20px;
  position: relative; }

.services-block-three > a:before {
  display: block;
  content: "";
  width: 9%;
  height: 17%;
  position: absolute;
  bottom: -3px;
  right: -3px;
  border-bottom: 3px solid #86bc42;
  border-right: 3px solid #86bc42;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s; }

.services-block-three > a:after {
  display: block;
  content: "";
  width: 9%;
  height: 17%;
  position: absolute;
  top: -3px;
  left: -3px;
  border-top: 3px solid #86bc42;
  border-left: 3px solid #86bc42;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s; }

.services-block-three > a:hover {
  opacity: 1;
  border-color: #d5d5d5; }

.services-block-three > a:hover:before, .services-block-three > a:hover:after {
  width: 95%;
  height: 90%; }

.services-block-three i {
  font-size: 32px; }

.services-block-three p {
  margin-bottom: 0; }

.services-block-three:hover p {
  color: #282b2d; }

.services-block-three h4 {
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 600; }

.services-block-three:hover h4 {
  color: #282b2d; }

@media screen and (max-width: 991px) {
  .services-block-three i {
    font-size: 30px; } }

@media screen and (max-width: 991px) {
  .services-block-three i {
    font-size: 28px; } }

@media screen and (max-width: 575px) {
  .services-block-three i {
    font-size: 26px; } }

/* service-block three*/
.service-grids .service-block {
  overflow: hidden;
  position: relative; }

.service-grids .img-holder {
  position: relative; }

.service-grids .img-holder img {
  width: 100%; }

.service-grids .service-block:hover .img-holder:before {
  opacity: 1; }

.service-grids .service-block .details {
  background-color: #f7f7f7;
  box-shadow: 0 3px 13px rgba(0, 0, 0, 0.07);
  padding: 40px 25px 40px;
  position: relative;
  text-align: center;
  transition: all 0.5s ease 0s;
  z-index: 20; }

.service-grids .service-block .number {
  background-color: #86bc42;
  border-radius: 75px;
  color: #fff;
  height: 75px;
  font-size: 30px;
  left: 50%;
  line-height: 75px;
  position: absolute;
  top: -37.5px;
  transform: translateX(-50%);
  width: 75px; }

.service-grids .service-block .details h4 {
  color: #86bc42;
  font-size: 20px;
  margin: 10px 0 15px 0;
  line-height: normal; }

.service-grids .service-block .details .read-more {
  color: #86bc42;
  font-weight: 600; }

@media screen and (min-width: 992px) {
  .service-grids .service-block {
    height: 335px; }
  .service-grids .img-holder:before {
    background-color: rgba(134, 188, 66, 0.6);
    bottom: 20px;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: auto;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 10; }
  .service-grids .service-block .details {
    height: 195px;
    position: absolute;
    top: 148px; }
  .service-grids .service-block:hover .details {
    height: 230px;
    top: 105px; }
  .service-grids .service-block .details h4 {
    margin: 10px 0 10px 0;
    font-size: 18px; } }

@media screen and (min-width: 1200px) {
  .service-grids .service-block {
    height: 370px; }
  .service-grids .service-block .details {
    height: 195px;
    position: absolute;
    top: 215px;
    padding: 40px 45px 50px; }
  .service-grids .service-block:hover .details {
    height: 230px;
    top: 170px; } }

@media screen and (max-width: 991px) {
  .service-grids .service-block .details {
    padding: 35px 15px 25px 15px; }
  .service-grids .service-block .details h4 {
    font-size: 16px;
    margin-bottom: 10px; } }

@media screen and (max-width: 767px) {
  .service-grids .service-block .number {
    height: 65px;
    line-height: 65px;
    top: -32.5px;
    width: 65px;
    border-radius: 65px; } }

/* services block four */
.service-block4 {
  position: relative;
  border: 1px solid #f7f7f7;
  background: #fff;
  box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
  border-radius: 5px;
  overflow: hidden;
  padding: 30px; }

.service-block4:before {
  position: absolute;
  top: -42px;
  right: -100px;
  z-index: 0;
  content: " ";
  width: 250px;
  height: 120px;
  background: #f7f7f7;
  border-bottom-left-radius: 0;
  transition: all 0.4s ease-in-out;
  transform: rotate(45deg);
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out; }

.service-block4:hover:before {
  background: #86bc42; }

.service-block4 .service-icon {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 1;
  text-align: center; }

.service-block4 i {
  color: #86bc42;
  font-size: 38px;
  line-height: normal;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  margin-bottom: 0; }

.service-block4:hover i {
  color: #fff; }

.service-block4 .service-desc {
  position: relative; }

.service-block4 .service-desc h4 {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600; }

.service-block4 .service-desc h5 {
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 500; }

.service-block4 .service-desc h5:after {
  content: '';
  display: block;
  width: 80px;
  height: 2px;
  background: #86bc42;
  margin-top: 10px;
  margin-bottom: 15px;
  -moz-transition-duration: .4s;
  -ms-transition-duration: .4s;
  -webkit-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s; }

.service-block4 p {
  margin-top: 25px;
  padding-right: 50px;
  margin-bottom: 0; }

@media screen and (max-width: 1199px) {
  .service-block4:before {
    right: -110px; }
  .service-block4 .service-desc h4 {
    font-size: 16px;
    margin-bottom: 5px; }
  .service-block4 p {
    padding-right: 40px;
    margin-top: 20px; }
  .service-block4 i {
    font-size: 34px; } }

@media screen and (max-width: 991px) {
  .service-block4 {
    padding: 25px; }
  .service-block4 .service-desc h4 {
    font-size: 15px; }
  .service-block4 i {
    font-size: 32px; }
  .service-block4 p {
    margin-top: 15px;
    padding-right: 30px; } }

@media screen and (max-width: 767px) {
  .service-block4 {
    padding: 20px; }
  .service-block4:before {
    right: -130px; }
  .service-block4 i {
    font-size: 28px; }
  .service-block4 .service-icon {
    top: 13px;
    right: 12px; } }

/* services block five */
.service-block5 {
  position: relative; }

.service-block5 > a {
  display: inline-block;
  width: 100%; }

.service-block5:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  content: " ";
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); }

.service-block5:hover:before {
  content: none; }

.service-block5:after {
  background: #86bc42 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.3s ease 0s;
  width: 100%; }

.service-block5:hover:after {
  opacity: 0.8; }

.service-block5 a img {
  max-width: 100%; }

.service-block5 .service-desc {
  bottom: 25px;
  position: absolute;
  padding: 0 20px;
  z-index: 9; }

.service-block5 .service-desc h5 {
  color: #86bc42;
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: 600;
  padding-bottom: 10px;
  margin-bottom: 0;
  line-height: normal; }

.service-block5:hover .service-desc h5 {
  color: #fff; }

.service-block5 .service-desc h4 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 24px; }

.service-block5 .service-desc h4 a {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 24px; }

@media screen and (max-width: 991px) {
  .service-block5 .service-desc {
    bottom: 30px; }
  .service-block5 .service-desc h4 {
    font-size: 16px; }
  .service-block5 .service-desc h4 a {
    font-size: 16px; } }

@media screen and (max-width: 767px) {
  .service-block5 .service-desc {
    bottom: 20px; }
  .service-block5 .service-desc h4 {
    font-size: 15px; }
  .service-block5 .service-desc h4 a {
    font-size: 15px; }
  .service-block5 .service-desc h5 {
    font-size: 12px; } }

/*service block 6*/
.services-block6 {
  position: relative; }

.services-block6 .service-desc a {
  color: #fff; }

.services-block6 .service-desc a:hover {
  color: #86bc42; }

.services-block6:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.76);
  background: -webkit-linear-gradient(top, transparent, #000 116%);
  background: linear-gradient(-180deg, transparent, #000 116%);
  z-index: 0;
  width: 100%;
  height: 100%; }

.services-block6 .service-desc {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 30px 35px 40px;
  width: 100%; }

@media screen and (max-width: 1199px) {
  .services-block6 .service-desc {
    padding: 30px 25px 30px; } }

/*services-block 7*/
.service-icons {
  background: linear-gradient(0deg, rgba(134, 188, 66, 0.1) 20%, rgba(134, 188, 66, 0.4) 100%);
  width: 80px;
  height: 80px;
  border-radius: 100%;
  position: relative;
  line-height: 95px; }

.service-icons > i {
  font-size: 42px;
  color: #86bc42;
  margin-top: 40px; }

@media screen and (max-width: 767px) {
  .service-icons {
    width: 70px;
    height: 70px;
    line-height: 85px; }
  .service-icons > i {
    font-size: 32px; } }

/* services detail */
.services-single-menu li {
  border-bottom: 1px solid #ececec; }

.services-single-menu li:last-child {
  border-bottom: none; }

.services-single-menu li.active a {
  border-left-color: #86bc42;
  color: #86bc42; }

.services-single-menu li.active a:after {
  content: none; }

.services-single-menu li a {
  display: block;
  border-left: 4px solid transparent;
  font-size: 15px;
  font-weight: 600;
  padding: 14px 10px 14px 20px; }

.services-single-menu li a:after {
  content: "";
  background: #86bc42;
  display: inline-block;
  height: 1px;
  width: 0;
  vertical-align: middle;
  margin-left: 8px;
  transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-duration: .2s;
  -ms-transition-duration: .2s;
  -moz-transition-duration: .2s;
  -webkit-transition-duration: .2s;
  -o-transition-duration: .2s; }

.services-single-menu li a:hover:after {
  width: 30px; }

.callback-box {
  background: #282b2d;
  border: 1px solid #ececec;
  border-radius: 5px;
  padding: 20px 15px 25px 15px;
  position: relative; }

.services-single-right .special {
  padding: 15px;
  margin: 30px 0;
  border-left: 2px solid #111;
  background: #f7f7f7;
  font-size: 16px; }

@media screen and (max-width: 767px) {
  .services-single-menu li a {
    font-size: 14px;
    padding: 12px 10px 12px 16px; } }

/*services-block8*/
.services-block8 {
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06);
  transition: all 0.2s ease-in-out;
  text-align: center; }

.services-block8:hover {
  box-shadow: -1px 9px 18px 0px rgba(75, 81, 91, 0.1);
  transform: translateY(-0.5em);
  background: #86bc42; }

.services-block8.active {
  box-shadow: -1px 9px 18px 0px rgba(75, 81, 91, 0.1);
  background: #86bc42; }

.services-block8.active h3, .services-block8.active p, .services-block8.active .text-theme-color, .services-block8.active a {
  color: #fff; }

.services-block8.active:hover {
  transform: translateY(-0.5em); }

.services-block8:hover h3, .services-block8:hover p, .services-block8:hover .text-theme-color, .services-block8:hover a {
  color: #fff; }

.services-block8 a {
  font-size: 14px; }

.services-block8 a i {
  font-size: 10px;
  margin-left: 5px; }

/*service block 9*/
.services-block9 {
  position: relative;
  border-radius: 4px; }

.services-block9 .service-pic {
  border-radius: 4px; }

.services-block9 .service-pic img {
  border-radius: 4px; }

.services-block9 h3, .services-block9 h4, .services-block9 h5, .services-block9 h6 {
  line-height: 34px; }

.services-block9 .date {
  position: absolute;
  left: 15px;
  top: 15px;
  background: #86bc42;
  color: #fff;
  padding: 5px 12px;
  text-align: center;
  border-radius: 4px;
  max-width: 60px;
  font-size: 18px;
  font-weight: 700; }

.services-block9 .service-desc a {
  color: #fff; }

.services-block9 .service-desc a:hover {
  color: #86bc42; }

.services-block9:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.76);
  background: -webkit-linear-gradient(top, transparent, #000 116%);
  background: linear-gradient(-180deg, transparent, #000 116%);
  z-index: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px; }

.services-block9 .service-desc {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 30px 35px 40px;
  width: 100%; }

@media screen and (max-width: 1199px) {
  .services-block9 .service-desc {
    padding: 30px 25px 30px; }
  .services-block9 h3, .services-block9 h4, .services-block9 h5, .services-block9 h6 {
    line-height: 28px; } }

@media screen and (max-width: 1199px) {
  .services-block9 .service-desc {
    padding: 25px; } }

/*zigzag services block*/
.zigzag-section {
  margin-top: -20px; }

.zigzag-block > p {
  padding-left: 75px;
  position: relative; }

.zigzag-block > p:before {
  background: #86bc42;
  height: 2px;
  width: 50px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 12px;
  content: ""; }

.zigzag-block .title {
  color: #86bc42;
  background: rgba(134, 188, 66, 0.15);
  padding: 5px 20px;
  border-radius: 30px;
  font-weight: 700;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 15px; }

.zigzag-block .readmore {
  margin-left: 75px;
  color: #86bc42; }

.zigzag-block .readmore:hover {
  color: #282b2d; }

@media screen and (max-width: 1199px) {
  .zigzag-section {
    margin-top: -30px; } }

@media screen and (max-width: 767px) {
  .zigzag-block > p {
    padding-left: 50px; }
  .zigzag-block > p:before {
    width: 30px; }
  .zigzag-block .readmore {
    margin-left: 50px; } }

/* services block 10 */
.service-block10 {
  position: relative;
  height: 100%;
  transition: all 0.3s ease-in-out;
  border-radius: 3px;
  position: relative;
  padding: 50px 30px;
  border: 1px solid #eee; }

.service-block10 p, .service-block10 h4 {
  transition: all 0.3s ease-in-out; }

.service-block10 i {
  font-size: 36px; }

.service-block10 h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 25px; }

.service-block10:before {
  position: absolute;
  content: "";
  background: #86bc42;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: 3px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out; }

.service-block10:hover:before {
  opacity: 1;
  visibility: visible; }

.service-block10:hover * {
  color: #fff; }

@media screen and (max-width: 1199px) {
  .service-block10 {
    padding: 35px 30px; } }

@media screen and (max-width: 991px) {
  .service-block10 {
    padding: 45px 30px; } }

/* services block 11 */
.service-block11 {
  padding: 0 25px;
  height: 375px;
  border-radius: 3px; }

.service-block11 .card {
  border: none;
  color: #fff;
  height: 100%;
  border-radius: 3px;
  padding: 25px; }

.service-block11 .card:before {
  border-radius: 3px;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.76);
  background: linear-gradient(-180deg, transparent, #000 116%); }

.service-block11 .card h3 {
  line-height: 1.6;
  font-size: 20px;
  margin-bottom: 0; }

.service-block11 .card h3 a {
  color: #fff; }

.service-block11 .card h3 a:hover {
  color: #86bc42; }

@media screen and (max-width: 1199px) {
  .service-block11 .card h3 {
    font-size: 18px; } }

@media screen and (max-width: 767px) {
  .service-block11 {
    height: 325px; } }

@media screen and (max-width: 575px) {
  .service-block11 {
    padding: 0; } }

/* service-design */
.service-design h3 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 30px; }

.service-design p {
  line-height: 36px;
  margin-bottom: 35px;
  font-size: 18px; }

.service-design > span {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  color: #86bc42;
  display: block;
  margin-bottom: 10px;
  font-weight: 600; }

@media screen and (max-width: 1199px) {
  .service-design h3 {
    font-size: 34px; }
  .service-design p {
    line-height: 34px;
    font-size: 16px; } }

@media screen and (max-width: 767px) {
  .service-design h3 {
    font-size: 28px;
    margin-bottom: 25px; }
  .service-design p {
    line-height: 30px;
    margin-bottom: 30px; } }

/* ===================================
    Client section
====================================== */
/*client style01*/
.section-clients {
  padding: 50px 0; }

.clients img {
  opacity: .6;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

.clients img:hover {
  opacity: 1; }

@media screen and (max-width: 992px) {
  .section-clients {
    padding: 30px 0; }
  .section-clients .item {
    text-align: center;
    width: 100%; }
  .section-clients .owl-carousel .owl-item img {
    max-width: 75%;
    display: inline-block; } }

/*client style2*/
.section-clients2 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9; }

.section-clients2 .client-single {
  width: 33.333%;
  min-height: 96px;
  border-bottom: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  overflow: hidden; }

.section-clients2 .client-single .client-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  opacity: .8;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.section-clients2 .client-single .client-img img {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center; }

.section-clients2 .client-single .client-img:hover {
  opacity: 1; }

@media screen and (max-width: 1024px) {
  .section-clients2 .client-single {
    width: 50%; } }

@media screen and (max-width: 575px) {
  .section-clients2 .client-single {
    width: 100%; } }

/*client style3*/
.section-clients3 .client-single {
  margin-bottom: 30px; }

.section-clients3 .client-single:last-child, .section-clients3 .client-single p {
  margin-bottom: 0; }

.section-clients3 .client-single a {
  display: block; }

.section-clients3 .client-single a:after {
  content: '';
  display: block;
  clear: both; }

.section-clients3 .client-img {
  position: relative;
  float: left;
  padding: 10px;
  min-height: 102px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 225px;
  margin: 0 30px 0 0;
  border: 1px solid #ddd;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.section-clients3 .client-img:before {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 3px solid transparent;
  z-index: 100; }

.section-clients3 .client-desc {
  overflow: hidden; }

@media screen and (max-width: 575px) {
  .section-clients3 .client-img {
    float: none;
    margin-bottom: 15px; } }

/* ===================================
    Counter box
====================================== */
/* counterbox style1*/
.counter-box h3, .counter-box h4 {
  display: inline-block;
  font-weight: 600; }

.social-icons a:hover {
  opacity: 1; }

.counter-box {
  position: relative;
  text-align: center; }

.counter-box h3:after {
  content: '+'; }

.counter-box h4 {
  font-size: 35px;
  line-height: normal;
  margin: 0; }

.counter-box h4:after {
  content: '+'; }

.counter-box h3 {
  font-size: 45px; }

@media screen and (max-width: 1199px) {
  .counter-box h4 {
    font-size: 32px; }
  .counter-box h3 {
    font-size: 42px; } }

@media screen and (max-width: 991px) {
  .counter-box h4 {
    font-size: 30px; }
  .counter-box h3 {
    font-size: 40px; } }

@media screen and (max-width: 767px) {
  .counter-box p:before {
    margin: 0;
    position: absolute;
    top: 45px; }
  .counter-box p:after {
    margin: 0;
    left: 14px;
    right: 0;
    top: 45px; }
  .counter-box.black p:after {
    margin: 0;
    left: 14px;
    right: 0;
    top: 45px; }
  .counter-box h4 {
    font-size: 26px; } }

/* counterbox style2*/
.counter-box-style2 {
  position: relative;
  box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.1);
  padding: 20px 10px; }

.counter-box-style2 h3:after, .counter-box-style2 h4:after {
  content: '+'; }

/*counter-style2*/
.counter-style2 .icon {
  width: 55px;
  display: inline-block;
  vertical-align: middle;
  color: #86bc42; }

.counter-style2 .icon span:before {
  font-size: 35px;
  line-height: 35px;
  font-weight: 900; }

.counter-style2 .title {
  padding-left: 20px;
  display: inline-block;
  vertical-align: middle; }

.counter-style2 .title h4 {
  text-align: left; }

.counter-style2 h4:after {
  content: '+';
  margin-left: 5px; }

@media screen and (max-width: 767px) {
  .counter-style2 .icon {
    display: inline-block;
    width: 100%; }
  .counter-style2 .title {
    padding-left: 0;
    text-align: center; }
  .counter-style2 .title h4 {
    text-align: center; } }

/*counter-style3*/
.counter-style3 .counter-box h4 {
  font-size: 48px;
  line-height: normal;
  margin: 0;
  font-weight: 500; }

@media screen and (max-width: 1199px) {
  .counter-style3 .counter-box h4 {
    font-size: 46px; } }

@media screen and (max-width: 991px) {
  .counter-style3 .counter-box h4 {
    font-size: 38px; } }

@media screen and (max-width: 767px) {
  .counter-style3 .counter-box h4 {
    font-size: 36px; } }

@media screen and (max-width: 767px) {
  .counter-style3 .counter-box h4 {
    font-size: 32px; } }

/*counter-style4*/
.top-counter {
  margin-top: -110px; }

.top-counter .container {
  position: relative;
  z-index: 9; }

.top-counter .container > .row {
  box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
  margin-bottom: 50px; }

.counter-style4 {
  position: relative;
  background: #fff;
  padding: 60px 30px;
  height: 100%; }

.counter-style4 .counter-icon {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  font-size: 32px;
  max-width: 35px;
  color: #86bc42;
  margin-top: 5px; }

.counter-style4 .counter-detail {
  display: inline-block;
  vertical-align: top;
  max-width: 155px;
  width: 100%; }

.counter-style4 .counter-detail p:after {
  content: "";
  height: 1px;
  width: 20px;
  background: #86bc42;
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle; }

.counter-style4.highlight {
  background: #86bc42; }

.counter-style4.highlight h4, .counter-style4.highlight .counter-icon {
  color: #fff; }

.counter-style4.highlight .counter-detail p {
  color: #fff; }

.counter-style4.highlight .counter-detail p:after {
  background: #fff; }

@media screen and (max-width: 1199px) {
  .top-counter {
    margin-top: -70px; }
  .counter-style4 {
    padding: 45px 15px; }
  .counter-style4 .counter-icon {
    margin-right: 15px; }
  .counter-style4 .counter-detail {
    max-width: 145px; } }

@media screen and (max-width: 991px) {
  .top-counter {
    margin-top: -50px; }
  .counter-style4 {
    padding: 35px 20px; } }

@media screen and (max-width: 767px) {
  .counter-style4 {
    padding: 30px 20px; } }

@media screen and (max-width: 575px) {
  .counter-style4 {
    padding: 25px 20px; }
  .counter-style4 .counter-detail {
    max-width: 180px; } }

/* counter section demo-14 */
.counter-style5 .icon {
  width: 55px;
  display: inline-block;
  vertical-align: middle;
  color: #86bc42;
  font-size: 44px; }

.counter-style5 .title {
  padding-left: 20px;
  display: inline-block;
  vertical-align: middle; }

.counter-style5 .title h4:after {
  content: "+"; }

@media screen and (max-width: 991px) {
  .counter-style5 .icon {
    font-size: 40px;
    width: 30px; } }

@media screen and (max-width: 767px) {
  .counter-style5 .icon {
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 20px; }
  .counter-style5 .title {
    padding-left: 0; } }

@media screen and (max-width: 575px) {
  .row .counter-style5 {
    margin-bottom: 40px; }
  .row .counter-style5:last-child {
    margin-bottom: 0; } }

/* ===================================
    Video
====================================== */
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.fullscreen-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100; }

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

@media (min-aspect-ratio: 16 / 9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%; } }

@media (max-aspect-ratio: 16 / 9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%; } }

.story-video {
  height: 100%; }

.video_btn {
  position: relative;
  height: 80px;
  width: 80px;
  background: #86bc42;
  text-align: center;
  display: inline-block;
  line-height: 80px;
  color: #fff;
  border-radius: 50%;
  transition-duration: 0s;
  -ms-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s; }

.video_btn:hover i, .video_btn:focus i {
  color: #fff; }

.video_btn:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 80px;
  width: 80px;
  border: 2px solid #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  opacity: .3;
  animation: pulse-border 1500ms ease-out infinite; }

.video_btn:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 95px;
  width: 95px;
  border: 2px solid #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  opacity: .3;
  animation: pulse-border 1500ms ease-out infinite; }

.video_btn-style2:after, .video_btn-style2:before {
  border-color: rgba(0, 0, 0, 0.1); }

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1; }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0; } }

.video_btn.small {
  width: 50px;
  height: 50px;
  line-height: 50px; }

.video_btn.small:after {
  height: 50px;
  width: 50px; }

.video_btn.small:before {
  height: 65px;
  width: 65px; }

@media screen and (max-width: 1199px) {
  .video_btn {
    height: 75px;
    width: 75px;
    line-height: 75px; }
  .video_btn:after {
    height: 75px;
    width: 75px; }
  .video_btn:before {
    height: 90px;
    width: 90px; } }

@media screen and (max-width: 991px) {
  .story-video {
    min-height: 325px; }
  .video_btn {
    height: 70px;
    width: 70px;
    line-height: 70px; }
  .video_btn:after {
    height: 70px;
    width: 70px; }
  .video_btn:before {
    height: 85px;
    width: 85px; }
  @keyframes pulse-border {
    0% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); }
    100% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2); } } }

@media screen and (max-width: 767px) {
  .story-video {
    min-height: 200px; }
  .video_btn {
    height: 60px;
    width: 60px;
    line-height: 60px; }
  .video_btn:after {
    height: 60px;
    width: 60px; }
  .video_btn:before {
    height: 75px;
    width: 75px; } }

.watch-video5 {
  border: 1px solid #86bc42;
  padding: 13px 25px 13px 42px;
  border-radius: 30px;
  margin-left: -38px;
  vertical-align: middle; }

@media screen and (max-width: 991px) {
  .watch-video .story-video {
    min-height: unset; } }

/* ===================================
    About area
====================================== */
.about-area {
  padding: 0; }

.about-right-box {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 90px 40px;
  z-index: 1;
  height: 100%; }

.about-right-box:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(134, 188, 66, 0.9);
  content: "";
  z-index: -1; }

.about-right-box ul {
  margin-bottom: 0; }

.about-right-box ul li {
  display: block;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 29px;
  margin-bottom: 30px; }

.about-right-box ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0; }

.about-right-box ul li .left-content {
  display: block;
  width: 70%; }

.about-right-box ul li .left-content .icon {
  width: 55px;
  display: table-cell;
  vertical-align: top;
  color: rgba(255, 255, 255, 0.5); }

.about-right-box ul li .left-content .icon span:before {
  font-size: 55px;
  line-height: 55px; }

.about-right-box ul li .left-content .title {
  padding-left: 30px;
  display: table-cell;
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.5); }

.about-right-box ul li .left-content .title h3 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: normal;
  letter-spacing: 1px;
  margin: 0 0 1px; }

.about-right-box ul li .left-content .title span {
  color: rgba(255, 255, 255, 0.75); }

.about-right-box ul li .right-content .title {
  display: block;
  margin-top: 3px; }

.about-right-box ul li .right-content .title h4 {
  color: #ffffff;
  font-size: 3.4em;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0; }

@media screen and (max-width: 1199px) {
  .about-right-box {
    padding-top: 70px;
    padding-bottom: 70px; } }

@media screen and (max-width: 991px) {
  .about-area {
    padding-bottom: 0px; }
  .about-right-box {
    padding-top: 50px;
    padding-bottom: 50px; } }

@media screen and (max-width: 767px) {
  .about-right-box {
    padding: 40px 20px; }
  .about-right-box ul li {
    padding-bottom: 20px;
    margin-bottom: 20px; }
  .about-right-box ul li .left-content .title {
    padding-left: 10px; }
  .about-right-box ul li .left-content .icon span:before {
    font-size: 36px;
    line-height: normal; }
  .about-right-box ul li .right-content .title h4 {
    font-size: 26px; } }

.about-text {
  display: block;
  padding-bottom: 90px;
  padding-top: 90px;
  position: relative;
  display: block;
  overflow: hidden;
  padding: 90px 40px;
  z-index: 1;
  height: 100%; }

.about-overlay:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  content: "";
  z-index: -1; }

.about-text .sec-title {
  padding-bottom: 34px; }

.about-text .inner-content h2 {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  margin: 0 0 14px;
  color: #fff; }

.about-text .inner-content h2 span {
  font-weight: 700; }

.about-text .inner-content p {
  color: #fff; }

.about-text .inner-content .bottom {
  display: block;
  overflow: hidden;
  margin-top: 25px; }

.about-text .inner-content .bottom p {
  margin: 0;
  font-weight: 500; }

.about-text .inner-content .bottom .signature {
  display: block;
  margin-top: 22px; }

@media screen and (max-width: 1199px) {
  .about-text {
    padding-top: 70px;
    padding-bottom: 70px; }
  .about-text .inner-content h2 {
    font-size: 22px;
    line-height: 34px; } }

@media screen and (max-width: 991px) {
  .about-text {
    padding: 50px 30px; } }

@media screen and (max-width: 767px) {
  .about-text .inner-content h2 {
    font-size: 20px;
    margin: 0 0 12px; }
  .about-text .inner-content .bottom .signature {
    margin-top: 16px; } }

@media screen and (max-width: 575px) {
  .about-text .inner-content h2 {
    font-size: 16px;
    margin: 0 0 10px;
    line-height: 28px; } }

/*about ceo*/
.about-ceo {
  position: relative; }

.about-ceo .about-project {
  position: absolute;
  right: 20px;
  bottom: 19px;
  background: #f7f7f7;
  z-index: 9; }

.about-ceo .about-project h3 {
  margin-bottom: 0;
  text-align: center;
  font-size: 48px;
  font-weight: 700;
  color: #86bc42;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 5px;
  margin-bottom: 10px; }

.about-ceo .about-project p {
  display: block;
  font-size: 18px;
  color: #282b2d;
  margin: 0;
  font-weight: 700;
  text-transform: uppercase; }

.about-ceo .box-area {
  position: relative;
  background: #fff;
  padding: 25px;
  text-align: center;
  border: 8px solid #86bc42; }

/*about demo-11*/
.about-img img {
  margin-top: -35%; }

@media screen and (max-width: 1199px) {
  .about-img img {
    margin-top: -25%; } }

@media screen and (max-width: 991px) {
  .about-img img {
    margin-top: 0; } }

/* About Us demo-1 */
.about-project {
  position: absolute;
  z-index: 111;
  left: -60px;
  bottom: 75px;
  color: #fff;
  text-align: center;
  width: 150px;
  height: 150px;
  padding: 40px 0; }

.about-project .countup:after {
  content: "+";
  font-size: 24px;
  margin-left: 2px;
  vertical-align: top; }

@media screen and (max-width: 1199px) {
  .about-project {
    left: -40px;
    bottom: 35px;
    width: 130px;
    height: 130px;
    padding: 30px 0; } }

/* icon gallery */
.icon-gallery {
  margin-top: -35px; }

.icon-gallery .display-table {
  margin-top: 35px; }

.icon-gallery .display-table-cell {
  width: 125px;
  height: 125px;
  text-align: center;
  margin-bottom: 25px;
  border: 1px solid rgba(0, 0, 0, 0.075);
  vertical-align: middle;
  font-size: 14px;
  transition: all 0.2s ease-in-out;
  padding: 10px;
  background: #fff; }

.icon-gallery i {
  display: block;
  margin-bottom: 15px;
  font-size: 24px;
  color: #2a8ae2; }

@media screen and (max-width: 575px) {
  .icon-gallery {
    margin-top: -25px; }
  .icon-gallery .display-table {
    margin-top: 25px; } }

.pattern-img:before {
  position: absolute;
  content: '';
  height: 100%;
  width: 60%;
  background-image: url(../img/content/pattern.png);
  margin-left: -7%;
  margin-top: 5%;
  opacity: .15;
  z-index: -1; }

/*timeline*/
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative; }

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px; }

.timeline > li {
  margin-bottom: 20px;
  position: relative; }

.timeline > li:before {
  content: " ";
  display: table; }

.timeline > li:after {
  content: " ";
  display: table;
  clear: both; }

.timeline > li:before {
  content: " ";
  display: table; }

.timeline > li:after {
  content: " ";
  display: table;
  clear: both; }

.timeline > li > .timeline-panel {
  width: 46%;
  float: left;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); }

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " "; }

.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " "; }

.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -25px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%; }

.timeline > li.timeline-inverted > .timeline-panel {
  float: right; }

.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto; }

.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto; }

.timeline-badge.primary {
  background-color: #2e6da4 !important; }

.timeline-badge.success {
  background-color: #3f903f !important; }

.timeline-badge.warning {
  background-color: #f0ad4e !important; }

.timeline-badge.danger {
  background-color: #d9534f !important; }

.timeline-badge.info {
  background-color: #5bc0de !important; }

.timeline-body > p, .timeline-body > ul {
  margin-bottom: 0; }

.timeline-body > p + p {
  margin-top: 5px; }

@media (max-width: 767px) {
  ul.timeline:before {
    left: 40px; }
  ul.timeline > li > .timeline-panel {
    width: calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px); }
  ul.timeline > li > .timeline-badge {
    left: 15px;
    margin-left: 0;
    top: 16px; }
  ul.timeline > li > .timeline-panel {
    float: right; }
  ul.timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto; }
  ul.timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto; } }

/* ===================================
    Testmonials
====================================== */
/*testimonial style1*/
.testmonials-style1 .testmonial-single img {
  width: auto;
  display: inline-block;
  margin-bottom: 10px; }

.testmonial-single {
  text-align: center; }

.testmonial-single p {
  text-align: center;
  font-style: italic;
  font-weight: 600; }

.testmonial-single p:before {
  margin: auto auto 15px;
  content: "\f10d";
  font-weight: 700;
  font-family: Font Awesome\ 5 Free;
  color: #86bc42;
  font-size: 23px;
  display: block; }

.testmonial-single h4 {
  font-size: 22px;
  font-weight: 500;
  text-align: left;
  margin: 0 0 5px 0;
  line-height: normal;
  text-align: center; }

.testmonial-single h6 {
  color: #aaa;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  line-height: normal;
  margin: 0; }

@media screen and (max-width: 1199px) {
  .testmonial-single h4 {
    font-size: 20px; } }

@media screen and (max-width: 991px) {
  .testmonial-single h4 {
    font-size: 18px; } }

@media screen and (max-width: 767px) {
  .testmonial-single h4 {
    font-size: 16px; } }

.testmonial-box {
  position: relative;
  background: #fff;
  margin: 0 0 20px 0;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
  box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -moz-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -ms-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -o-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16); }

.testmonial-box img {
  border: 2px solid #ececec;
  border-radius: 50%;
  padding: 2px; }

.owl-carousel .testmonial-box img {
  width: auto;
  max-height: 120px;
  display: inline-block; }

.testmonial-box h5 {
  font-size: 18px;
  font-weight: 500;
  margin: 5px 0 0;
  line-height: normal; }

.testmonial-box span {
  font-size: 13px; }

.testmonial-box p {
  color: #999;
  margin-top: 10px;
  margin-bottom: 0; }

@media screen and (max-width: 991px) {
  .testmonial-box h5 {
    font-size: 16px;
    margin-top: 0; }
  .testmonial-box p {
    margin-top: 8px;
    margin-bottom: 0px; } }

@media screen and (max-width: 767px) {
  .testmonial-box {
    margin-bottom: 15px; }
  .testmonial-box h5 {
    font-size: 16px; }
  .testmonial-box span {
    font-size: 12px; } }

/*testimonial style2*/
.testimonial-style2 .testimonial-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -moz-flex-align: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -o-flex-align: center;
  align-items: center; }

.testimonial-style2 .testimonial-review p {
  margin-bottom: 0; }

.testimonial-style2 .testimonial-left-col {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 177px;
  flex: 1 0 177px;
  margin-right: 100px;
  text-align: center; }

.testimonial-style2 .testimonial-pic {
  position: relative;
  margin: 0; }

.testimonial-style2 .testimonial-pic:before {
  content: '\f10d';
  font-weight: 700;
  font-family: Font Awesome\ 5 Free;
  display: block;
  position: absolute;
  top: 48%;
  right: -62px;
  margin-top: -8px;
  font-size: 21px;
  color: #86bc42; }

.testimonial-style2 .testimonial-separator:before {
  content: '';
  display: block;
  width: 1px;
  height: 60px;
  position: absolute;
  right: -53px;
  background-color: #6f6f6f; }

.testimonial-style2 .testimonial-separator:after {
  content: '';
  display: block;
  width: 1px;
  height: 60px;
  position: absolute;
  right: -53px;
  background-color: #6f6f6f;
  bottom: 0; }

.testimonial-style2 .client-info {
  line-height: normal; }

.testimonial-style2 .client-info h6 {
  margin-bottom: 0;
  font-size: 16px; }

.testimonial-style2 .client-info span {
  color: #86bc42;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px; }

.testimonial-style2 .testimonial-review {
  padding-bottom: 0;
  font-size: 18px;
  line-height: 36px;
  font-weight: 300;
  width: 100%; }

.testimonial-style2 .custom-dot {
  display: inline-block;
  z-index: 1;
  margin-top: 30px; }

.testimonial-style2 .custom-dot span {
  width: 12px;
  height: 12px;
  margin: 0 7px;
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: block;
  -webkit-backface-visibility: visible;
  border-radius: 0;
  transition-duration: .3s;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s; }

.testimonial-style2 .custom-dot span:hover {
  background: #86bc42;
  -webkit-backface-visibility: visible;
  border-radius: 0; }

.testimonial-style2 .custom-dot.active span {
  background: #86bc42; }

@media screen and (max-width: 991px) {
  .testimonial-style2 .testimonial-review {
    padding-bottom: 65px; } }

@media screen and (max-width: 767px) {
  .testimonial-style2 .client-info h6 {
    font-size: 15px; }
  .testimonial-style2 .client-info span {
    font-size: 12px; }
  .testimonial-style2 .custom-dot {
    margin-top: 15px; }
  .testimonial-style2 .testimonial-review {
    padding-bottom: 0; }
  .testimonial-style2 .testimonial-left-col {
    margin-bottom: 20px;
    text-align: left; }
  .testimonial-style2 .testimonial-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .testimonial-style2 .testimonial-separator, .testimonial-style2 .testimonial-pic:before {
    display: none; } }

/*testimonial style3*/
.testimonial-style3.owl-theme .owl-nav {
  margin-top: 50px;
  text-align: center; }

.testimonial-style3 .testmonial-single h6 {
  text-align: left; }

.testimonial-style3 .testmonial-single p {
  line-height: 28px;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 50px;
  position: relative;
  margin-left: 25px; }

.testimonial-style3 .testmonial-single p:before {
  margin: 0;
  content: "\f10d";
  font-weight: 700;
  font-family: Font Awesome\ 5 Free;
  color: #86bc42;
  font-size: 30px;
  display: block;
  top: 0;
  left: -50px;
  position: absolute; }

@media screen and (max-width: 991px) {
  .testimonial-style3 .testmonial-single {
    width: 80%; }
  .testimonial-style3 .testmonial-single p {
    margin-bottom: 35px;
    font-size: 15px; }
  .testimonial-style3.owl-theme .owl-nav {
    margin-top: 35px; } }

@media screen and (max-width: 767px) {
  .testimonial-style3 .testmonial-single p {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 26px; }
  .testimonial-style3.owl-theme .owl-nav {
    margin-top: 30px; }
  .testimonial-style3 .testmonial-single h6 {
    font-size: 11px; } }

/*testimonial style4*/
.testimonials-section .testimonial-grid {
  overflow: hidden;
  padding: 25px;
  -moz-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -ms-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -webkit-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -o-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  margin: 15px; }

.testimonials-section .testimonial-grid p {
  font-size: 16px;
  line-height: 28px; }

.testimonials-section .testmonial-holder {
  width: 175px;
  float: left;
  border: 8px solid rgba(0, 0, 0, 0.1);
  border-radius: 175px; }

.testimonials-section .testmonial-holder img {
  width: auto;
  border-radius: 175px; }

.testimonials-section .testimonial-grid .details {
  width: calc(100% - 175px);
  float: left;
  padding: 0 0 0 30px;
  position: relative; }

.testimonials-section .client-info > span {
  font-weight: 500;
  text-transform: uppercase; }

.testimonials-section .custom-dot {
  display: inline-block;
  z-index: 1;
  margin-top: 30px; }

.testimonials-section .custom-dot span {
  width: 12px;
  height: 12px;
  margin: 5px;
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: block;
  border: 1px solid #fff;
  -webkit-backface-visibility: visible;
  border-radius: 30px;
  transition-duration: .3s;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s; }

.testimonials-section .custom-dot span:hover {
  background: rgba(0, 0, 0, 0.2);
  -webkit-backface-visibility: visible;
  border-radius: 30px; }

.testimonials-section .custom-dot.active span {
  width: 12px;
  height: 12px;
  background: #86bc42;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

.testimonials-section .owl-nav i {
  color: #282b2d;
  font-size: 18px;
  padding-top: 6px; }

.testimonials-section .owl-nav .owl-next {
  color: #86bc42;
  font-size: 43px;
  text-align: center;
  width: 40px;
  height: 40px;
  background: #fff !important;
  position: absolute;
  vertical-align: top;
  line-height: 8px; }

.testimonials-section .owl-nav .owl-prev {
  color: #86bc42;
  font-size: 43px;
  text-align: center;
  width: 40px;
  height: 40px;
  background: #fff !important;
  position: absolute;
  vertical-align: top;
  line-height: 8px;
  left: -75px;
  top: 40%;
  -moz-transition: all .4s ease 0s;
  -ms-transition: all .4s ease 0s;
  -webkit-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
  -moz-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  -ms-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  -webkit-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  -o-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1); }

.testimonials-section .owl-nav .owl-next {
  right: -75px;
  top: 40%;
  -moz-transition: all .4s ease 0s;
  -ms-transition: all .4s ease 0s;
  -webkit-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
  -moz-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  -ms-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  -webkit-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  -o-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1); }

@media screen and (max-width: 1199px) {
  .testimonials-section .testimonial-grid p {
    font-size: 15px; } }

@media screen and (max-width: 991px) {
  .testimonials-section .testmonial-holder {
    width: 145px;
    border-width: 6px; }
  .testimonials-section .testimonial-grid p {
    font-size: 14px;
    line-height: 26px; } }

@media screen and (max-width: 767px) {
  .testimonials-section .testmonial-holder {
    width: 125px;
    border-width: 5px; }
  .testimonials-section .testimonial-grid {
    padding: 20px; }
  .testimonials-section .testimonial-grid .details {
    width: 100%;
    padding-left: 0; }
  .testimonials-section .testmonial-holder {
    float: none;
    margin: 0 auto 15px auto;
    display: inherit; } }

/*testimonial style5*/
.testmonials-style5 {
  position: relative;
  background: #fff;
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0 0 30px 0;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

.testmonials-style5:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  height: 5px;
  background: rgba(0, 0, 0, 0.1);
  width: 100%; }

.testmonials-style5 img {
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  padding: 2px; }

.owl-carousel .testmonials-style5 img {
  width: auto;
  max-height: 120px;
  display: inline-block; }

.testmonials-style5 h5 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  position: relative; }

.testmonials-style5 span {
  font-size: 13px;
  color: #86bc42; }

.testmonials-style5 span:before {
  background: rgba(0, 0, 0, 0.2);
  height: 1px;
  width: 20px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px; }

.testmonials-style5 p {
  margin-top: 10px; }

.testmonials-style5 .data {
  position: relative; }

.testmonials-style5 .data i {
  position: absolute;
  right: 0;
  bottom: 0; }

@media screen and (max-width: 991px) {
  .testmonials-style5 {
    margin-bottom: 20px; }
  .testmonials-style5 p {
    margin-top: 0; } }

@media screen and (max-width: 767px) {
  .testmonials-style5 {
    margin-bottom: 15px;
    padding: 25px 15px; }
  .testmonials-style5 h5 {
    font-size: 15px; } }

/*testimonial style6*/
.testmonials-style6 h4 {
  color: #fff;
  font-size: 16px;
  margin: 0;
  line-height: normal; }

.testmonials-style6 p {
  color: #fff;
  margin-bottom: 0; }

.testmonials-style6 h6 {
  font-size: 12px;
  color: #ccc;
  margin: 0;
  line-height: 30px; }

.testmonials-style6 .owl-carousel .owl-dots {
  margin-top: 40px !important; }

.testmonials-style6 .owl-carousel .owl-dots .custom-dot span {
  border-color: 1px solid #fff;
  width: 10px;
  height: 10px; }

.testmonials-style6 .owl-theme .owl-dots .custom-dot.active span, .testmonials-style6 .owl-theme .owl-dots .custom-dot:hover span {
  background: #86bc42;
  border-color: #86bc42; }

.testmonials-style6 .custom-dot {
  display: inline-block;
  z-index: 1;
  margin-top: 30px; }

.testmonials-style6 .custom-dot span {
  width: 12px;
  height: 12px;
  margin: 5px;
  background: none;
  cursor: pointer;
  display: block;
  border: 1px solid #fff;
  -webkit-backface-visibility: visible;
  border-radius: 30px;
  transition-duration: .3s;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s; }

.testmonials-style6 .custom-dot span:hover {
  background: #aaa;
  -webkit-backface-visibility: visible;
  border-radius: 30px; }

.testmonials-style6 .custom-dot.active span {
  width: 12px;
  height: 12px;
  background: #fff;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

@media screen and (max-width: 575px) {
  .testmonials-style6 .owl-carousel .owl-dots {
    margin-top: 0px !important; }
  .testmonials-style6 .custom-dot {
    margin-top: 10px; } }

/*testimonial style7*/
.testimonial-style7 .testmonial-single p {
  font-weight: 500;
  margin-bottom: 20px;
  position: relative;
  margin-left: 25px;
  text-align: left; }

.testimonial-style7 .testmonial-single p:before {
  margin: 0;
  content: "\f10d";
  font-weight: 700;
  font-family: Font Awesome\ 5 Free;
  color: #86bc42;
  font-size: 24px;
  display: block;
  top: 0;
  left: -45px;
  position: absolute; }

.testimonial-style7 .testmonial-single img {
  width: 50px;
  height: auto;
  margin-bottom: 8px; }

.testimonial-style7 .testmonial-single h4 {
  font-size: 14px; }

.testimonial-style7 .testmonial-single h6 {
  font-size: 11px; }

/*testmonials style8*/
.testimonial-style8 p {
  font-style: italic;
  letter-spacing: 1px; }

.testimonial-style8 p:before {
  margin-right: 20px;
  content: "\f10d";
  font-weight: 700;
  font-family: Font Awesome\ 5 Free;
  color: #86bc42;
  font-size: 23px; }

@media screen and (max-width: 767px) {
  .testimonial-style8 h6 {
    margin-bottom: 30px; } }

/*testmonials style9*/
.testimonial-style9 {
  margin-top: -30px; }

.testimonial-style9 .testmonial-block {
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06);
  padding: 45px 40px;
  margin: 30px 24px 40px;
  position: relative; }

.testimonial-style9 .testmonial-block p {
  margin-bottom: 0;
  margin-top: -50px;
  font-weight: 600;
  font-size: 14px; }

.testimonial-style9 .author-details h6 {
  margin-bottom: 0; }

.testimonial-style9 .author-details h4 {
  margin-top: 0; }

.testimonial-style9 .author-details .author-pic {
  display: inline-block;
  vertical-align: middle;
  width: 60px; }

.testimonial-style9 .author-details .author-name {
  display: inline-block;
  vertical-align: middle;
  padding-left: 15px;
  width: 160px; }

.testimonial-style9 .quote {
  font-size: 124px;
  opacity: 0.1;
  line-height: 110px; }

@media screen and (max-width: 991px) {
  .testimonial-style9 .testmonial-block {
    padding: 35px 30px; }
  .testimonial-style9 .quote {
    font-size: 114px;
    line-height: 100px; } }

@media screen and (max-width: 575px) {
  .testimonial-style9 .testmonial-block {
    padding: 20px 24px; }
  .testimonial-style9 .quote {
    font-size: 100px; }
  .testimonial-style9 .author-details .author-name {
    width: 130px; } }

/*testimonial style10*/
.testimonial-style10.owl-theme .owl-nav {
  margin-top: 50px;
  text-align: center; }

.testimonial-style10 .author-details {
  padding-left: 60px;
  position: relative; }

.testimonial-style10 .author-details:before {
  background: #86bc42;
  height: 2px;
  width: 40px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 8px;
  content: ""; }

.testimonial-style10 .testmonial-desc h4 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.8); }

.testimonial-style10 .testmonial-desc h6 {
  text-align: left;
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 1px;
  margin-bottom: 0; }

.testimonial-style10 .testmonial-desc p {
  line-height: 30px;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 50px;
  position: relative;
  margin-top: -30px;
  color: rgba(255, 255, 255, 0.9); }

.testimonial-style10 .testmonial-desc .quote {
  font-size: 124px;
  opacity: 0.8;
  line-height: 110px;
  font-weight: bold;
  color: #86bc42; }

@media screen and (max-width: 991px) {
  .testimonial-style10 .testmonial-desc {
    width: 80%;
    margin: 0 auto;
    text-align: center; }
  .testimonial-style10 .author-details {
    text-align: center;
    display: inline-block; }
  .testimonial-style10 .testmonial-desc p {
    margin-bottom: 35px;
    font-size: 15px; }
  .testimonial-style10.owl-theme .owl-nav {
    margin-top: 35px; }
  .testimonial-style10 .testmonial-desc .quote {
    font-size: 110px; } }

@media screen and (max-width: 767px) {
  .testimonial-style10 .testmonial-desc p {
    margin-bottom: 30px; }
  .testimonial-style10.owl-theme .owl-nav {
    margin-top: 30px; }
  .testimonial-style10 .testmonial-desc h6 {
    font-size: 11px; } }

@media screen and (max-width: 575px) {
  .testimonial-style10 .testmonial-desc .quote {
    font-size: 90px;
    line-height: 95px; } }

.owl-carousel .testmonial-box img {
  width: auto;
  max-height: 120px;
  display: inline-block; }

/* testimonial style11 */
.section-testimonial {
  background: url(../img/bg/black_twill.png) repeat #232323; }

.testimonial-style11 p {
  font-size: 24px;
  margin-bottom: 4rem;
  color: #ededed;
  letter-spacing: 0.5px;
  line-height: 1.9;
  margin-top: -4rem; }

.testimonial-style11 h4 {
  font-size: 18px;
  color: #ededed;
  margin-bottom: 0; }

.testimonial-style11 small {
  color: #86bc42; }

.testimonial-style11 .quote {
  font-size: 140px;
  line-height: 180px;
  color: #86bc42;
  margin-top: -2rem;
  display: block; }

.testimonial-style11 .custom-dot {
  display: inline-block;
  z-index: 1;
  margin-top: 3rem; }

.testimonial-style11 .custom-dot span {
  width: 20px;
  height: 5px;
  margin: 5px;
  background: rgba(225, 225, 225, 0.4);
  cursor: pointer;
  border: none;
  display: block;
  -webkit-backface-visibility: visible;
  border-radius: 10px;
  transition-duration: .3s;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s; }

.testimonial-style11 .custom-dot span:hover {
  background: #aaa;
  -webkit-backface-visibility: visible; }

.testimonial-style11 .custom-dot.active span {
  width: 20px;
  height: 5px;
  background: #fff;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

@media screen and (max-width: 991px) {
  .testimonial-style11 p {
    font-size: 20px; } }

@media screen and (max-width: 767px) {
  .testimonial-style11 p {
    font-size: 18px; } }

@media screen and (max-width: 575px) {
  .testimonial-style11 .quote {
    font-size: 110px;
    line-height: 160px; }
  .testimonial-style11 p {
    margin-bottom: 3rem;
    font-size: 16px; }
  .testimonial-style11 h4 {
    font-size: 16px; }
  .testimonial-style11 .custom-dot {
    margin-top: 2rem; } }

/* testimonial style11 */
.testimonial-style12 p {
  font-size: 24px;
  margin-bottom: 4rem;
  letter-spacing: 0.5px;
  line-height: 1.9;
  margin-top: -4rem; }

.testimonial-style12 h4 {
  font-size: 18px;
  margin-bottom: 0; }

.testimonial-style12 small {
  color: #86bc42; }

.testimonial-style12 .quote {
  font-size: 140px;
  line-height: 180px;
  color: #86bc42;
  margin-top: -2rem;
  display: block; }

.testimonial-style12 .custom-dot {
  display: inline-block;
  z-index: 1;
  margin-top: 3rem; }

.testimonial-style12 .custom-dot span {
  width: 12px;
  height: 12px;
  margin: 5px;
  background: rgba(0, 0, 0, 0.09);
  cursor: pointer;
  border: none;
  display: block;
  -webkit-backface-visibility: visible;
  border-radius: 10px;
  transition-duration: .3s;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s; }

.testimonial-style12 .custom-dot span:hover {
  background: #aaa;
  -webkit-backface-visibility: visible; }

.testimonial-style12 .custom-dot.active span {
  width: 12px;
  height: 12px;
  background: #86bc42;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

@media screen and (max-width: 991px) {
  .testimonial-style12 p {
    font-size: 20px; } }

@media screen and (max-width: 767px) {
  .testimonial-style12 p {
    font-size: 18px; } }

@media screen and (max-width: 575px) {
  .testimonial-style12 .quote {
    font-size: 110px;
    line-height: 160px; }
  .testimonial-style12 p {
    margin-bottom: 3rem;
    font-size: 16px; }
  .testimonial-style12 h4 {
    font-size: 16px; }
  .testimonial-style12 .custom-dot {
    margin-top: 2rem; } }

/* ===================================
   Owl carousel
====================================== */
.custom-dot {
  display: inline-block;
  z-index: 1;
  margin-top: 30px; }

.custom-dot span {
  width: 12px;
  height: 12px;
  margin: 5px;
  background: none;
  cursor: pointer;
  display: block;
  border: 1px solid #fff;
  -webkit-backface-visibility: visible;
  border-radius: 30px;
  transition-duration: .3s;
  -webkit-transition-duration: .3s; }

.custom-dot span:hover {
  background: #aaa;
  -webkit-backface-visibility: visible;
  border-radius: 30px; }

.custom-dot.active span {
  width: 12px;
  height: 12px;
  background: #fff;
  -webkit-transition-duration: .3s;
  transition-duration: .3s; }

.owl-nav i {
  color: #282b2d;
  font-size: 18px;
  padding-top: 6px; }

.owl-nav .owl-next {
  color: #86bc42;
  font-size: 43px;
  text-align: center;
  width: 40px;
  height: 40px;
  background: #fff !important; }

.owl-nav .owl-prev {
  color: #86bc42;
  font-size: 43px;
  text-align: center;
  width: 40px;
  height: 40px;
  background: #fff !important;
  left: 0;
  -webkit-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
  -webkit-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1); }

.owl-nav .owl-next {
  -webkit-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
  -webkit-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1); }

.owl-thumbs button {
  border: none; }

.owl-thumbs button img {
  opacity: .5; }

.owl-thumbs button.active img {
  opacity: 1; }

.owl-thumb-item {
  cursor: pointer; }

.carousel-style2 .custom-dot {
  display: inline-block;
  z-index: 1;
  margin-top: 30px; }

.carousel-style2 .custom-dot span {
  width: 12px;
  height: 12px;
  margin: 5px;
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: block;
  border: 1px solid #fff;
  -webkit-backface-visibility: visible;
  border-radius: 30px;
  transition-duration: .3s;
  -webkit-transition-duration: .3s; }

.carousel-style2 .custom-dot span:hover {
  background: rgba(0, 0, 0, 0.2);
  -webkit-backface-visibility: visible;
  border-radius: 30px; }

.carousel-style2 .custom-dot.active span {
  width: 12px;
  height: 12px;
  background: #86bc42;
  -webkit-transition-duration: .3s;
  transition-duration: .3s; }

@media screen and (max-width: 991px) {
  .carousel-style2 .custom-dot {
    margin-top: 20px; } }

/* ===================================
    Team member
====================================== */
/* team style */
.team-members {
  background: #fff;
  overflow: hidden; }

.team-members-img {
  width: 100%;
  height: auto; }

.team-members-img img {
  width: 100%; }

.team-members-text {
  transition: all 0.4s ease-in-out;
  text-align: center;
  padding: 20px;
  background: #fff;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1; }

.team-members-text * {
  transition: all 0.2s ease-in-out; }

.team-members-text h4 {
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 4px; }

.team-members-text h4 a {
  color: #282b2d;
  transition-duration: .0s;
  -ms-transition-duration: .0s;
  -moz-transition-duration: .0s;
  -webkit-transition-duration: .0s;
  -o-transition-duration: .0s; }

.team-members-text span {
  color: #86bc42;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px; }

.team-members-text p {
  color: #999;
  font-size: 14px;
  font-weight: 400;
  line-height: 170%;
  margin: 20px auto 0;
  max-width: 90%; }

.team-members-text ul {
  margin-top: 15px;
  padding: 8px 0; }

.team-members-text ul li a i {
  font-size: 17px;
  line-height: 34px; }

.team-members:hover .team-members-text {
  background: #86bc42; }

.team-members:hover .team-members-text h4 a, .team-members:hover .team-members-text span {
  color: #fff; }

@media screen and (max-width: 991px) {
  .team-members-text {
    padding: 15px 10px; }
  .team-members-text h4 {
    font-size: 14px;
    margin-bottom: 2px; }
  .team-members-text span {
    font-size: 14px; } }

@media screen and (max-width: 575px) {
  .team-members-text {
    padding: 15px 10px; } }

/* team single img */
.team-single-img {
  width: 100%; }

.team-single-img img {
  border-radius: 5px; }

.team-single-text {
  padding: 5px 50px 15px 15px; }

.team-single-text span {
  color: #86bc42;
  font-size: 14px;
  font-weight: 500; }

.team-single-text h4 {
  color: #282b2d;
  font-size: 25px;
  font-weight: 500;
  margin-bottom: 10px; }

.team-single-text li span {
  color: #777;
  font-size: 15px;
  font-weight: 400; }

/* team single icon */
.team-single-icons ul li {
  display: inline-block;
  border: 1px solid #86bc42;
  border-radius: 50%;
  color: #86bc42;
  margin-right: 8px;
  margin-bottom: 5px;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

.team-single-icons ul li a {
  color: #86bc42;
  display: block;
  font-size: 14px;
  height: 25px;
  line-height: 26px;
  text-align: center;
  width: 25px; }

.team-single-icons ul li:hover {
  background: #86bc42;
  border-color: #86bc42; }

.team-single-icons ul li:hover a {
  color: #fff; }

/* team style1 */
.team-style1 .team-member-img {
  overflow: hidden;
  border-radius: 5px; }

.team-style1 .team-member-img img {
  transition: all 0.5s ease 0s;
  width: 100%; }

.team-style1 .team-member-img:hover img {
  transform: scale(1.1); }

/* team style2 */
.team-style2 .team-member-img img {
  transition: all 0.3s ease 0s; }

.team-style2 .team-member-img:hover img {
  filter: grayscale(100%); }

.team-style2 .team-description {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
  opacity: 0;
  transition: all 200ms ease-in-out;
  padding: 15px;
  z-index: 9; }

.team-style2 .social-links {
  transform: translateY(15px);
  transition: transform 300ms ease-in-out, opacity 150ms ease-in;
  opacity: 0;
  color: #fff;
  -webkit-font-smoothing: antialiased; }

.team-style2 .social-links a:hover {
  opacity: 0.65; }

.team-style2 .team-description-wrapper {
  position: relative;
  display: table;
  width: 100%;
  height: 100%; }

.team-style2 .team-description-content {
  display: table-cell;
  vertical-align: middle; }

.team-style2 .team-member-img {
  position: relative;
  display: block;
  overflow: hidden; }

.team-style2 .bg-cover {
  background-color: rgba(255, 66, 41, 0);
  opacity: 1;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  transform: scale(2);
  transition: all 200ms ease-in-out;
  display: none;
  z-index: 1; }

.team-style2 .team-member-img > img {
  transition: all 0.2s ease 0s; }

.team-style2:hover .bg-cover {
  background-color: rgba(0, 0, 0, 0.75);
  display: block; }

.team-style2:hover .social-links {
  transition-delay: 100ms, 100ms;
  opacity: 1;
  transform: translateY(0); }

.team-style2:hover .team-member-img > img {
  filter: blur(4px) grayscale(4%); }

.team-style2:hover .team-description {
  opacity: 1; }

/* team style3 */
.team-style3 .team-description {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
  opacity: 0;
  transition: all 200ms ease-in-out;
  padding: 15px;
  z-index: 9; }

.team-style3 .social-links {
  transform: translateY(15px);
  transition: transform 300ms ease-in-out,opacity 150ms ease-in;
  opacity: 0;
  color: #fff;
  -webkit-font-smoothing: antialiased; }

.team-style3 .about-me {
  transform: translateY(15px);
  transition: transform 300ms ease-in-out,opacity 150ms ease-in;
  opacity: 0;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  position: relative;
  display: inline-block;
  color: #f7f7f7; }

.team-style3 .social-links:after {
  background: #86bc42;
  bottom: -12px;
  content: "";
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 75px; }

.team-style3 .social-links a:hover {
  opacity: 0.65; }

.team-style3 .team-description-wrapper {
  position: relative;
  display: table;
  width: 100%;
  height: 100%; }

.team-style3 .team-description-content {
  display: table-cell;
  vertical-align: middle; }

.team-style3 .team-member-img {
  position: relative;
  display: block;
  overflow: hidden; }

.team-style3 .bg-cover {
  background-color: rgba(255, 66, 41, 0);
  opacity: 1;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  transform: scale(2);
  transition: all 200ms ease-in-out;
  display: none;
  z-index: 1; }

.team-style3 .team-member-img > img {
  transition: all 0.2s ease 0s; }

.team-style3:hover .bg-cover {
  background-color: rgba(0, 0, 0, 0.83);
  display: block; }

.team-style3:hover .social-links {
  transition-delay: 100ms,100ms;
  opacity: 1;
  transform: translateY(0); }

.team-style3:hover .about-me {
  transition-delay: 200ms,200ms;
  opacity: 1;
  transform: translateY(0); }

.team-style3:hover .team-member-img > img {
  filter: blur(4px) grayscale(4%); }

.team-style3:hover .team-description {
  opacity: 1; }

/* team style4 */
.team-style4 .team-description {
  background: rgba(134, 188, 66, 0.65);
  bottom: 0;
  left: 0;
  opacity: 0;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 200ms ease-in-out 0s;
  z-index: 9; }

.team-style4 .social-links {
  color: #fff;
  opacity: 0;
  transform: translateY(15px);
  transition: transform 300ms ease-in-out 0s, opacity 150ms ease-in 0s; }

.team-style4 .about-me {
  color: #fff;
  opacity: 0;
  transform: translateY(15px);
  transition: transform 300ms ease-in-out 0s, opacity 150ms ease-in 0s;
  color: #f7f7f7;
  display: inline-block;
  position: relative; }

.team-style4 .social-links a:hover {
  opacity: 0.65; }

.team-style4 .team-description-wrapper {
  display: table;
  height: 100%;
  position: relative;
  width: 100%; }

.team-style4 .team-description-content {
  display: table-cell;
  vertical-align: middle; }

.team-style4 .team-member-img {
  display: block;
  overflow: hidden;
  position: relative;
  border: 10px solid #f5f5f5; }

.team-style4:hover .team-member-img {
  border: 10px solid rgba(134, 188, 66, 0.8); }

.team-style4 .bg-cover {
  background-color: rgba(255, 66, 41, 0);
  display: none;
  height: 100%;
  opacity: 1;
  position: absolute;
  top: 0;
  transform: scale(2);
  transition: all 200ms ease-in-out 0s;
  width: 100%;
  z-index: 1; }

.team-style4 .team-member-img > img {
  transition: all 0.2s ease 0s; }

.team-style4:hover .bg-cover {
  background-color: rgba(134, 188, 66, 0.65);
  display: block; }

.team-style4:hover .social-links {
  opacity: 1;
  transform: translateY(0px);
  transition-delay: 100ms, 100ms; }

.team-style4:hover .about-me {
  opacity: 1;
  transform: translateY(0px);
  transition-delay: 200ms, 200ms; }

.team-style4:hover .team-member-img > img {
  filter: blur(4px) grayscale(4%); }

.team-style4:hover .team-description {
  opacity: 1; }

/* team style5 */
.team-style5 .team-block {
  background: #fff;
  margin-bottom: 15px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: 0.3s; }

.team-style5 .team-block:hover {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15); }

.team-style5 h5:after {
  border-bottom: 2px solid #86bc42;
  content: "";
  display: block;
  margin: 10px 0 15px 0;
  text-align: center;
  width: 50%;
  -moz-transition-duration: .5s;
  -ms-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: 0.5s; }

.team-style5 .team-block:hover h5:after {
  width: 100%; }

.team-style5 .owl-dots {
  text-align: center; }

.team-style5 .custom-dot {
  margin-top: 20px; }

.team-style5 .custom-dot.active span {
  width: 12px;
  height: 12px;
  background: #86bc42;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

.team-style5 .custom-dot span {
  width: 12px;
  height: 12px;
  margin: 5px;
  background: #cecece;
  cursor: pointer;
  display: block;
  -webkit-backface-visibility: visible;
  border-radius: 30px;
  transition-duration: .3s;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s; }

.team-style5 .social-icons {
  margin-bottom: 0; }

.team-style5 .social-icons li {
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  margin-right: 5px;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: 0.3s; }

.team-style5 .social-icons li a {
  color: #939393;
  display: block;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px; }

.team-style5 .social-icons li:hover {
  background: #86bc42;
  border-color: #86bc42; }

.team-style5 .social-icons li:hover i {
  color: #fff; }

/* team style6 */
.team-style6 {
  background: #fff;
  overflow: hidden; }

.team-style6 .team-img {
  width: 100%;
  height: auto;
  border-radius: 4px; }

.team-style6 .team-img img {
  border-radius: 4px; }

.team-style6 .team-details {
  transition: all 0.4s ease-in-out;
  text-align: center;
  padding: 20px;
  background: #fff;
  box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.1);
  width: 90%;
  margin: -30px auto 20px auto;
  position: relative;
  z-index: 1;
  border-radius: 4px; }

.team-style6 .team-details h4 {
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 4px; }

.team-style6 .team-details h4 a {
  color: #282b2d;
  transition-duration: .0s;
  -ms-transition-duration: .0s;
  -moz-transition-duration: .0s;
  -webkit-transition-duration: .0s;
  -o-transition-duration: .0s; }

.team-style6 .team-details span {
  color: #86bc42;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px; }

@media screen and (max-width: 991px) {
  .team-style6 .team-details {
    padding: 15px 10px; }
  .team-style6 .team-details h4 {
    font-size: 14px;
    margin-bottom: 2px; }
  .team-style6 .team-details span {
    font-size: 14px; } }

@media screen and (max-width: 575px) {
  .team-style6 .team-details {
    padding: 15px 10px; } }

/* team style7 */
.team-style7 {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center; }

.team-style7 .team-name {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 5px;
  margin-top: 20px; }

.team-style7 .team-position {
  margin-bottom: 0;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px; }

.team-style7 .team-text {
  padding: 30px 30px 0 30px;
  position: relative; }

.team-style7 .team-text:before {
  border: 1px solid rgba(0, 0, 0, 0.09);
  content: "";
  height: calc(100% - 125px);
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0; }

.team-style7 img {
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  z-index: 1; }

.team-style7 .team-social-icon {
  top: 30px;
  left: 30px;
  background: rgba(134, 188, 66, 0.7);
  width: calc(100% - 60px);
  height: calc(100% - 106px);
  transition: opacity .5s ease;
  opacity: 0;
  margin: 0;
  position: absolute;
  z-index: 9; }

.team-style7 .team-social-icon li {
  display: inline-block;
  font-size: 17px;
  margin: 0 10px;
  position: relative;
  top: 50%;
  opacity: 0;
  transform: translateY(100%);
  color: #fff;
  transition: all .5s ease; }

.team-style7 .team-social-icon li a {
  color: #fff;
  transition: all .5s ease; }

.team-style7 .team-social-icon li:hover, .team-style7 .team-social-icon li a:hover {
  opacity: 0.65; }

.team-style7 .team-social-icon li:nth-child(2) {
  transition-delay: .1s; }

.team-style7 .team-social-icon li:nth-child(3) {
  transition-delay: .2s; }

.team-style7 .team-social-icon li:nth-child(4) {
  transition-delay: .3s; }

.team-style7 .team-social-icon li:nth-child(5) {
  transition-delay: .4s; }

.team-style7:hover .team-social-icon {
  opacity: 1; }

.team-style7:hover .team-social-icon li {
  opacity: 1;
  transform: translateY(-50%); }

@media screen and (max-width: 991px) {
  .team-style7 {
    padding-left: 0;
    padding-right: 0; }
  .team-style7 .team-text {
    padding: 15px 15px 0 15px; }
  .team-style7 .team-social-icon {
    top: 15px;
    left: 15px;
    width: calc(100% - 30px);
    height: calc(100% - 92px); } }

/* ===================================
    Project grid
====================================== */
/* filtering */
.filtering {
  margin-bottom: 10px; }

.filtering span {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  color: #333333;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-right: 20px;
  display: inline-block;
  margin-bottom: 5px; }

.filtering span:last-child {
  margin: 0; }

.filtering .active {
  border-color: #86bc42;
  color: #86bc42; }

@media screen and (max-width: 767px) {
  .filtering span {
    margin-right: 15px; } }

/* project grid */
.project-grid {
  display: block;
  position: relative;
  margin: 5px 0; }

.project-grid-img img {
  display: block;
  width: 100%;
  height: auto; }

.project-grid-overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-align: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -o-flex-align: center;
  align-items: center;
  position: absolute;
  background: rgba(255, 255, 255, 0.95);
  overflow: hidden;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  opacity: 0;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

.project-grid-overlay h4 {
  margin-bottom: 0; }

.project-grid-overlay h4 a {
  text-align: center; }

.project-grid-overlay p {
  text-align: center; }

.project-grid:hover .project-grid-overlay {
  opacity: 1; }

.project-grid-overlay h4 a {
  font-size: 22px;
  opacity: 0; }

.project-grid-overlay h4 a:hover {
  color: #86bc42; }

.project-grid-overlay h4 a:after {
  content: '';
  display: block;
  width: 70px;
  height: 1px;
  background: #86bc42;
  margin: 15px auto; }

.project-grid:hover h4 a {
  opacity: 1;
  line-height: normal; }

.project-grid-overlay p {
  color: #666;
  font-size: 15px;
  margin: 0;
  opacity: 0; }

.project-grid:hover p {
  opacity: 1; }

.project-grid-overlay.theme {
  background: rgba(134, 188, 66, 0.95);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 5px solid rgba(0, 0, 0, 0.15); }

.project-grid-overlay.theme h4 a {
  color: #fff; }

.project-grid-overlay.theme h4 a:hover {
  color: rgba(255, 255, 255, 0.55); }

.project-grid-overlay.theme h4 a:after {
  height: 1px;
  background: #fff; }

.project-grid-overlay.theme p {
  color: #fff; }

@media screen and (max-width: 1199px) {
  .project-grid-overlay h4 {
    line-height: 20px; }
  .project-grid-overlay h4 a {
    font-size: 18px; } }

@media screen and (max-width: 767px) {
  .project-grid:hover p {
    top: 52%; } }

/* project grid style2 */
.project-grid-style2 .project-details {
  position: relative;
  overflow: hidden; }

.project-grid-style2 .project-details img {
  width: 100%;
  -moz-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -moz-transition: all 400ms;
  -ms-transition: all 400ms;
  -webkit-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms; }

.project-grid-style2 .portfolio-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }

.project-grid-style2 .portfolio-icon a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 25px;
  -moz-transform: scale3d(0, 0, 0);
  -ms-transform: scale3d(0, 0, 0);
  -webkit-transform: scale3d(0, 0, 0);
  -o-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
  font-size: 26px;
  z-index: 9; }

.project-grid-style2 .portfolio-title {
  padding: 15px 15px 0 15px;
  text-align: center;
  display: block;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.project-grid-style2 .portfolio-title h4 {
  font-size: 16px;
  margin-bottom: 0; }

.project-grid-style2 .portfolio-title p {
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600; }

.project-grid-style2:hover .project-details img {
  -moz-transform: scale3d(1.15, 1.15, 1);
  -ms-transform: scale3d(1.15, 1.15, 1);
  -webkit-transform: scale3d(1.15, 1.15, 1);
  -o-transform: scale3d(1.15, 1.15, 1);
  transform: scale3d(1.15, 1.15, 1); }

.project-grid-style2:hover .portfolio-icon {
  opacity: 1; }

.project-grid-style2:hover .portfolio-icon a {
  -moz-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

.project-grid-style2:hover .portfolio-icon a:hover {
  color: #86bc42; }

.portfolio-post-border {
  border: 1px solid #86bc42;
  bottom: 20px;
  left: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
  visibility: hidden; }

.project-grid-style2:hover .portfolio-post-border {
  visibility: visible; }

/* project single */
.project-carousel h4:after {
  content: " ";
  background: #86bc42;
  height: 2px; }

.project-single-text h4:after {
  content: " ";
  background: #86bc42;
  height: 2px; }

.project-single-text p {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8; }

.project-single-text h5 {
  color: #282b2d;
  font-size: 18px;
  font-weight: 500;
  margin: 25px 0 20px; }

.project-single-text h5:after {
  display: block;
  width: 70px;
  margin-top: 8px;
  content: " ";
  background: #86bc42;
  height: 2px; }

.project-single-text ul li {
  color: #282b2d;
  font-size: 15px;
  font-weight: 500; }

.project-single-text ul li i {
  color: #86bc42;
  font-weight: 500;
  font-size: 15px;
  padding-right: 10px; }

.project-single-info {
  border: 1px solid #ececec;
  display: block;
  width: 100%;
  padding: 0 20px; }

.project-single-info ul li {
  color: #777;
  font-size: 15px;
  font-weight: 500;
  border-bottom: 1px solid #ececec;
  padding: 12px 0; }

.project-single-info ul li:last-child {
  border-bottom: none; }

.project-single-info ul li span {
  display: inline-block;
  color: #282b2d;
  font-size: 15px;
  font-weight: 500;
  margin-right: 25px;
  width: 70px;
  max-width: 100%; }

.project-single-info ul li .value {
  width: auto;
  margin-right: 0;
  color: #6f6f6f; }

.project-single-img {
  padding-bottom: 30px; }

.project-single-box-img img {
  width: 100%;
  -moz-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07);
  -ms-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07);
  -o-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07); }

/* project grid style3 */
.project-grid-style3 {
  position: relative;
  margin-bottom: 10px; }

.project-grid-style3 .inner-box {
  position: relative;
  display: block;
  overflow: hidden;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); }

.project-grid-style3 .inner-box .project-image {
  position: relative; }

.project-grid-style3 .inner-box .project-image:before {
  position: absolute;
  content: '';
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); }

.project-grid-style3 .inner-box:hover .project-image:before {
  opacity: 0; }

.project-grid-style3 .inner-box .project-image img {
  position: relative;
  width: 100%;
  display: block; }

.project-grid-style3 .inner-box .overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  color: #ffffff;
  visibility: hidden;
  -moz-transition: all 700ms ease;
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  transition: all 700ms ease;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  transform-origin: left top;
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%); }

.project-grid-style3 .inner-box .overlay:before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  display: block;
  visibility: hidden;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  background-color: rgba(134, 188, 66, 0.95); }

.project-grid-style3 .inner-box:hover .overlay:before {
  opacity: 1;
  visibility: visible; }

.project-grid-style3 .inner-box .overlay-inner {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: table;
  vertical-align: middle;
  padding: 20px; }

.project-grid-style3 .inner-box .overlay-inner .description {
  position: relative;
  display: table-cell;
  vertical-align: middle; }

.project-grid-style3 .inner-box .text {
  position: relative;
  color: #ffffff;
  margin-bottom: 20px; }

.project-grid-style3 .inner-box .read-more {
  position: relative;
  font-size: 13px;
  font-weight: 700;
  color: #ffffff;
  padding-right: 22px; }

.project-grid-style3 .inner-box .read-more .fa {
  position: relative;
  margin-right: 4px; }

.project-grid-style3 .inner-box:hover .overlay {
  opacity: 1;
  visibility: visible;
  transform: translateX(0%); }

.project-grid-style3 .inner-box .project-desc {
  background: #fff;
  position: relative;
  padding: 30px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; }

.project-grid-style3 .inner-box:hover .project-desc {
  background-color: #f9f8fc; }

.project-grid-style3 .inner-box .project-desc .category {
  color: #86bc42;
  letter-spacing: 1px;
  font-size: 13px;
  font-weight: 700;
  padding-bottom: 8px;
  margin-bottom: 20px;
  text-transform: uppercase;
  transition: all 0.3s ease; }

.project-grid-style3 .inner-box:hover .project-desc .category {
  color: #282b2d; }

.project-grid-style3 .inner-box .project-desc .category:after {
  content: "";
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  width: 20%;
  display: block;
  margin-top: 10px;
  transition: all 0.5s ease; }

.project-grid-style3 .inner-box:hover .project-desc .category:after {
  width: 100%;
  background: #86bc42; }

.project-grid-style3 .inner-box .project-desc h3 {
  line-height: 30px;
  margin-bottom: 0;
  font-size: 18px; }

.project-grid-style3 .inner-box .project-desc a {
  position: relative; }

.project-grid-style3 .inner-box .project-desc a:hover {
  color: #86bc42; }

@media screen and (max-width: 991px) {
  .project-grid-style3 .inner-box .project-desc {
    padding: 25px; }
  .project-grid-style3 .inner-box .project-desc h3 {
    font-size: 18px; } }

@media screen and (max-width: 767px) {
  .project-grid-style3 .inner-box .overlay-inner {
    padding: 15px; }
  .project-grid-style3 .inner-box .text {
    margin-bottom: 15px; } }

/* project grid style10 */
.project-grid-style10 h4 {
  font-size: 18px;
  margin-bottom: 0;
  margin-top: 25px;
  font-weight: 500; }

.project-grid-style10 img {
  transition: opacity .6s ease 0s, transform .6s ease 0s; }

.project-grid-style10:hover img {
  opacity: 0.6; }

/* Portfolio block */
.portfolio-block {
  position: relative;
  transition: all 0.3s; }

.portfolio-block .portfolio-img {
  transition: all 0.3s; }

.portfolio-block .portfolio-img:before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 5 Free";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: #86bc42;
  transition: 0.4s ease-in-out;
  color: #fff;
  text-align: center;
  font-size: 45px;
  opacity: 0;
  visibility: hidden; }

.portfolio-block .portfolio-img:hover:before {
  opacity: .9;
  transition: 0.4s ease-in-out;
  border: 10px solid #E2E2E2;
  visibility: visible; }

.portfolio-overlay {
  position: absolute;
  bottom: 50px;
  left: 60px;
  color: #fff;
  opacity: 0;
  transition: all 0.3s; }

.portfolio-block:hover .portfolio-overlay {
  opacity: 1;
  transition: all 0.3s; }

.portfolio-block:hover .portfolio-overlay h6 {
  margin-left: 0;
  margin-bottom: 0;
  transition: all 0.3s; }

.portfolio-block:hover .portfolio-overlay h5 {
  margin-left: 0;
  margin-top: 3px; }

.portfolio-block h6 {
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1px;
  margin-left: 50px;
  font-size: 16px;
  transition: all 0.3s; }

.portfolio-overlay h5 {
  text-transform: capitalize;
  color: rgba(255, 255, 255, 0.85);
  margin-left: -20px;
  transition: .3s;
  margin-top: 20px;
  font-size: 14px; }

@media screen and (max-width: 767px) {
  .portfolio-overlay {
    bottom: 20px;
    left: 30px; } }

/* ===================================
    Accordion style
====================================== */
/*accordion style 1*/
.accordion-style .card {
  background: transparent;
  box-shadow: none;
  margin-top: 0 !important;
  border: none; }

.accordion-style .card-header {
  border: 0px;
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  background: none; }

.accordion-style .btn-link {
  background: #86bc42 !important;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  border: none;
  display: block;
  width: 100%;
  text-align: left;
  white-space: normal;
  border-radius: 4px;
  padding: 15px 30px 15px 15px;
  text-decoration: none; }

.accordion-style .btn-link:hover {
  background: #86bc42 !important;
  border: none;
  text-decoration: none; }

.accordion-style .btn-link.collapsed:after {
  background: none;
  content: "+";
  right: 15px;
  left: inherit;
  font-size: 20px;
  height: auto;
  transform: none;
  width: auto;
  top: 15px; }

.accordion-style .btn-link:after {
  background: none;
  content: "-";
  right: 17px;
  left: inherit;
  font-size: 20px;
  height: auto;
  transform: none;
  width: auto;
  top: 13px;
  position: absolute;
  color: #fff; }

.accordion-style .card-body {
  padding: 20px;
  text-align: left; }

/*accordion style 2*/
.accordion-style2 .card {
  background: transparent;
  box-shadow: none;
  margin-top: 0 !important;
  border: none; }

.accordion-style2 .card-header {
  border: 0px;
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  background: none; }

.accordion-style2 .btn-link {
  background: #eff3f9 !important;
  color: #282b2d;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  border: none;
  display: block;
  width: 100%;
  text-align: left;
  white-space: normal;
  border-radius: 0;
  padding: 15px 30px 15px 15px;
  text-decoration: none; }

.accordion-style2 .btn-link:hover {
  background: #eff3f9 !important;
  border: none;
  text-decoration: none; }

.accordion-style2 .btn-link.collapsed:after {
  background: none;
  content: "+";
  right: 15px;
  left: inherit;
  font-size: 20px;
  height: auto;
  transform: none;
  width: auto;
  top: 15px; }

.accordion-style2 .btn-link:after {
  background: none;
  content: "-";
  right: 17px;
  left: inherit;
  font-size: 20px;
  height: auto;
  transform: none;
  width: auto;
  top: 15px;
  position: absolute;
  color: #282b2d; }

.accordion-style2 .card-body {
  padding: 10px 15px;
  text-align: left;
  background: #f7faff; }

/*accordion style 3*/
.accordion-style3 .card {
  background: transparent;
  box-shadow: none;
  margin-top: 0 !important;
  border: none; }

.accordion-style3 .card-header {
  border: 0px;
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  background: none; }

.accordion-style3 .btn-link {
  background: #86bc42 !important;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  border: none;
  display: block;
  width: 100%;
  text-align: left;
  white-space: normal;
  border-radius: 4px;
  padding: 15px 40px 15px 15px;
  text-decoration: none; }

.accordion-style3 .btn-link:hover {
  background: rgba(134, 188, 66, 0.7) !important;
  border: none;
  text-decoration: none; }

.accordion-style3 .btn-link.collapsed:after {
  background: none;
  content: "+";
  right: 15px;
  left: inherit;
  font-size: 20px;
  height: auto;
  transform: none;
  width: auto;
  top: 15px; }

.accordion-style3 .btn-link:after {
  background: none;
  content: "-";
  right: 17px;
  left: inherit;
  font-size: 20px;
  height: auto;
  transform: none;
  width: auto;
  top: 13px;
  position: absolute;
  color: #fff; }

.accordion-style3 .card-body {
  padding: 20px;
  text-align: left; }

@media screen and (max-width: 767px) {
  .accordion-style3 .card-body {
    padding: 15px; } }

/*accordion style 4*/
.accordion-style4 .card {
  background: transparent;
  box-shadow: none;
  margin-top: 0 !important;
  border: none; }

.accordion-style4 .card-header {
  border: 0px;
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  background: none; }

.accordion-style4 .btn-link {
  background: #86bc42 !important;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  border: none;
  display: block;
  width: 100%;
  text-align: left;
  white-space: normal;
  border-radius: 0;
  padding: 18px 30px 18px 20px;
  text-decoration: none; }

.accordion-style4 .btn-link:after {
  color: #fff !important; }

.accordion-style4 .btn-link:hover {
  background: #86bc42 !important;
  border: none;
  text-decoration: none; }

.accordion-style4 .btn-link.collapsed {
  background: #ededed !important;
  color: #282b2d; }

.accordion-style4 .btn-link.collapsed:after {
  background: none;
  content: "+";
  right: 20px;
  left: inherit;
  font-size: 26px;
  height: auto;
  transform: none;
  width: auto;
  top: 18px;
  color: #282b2d !important; }

.accordion-style4 .btn-link:after {
  background: none;
  content: "-";
  right: 20px;
  left: inherit;
  font-size: 36px;
  height: auto;
  transform: none;
  width: auto;
  top: 16px;
  position: absolute;
  color: #282b2d; }

.accordion-style4 .card-body {
  padding: 15px;
  text-align: left;
  background: #f9f9f9; }

@media screen and (max-width: 991px) {
  .accordion-style4 .btn-link {
    font-size: 15px;
    padding: 15px 50px 15px 20px; }
  .accordion-style4 .btn-link:after {
    font-size: 34px;
    top: 13px; }
  .accordion-style4 .btn-link.collapsed:after {
    font-size: 24px;
    top: 16px; } }

@media screen and (max-width: 767px) {
  .accordion-style4 .btn-link {
    font-size: 14px;
    padding: 12px 40px 12px 15px; }
  .accordion-style4 .btn-link:after {
    font-size: 32px;
    top: 10px; }
  .accordion-style4 .btn-link.collapsed:after {
    font-size: 22px;
    top: 14px; } }

/* ===================================
    Portfolio masonry
====================================== */
.masonry {
  margin: 10px;
  padding: 0;
  -moz-column-gap: 10px;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  transition-duration: .4s;
  -moz-transition-duration: .4s;
  -ms-transition-duration: .4s;
  -webkit-transition-duration: .4s;
  -o-transition-duration: .4s; }

.masonry a {
  display: block;
  margin-top: 10px; }

.masonry a:first-child {
  margin-top: 0; }

.masonry-item {
  position: relative;
  overflow: hidden;
  -moz-transition-duration: .4s;
  -ms-transition-duration: .4s;
  -webkit-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s; }

.masonry-item img {
  display: block;
  width: 100%;
  height: auto;
  -moz-transition-duration: .4s;
  -ms-transition-duration: .4s;
  -webkit-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s; }

.masonry-item-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  max-height: 100%;
  width: 100%;
  opacity: 0;
  background: rgba(0, 0, 0, 0.5);
  border: 8px solid rgba(255, 255, 255, 0.65);
  padding: 3%;
  -moz-transition-duration: .4s;
  -ms-transition-duration: .4s;
  -webkit-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s; }

.masonry-item:hover .masonry-item-overlay {
  position: absolute;
  opacity: 1;
  -moz-transition-duration: .5s;
  -ms-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s; }

.masonry-item:hover .masonry-item-overlay h4 {
  opacity: 1;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  text-align: center;
  -moz-transition-duration: .6s;
  -ms-transition-duration: .6s;
  -webkit-transition-duration: .6s;
  -o-transition-duration: .6s;
  transition-duration: .6s; }

.masonry-item:hover .masonry-item-overlay ul {
  opacity: 1;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  text-align: center;
  -moz-transition-duration: .5s;
  -ms-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s; }

.masonry-item-overlay h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  position: absolute;
  bottom: 40px;
  margin: 0 0 20px 0;
  line-height: 20px; }

.masonry-item-overlay ul {
  position: absolute;
  padding-left: 0;
  bottom: 25px;
  margin: 0; }

.masonry-item-overlay ul li {
  list-style-type: none;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  padding-left: 0;
  opacity: .7; }

.masonry-item-overlay ul li:last-child:after {
  content: none; }

.masonry-item-overlay ul li:after {
  content: ' / ';
  font-size: 8px;
  font-weight: 700;
  margin: 0 5px; }

.masonry-item-overlay ul li a {
  color: #fff; }

.masonry-item:first-child {
  margin-top: 0; }

@media screen and (min-width: 576px) {
  .masonry {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2; } }

@media screen and (min-width: 768px) {
  .masonry {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2; } }

@media screen and (min-width: 992px) {
  .masonry {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3; } }

@media screen and (min-width: 1200px) {
  .masonry {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3; } }

/* masonry 4 */
.masonry-4 {
  margin: 10px;
  padding: 0;
  -moz-column-gap: 10px;
  -webkit-column-gap: 10px;
  column-gap: 10px; }

.masonry-4 a {
  display: block;
  margin-top: 10px; }

.masonry-4 a:first-child {
  margin-top: 0; }

@media screen and (min-width: 576px) {
  .masonry-4 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2; } }

@media screen and (min-width: 768px) {
  .masonry-4 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2; } }

@media screen and (min-width: 992px) {
  .masonry-4 {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3; } }

@media screen and (min-width: 1200px) {
  .masonry-4 {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4; } }

/* ===================================
    Tabs
====================================== */
ul.resp-tabs-list {
  margin: 0px;
  padding: 0px; }

.resp-tabs-list li {
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  padding: 13px 15px;
  margin: 0 4px 0 0;
  list-style: none;
  cursor: pointer; }

.resp-tabs-list li:last-child {
  margin-right: 0; }

.resp-tabs-list li i {
  font-size: 20px;
  padding-right: 5px;
  vertical-align: text-bottom; }

.resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  clear: left; }

.resp-tab-content {
  display: none;
  padding: 20px; }

.resp-tabs-list li.resp-tab-active {
  border: 1px solid #86bc42;
  border-bottom: none;
  border-color: #86bc42 !important;
  margin-bottom: -1px;
  padding: 12px 14px 14px 14px;
  border-top: 4px solid #86bc42 !important;
  border-bottom: 0px #fff solid;
  border-bottom: none;
  background-color: #fff;
  color: #86bc42; }

.resp-content-active, .resp-accordion-active {
  display: block; }

.resp-tab-content {
  border: 1px solid #c1c1c1;
  border-top-color: #c1c1c1;
  float: left;
  width: 100%; }

h2.resp-accordion {
  cursor: pointer;
  display: none;
  font-size: 14px;
  border: 1px solid #c1c1c1;
  border-top: 0px solid #c1c1c1;
  margin: 0px;
  padding: 14px 15px;
  float: left;
  width: 100%; }

h2.resp-tab-active {
  border-bottom: 0px solid #c1c1c1 !important;
  background-color: #86bc42 !important;
  color: #fff; }

h2.resp-tab-title:last-child {
  border-bottom: 12px solid #c1c1c1 !important;
  background: blue; }

/* vertical tabs */
.resp-vtabs ul.resp-tabs-list {
  float: left;
  width: 30%; }

.resp-vtabs .resp-tabs-list li {
  display: block;
  padding: 15px 15px !important;
  margin: 0 0 4px;
  cursor: pointer;
  float: none; }

.resp-vtabs .resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  border: 1px solid #86bc42 !important;
  float: left;
  width: 70%;
  min-height: 250px;
  clear: none; }

.resp-vtabs .resp-tab-content {
  border: none;
  word-wrap: break-word; }

.resp-vtabs li.resp-tab-active {
  position: relative;
  z-index: 1;
  margin-right: -1px !important;
  padding: 14px 15px 15px 11px !important;
  border-top: 1px solid;
  border: 1px solid #86bc42 !important;
  border-left: 4px solid #86bc42 !important;
  margin-bottom: 4px !important;
  border-right: 1px #FFF solid !important; }

.resp-arrow {
  border-color: transparent #282b2d #282b2d transparent;
  border-style: solid;
  border-width: 0 1px 1px 0;
  float: right;
  display: block;
  height: 8px;
  transform: rotate(45deg);
  width: 8px;
  margin-top: 4px; }

h2.resp-tab-active span.resp-arrow {
  border-color: #fff transparent transparent #fff;
  border-style: solid;
  border-width: 1px 0 0 1px;
  float: right;
  display: block;
  height: 8px;
  transform: rotate(45deg);
  width: 8px;
  margin-top: 7px; }

/* accordion styles */
.resp-easy-accordion h2.resp-accordion {
  display: block; }

.resp-easy-accordion .resp-tab-content {
  border: 1px solid #c1c1c1; }

.resp-easy-accordion .resp-tab-content:last-child {
  border-bottom: 1px solid #c1c1c1;
  /* !important; */ }

.resp-jfit {
  width: 100%;
  margin: 0px; }

.resp-tab-content-active {
  display: block;
  border-color: #86bc42 !important; }

h2.resp-accordion:first-child {
  border-top: 1px solid #c1c1c1; }

h2.resp-accordion.resp-tab-active {
  border-color: #86bc42 !important; }

/* tab-style1 */
.tab-style1 .resp-tabs-list li.resp-tab-active, .tab-style1 .resp-tab-content-active {
  background: #86bc42 !important;
  color: #fff; }

/* tab-style2 */
@media screen and (min-width: 768px) {
  .tab-style2 ul.resp-tabs-list {
    text-align: center; }
  .tab-style2 ul.resp-tabs-list.text-left {
    padding-left: 15px; }
  .tab-style2 ul.resp-tabs-list li:last-child {
    margin-right: 0; }
  .tab-style2 ul.resp-tabs-list li.resp-tab-active {
    border-bottom-color: #86bc42;
    color: #86bc42; }
  .tab-style2 .resp-tab-content {
    border: 1px solid #e6e6e6;
    border-width: 1px 0 0 0;
    border-color: #86bc42;
    padding: 50px 25px; } }

/* tab-style3 */
@media screen and (min-width: 768px) {
  .tab-style3 ul.resp-tabs-list {
    text-align: center;
    border: 1px solid #e6e6e6;
    border-width: 0 0 1px 0; }
  .tab-style3 ul.resp-tabs-list li:last-child {
    margin-right: 0; }
  .tab-style3 ul.resp-tabs-list li.resp-tab-active {
    border-bottom-color: #86bc42;
    color: #86bc42; }
  .tab-style3 .resp-tab-content {
    border: none;
    padding: 30px 20px; }
  .tab-style3 .resp-tabs-list .tab-box {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-top: 8px; }
  .tab-style3 .resp-tabs-list li.resp-tab-active h6 {
    color: #86bc42; }
  .tab-style3 .resp-tabs-list .tab-box h6 {
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    color: #6f6f6f;
    line-height: 12px; }
  .tab-style3 .resp-tabs-list .tab-box span {
    text-transform: lowercase;
    font-size: 12px; }
  .tab-style3 .resp-tabs-list li {
    font-size: 18px;
    border-bottom: 2px solid transparent !important;
    margin: 0;
    background: none !important;
    padding: 0 35px 15px 35px;
    text-transform: uppercase; }
  .tab-style3 .resp-tabs-list li.resp-tab-active {
    border-width: 0 0 2px 0 !important;
    border-color: #86bc42 !important; }
  .tab-style3 ul.resp-tabs-list i {
    margin-right: 15px;
    border: 1px solid #d5d5d5;
    border-radius: 70px;
    width: 70px;
    height: 70px;
    line-height: 68px;
    font-size: 30px;
    padding: 0;
    vertical-align: middle; }
  .tab-style3 ul.resp-tabs-list li.resp-tab-active i {
    background: #86bc42;
    border-color: #86bc42;
    color: #fff; } }

@media screen and (max-width: 991px) {
  .tab-style3 .resp-tab-content {
    padding: 20px; }
  .tab-style3 .resp-tabs-list li {
    padding: 0 15px 15px 15px; } }

/* change the breakpoint to set the accordion */
@media screen and (max-width: 767px) {
  ul.resp-tabs-list {
    display: none; }
  h2.resp-accordion {
    display: block; }
  h2.resp-accordion i {
    margin-right: 8px;
    font-size: 18px; }
  .resp-vtabs .resp-tab-content {
    border: 1px solid #C1C1C1; }
  .resp-vtabs .resp-tabs-container {
    border: none !important;
    float: none;
    width: 100%;
    min-height: 100px;
    clear: none; }
  .resp-accordion-closed {
    display: none !important; }
  .resp-vtabs .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important; }
  .resp-tab-content {
    background-color: #fff; }
  /* tab-style3 */
  .tab-style3 .tab-box {
    display: inline-block;
    vertical-align: top; }
  .tab-style3 h2.resp-accordion i {
    margin-right: 15px; }
  .tab-style3 .tab-box h6 {
    margin-bottom: 2px;
    font-size: 14px; }
  .tab-style3 .tab-box span {
    font-size: 12px; }
  .tab-style3 .resp-tab-active h6 {
    color: #fff; } }

/* tab-style4 */
.tab-style4 .tab-box {
  display: inline-block;
  vertical-align: top; }

.tab-style4 h2.resp-accordion i {
  margin-right: 15px; }

.tab-style4 .tab-box h6 {
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 600; }

.tab-style4 .tab-box span {
  font-size: 12px; }

.tab-style4 .resp-tab-active h6 {
  color: #fff; }

.tab-style4 .resp-tabs-list .count {
  color: rgba(0, 0, 0, 0.03);
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  line-height: 40px; }

.tab-style4 .resp-tabs-list .tab-box {
  text-align: left;
  margin-top: 8px; }

@media screen and (min-width: 768px) {
  .tab-style4 ul.resp-tabs-list {
    text-align: center; }
  .tab-style4 ul.resp-tabs-list li:last-child {
    margin-right: 0; }
  .tab-style4 ul.resp-tabs-list li.resp-tab-active {
    border-bottom-color: #86bc42;
    color: #86bc42; }
  .tab-style4 .resp-tab-content {
    border: none;
    margin-top: 30px;
    padding: 0; }
  .tab-style4 .resp-tabs-list .tab-box {
    display: inline-block;
    vertical-align: middle;
    text-align: center; }
  .tab-style4 .resp-tabs-list li.resp-tab-active h6 {
    color: #86bc42; }
  .tab-style4 .resp-tabs-list .tab-box h6 {
    margin: 0;
    font-weight: 700;
    font-size: 16px;
    color: #6f6f6f;
    line-height: 12px; }
  .tab-style4 .resp-tabs-list .tab-box span {
    text-transform: lowercase;
    font-size: 12px; }
  .tab-style4 .resp-tabs-list li {
    font-size: 18px;
    border-bottom: 2px solid transparent !important;
    margin: 0;
    background: none !important;
    padding: 0 35px 15px 35px;
    text-transform: uppercase;
    position: relative; }
  .tab-style4 .resp-tabs-list li.resp-tab-active {
    border-width: 0 0 2px 0 !important;
    border-color: #86bc42 !important; }
  .tab-style4 ul.resp-tabs-list i {
    margin-right: 15px;
    border: 1px solid #d5d5d5;
    border-radius: 70px;
    width: 70px;
    height: 70px;
    line-height: 68px;
    font-size: 30px;
    padding: 0;
    vertical-align: middle; }
  .tab-style4 ul.resp-tabs-list li.resp-tab-active i {
    background: #86bc42;
    border-color: #86bc42;
    color: #fff; } }

@media screen and (max-width: 991px) {
  .tab-style4 .resp-tabs-list li {
    padding: 0 25px 10px 25px; } }

@media screen and (max-width: 767px) {
  .count {
    font-size: 36px;
    line-height: 32px;
    margin-right: 10px;
    opacity: 0.2; }
  .tab-style4 .resp-tab-active .count {
    opacity: 0.5; } }

/* tab-style5 */
.tab-style5 .resp-tabs-list {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08); }

.tab-style5 .resp-tabs-list li {
  position: relative;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  padding: 0 15px 15px 15px;
  margin: 0 4px 0 0;
  list-style: none;
  cursor: pointer;
  min-width: auto;
  color: #000;
  background: none !important; }

.tab-style5 .resp-tabs-list li.resp-tab-active {
  border: 1px solid #86bc42;
  border-bottom: none;
  border-color: #86bc42 !important;
  margin-bottom: -1px;
  border-top: 4px solid #86bc42 !important;
  border-bottom: 0px #fff solid;
  border-bottom: none;
  background-color: #fff;
  color: #86bc42;
  color: #5e2ced;
  -ms-border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -o-border-top-left-radius: 5px;
  -ms-border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -o-border-top-right-radius: 5px;
  -ms-border-radius-top-left: 5px;
  -webkit-border-radius-top-left: 5px;
  -moz-border-radius-top-left: 5px;
  -o-border-radius-top-left: 5px;
  -ms-border-radius-topright: 5px;
  -webkit-border-radius-topright: 5px;
  -moz-border-radius-topright: 5px;
  -o-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important; }

.tab-style5 .resp-tabs-list li.resp-tab-active:after {
  content: "";
  background: #86bc42;
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
  margin: 0 auto;
  right: 0; }

.tab-style5 .img-effect:hover {
  transform: translateY(-8px); }

.tab-style5 .box-shadow-primary {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); }

@media screen and (min-width: 992px) {
  .tab-style5 ul.resp-tabs-list {
    text-align: center; }
  .tab-style5 ul.resp-tabs-list.text-left {
    padding-left: 15px; }
  .tab-style5 ul.resp-tabs-list li:last-child {
    margin-right: 0; }
  .tab-style5 ul.resp-tabs-list li.resp-tab-active {
    color: #86bc42; }
  .tab-style5 .resp-tab-content {
    margin-top: 40px;
    border: none;
    padding: 0; } }

@media screen and (max-width: 991px) {
  .tab-style5 ul.resp-tabs-list {
    display: none; }
  .tab-style5 h2.resp-accordion {
    display: block; }
  .tab-style5 h2.resp-accordion i {
    margin-right: 8px;
    font-size: 18px; }
  .tab-style5 .resp-accordion-closed {
    display: none !important; }
  .tab-style5 .resp-tab-content {
    background-color: #fff; } }

/* tab-style6 */
.tab-style6 ul.resp-tabs-list {
  float: left;
  width: 100%; }

.tab-style6 .resp-tabs-list li {
  padding: 15px 25px 13px 25px !important;
  margin: 0 !important;
  cursor: pointer;
  float: left;
  background: #fff !important;
  border: 1px solid #d5dae2; }

.tab-style6 .resp-tabs-list li:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.tab-style6 .resp-tabs-list li:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.tab-style6 .resp-tabs-container {
  padding: 0px;
  background-color: transparent;
  border: none !important;
  float: left;
  width: 100%;
  min-height: auto;
  clear: none; }

.tab-style6 .resp-tab-content {
  border: none;
  word-wrap: break-word;
  padding: 0; }

.tab-style6 li.resp-tab-active {
  position: relative;
  z-index: 1;
  margin-right: 0 !important;
  padding: 15px 25px !important;
  border: none !important;
  display: inline-block;
  background: #86bc42 !important;
  color: white; }

@media screen and (max-width: 991px) {
  .tab-style6 ul.resp-tabs-list {
    max-width: 100%;
    text-align: center;
    margin: 0 auto 30px auto;
    width: 225px;
    float: none;
    display: inline-block; }
  .tab-style6 .resp-tabs-container {
    padding-left: 0;
    width: 100%; }
  .tab-style6 .resp-tabs-list li {
    padding: 10px 25px 8px 25px !important; }
  .tab-style6 li.resp-tab-active {
    padding: 10px 25px !important; } }

@media screen and (max-width: 767px) {
  .tab-style6 ul.resp-tabs-list {
    display: none; }
  .tab-style6 .resp-tab-content {
    border: 1px solid #ececec !important;
    padding: 25px; }
  .tab-style6.resp-vtabs .resp-tab-content:last-child, .tab-style6 h2.resp-accordion {
    border-color: #ececec !important; } }

/* tab-style7 */
.tab-style7 ul.resp-tabs-list {
  background: #999999;
  display: inline-block;
  padding: 3px;
  border-radius: 5px; }

.tab-style7 .resp-tabs-list li {
  position: relative;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  list-style: none;
  cursor: pointer;
  min-width: auto;
  color: #fff;
  margin-right: 0;
  background: none !important;
  border-radius: 5px;
  padding: 5px 15px; }

.tab-style7 .resp-tabs-list li.resp-tab-active {
  margin-bottom: -1px;
  color: #fff;
  padding: 5px 15px;
  background-color: #86bc42 !important;
  border: none !important; }

@media screen and (min-width: 992px) {
  .tab-style7 ul.resp-tabs-list {
    text-align: center; }
  .tab-style7 ul.resp-tabs-list.text-left {
    padding-left: 15px; }
  .tab-style7 ul.resp-tabs-list li:last-child {
    margin-right: 0; }
  .tab-style7 .resp-tab-content {
    margin-top: 25px;
    border: none;
    padding: 0; } }

@media screen and (max-width: 991px) {
  .tab-style7 ul.resp-tabs-list {
    display: none; }
  .tab-style7 h2.resp-accordion {
    display: block; }
  .tab-style7 h2.resp-accordion i {
    margin-right: 8px;
    font-size: 18px; }
  .tab-style7 .resp-accordion-closed {
    display: none !important; }
  .tab-style7 .resp-tab-content {
    background-color: #fff; } }

/* tab style 8*/
.tab-style8.resp-vtabs ul.resp-tabs-list {
  float: left;
  width: 45%; }

.tab-style8.resp-vtabs .resp-tabs-container {
  padding: 0 0 0 10%;
  background: none;
  border: none !important;
  float: left;
  width: 55%;
  min-height: 250px;
  clear: none; }

.tab-style8.resp-vtabs h4 {
  font-size: 18px; }

.tab-style8.resp-vtabs .resp-tab-content {
  border: none;
  word-wrap: break-word;
  padding: 0; }

.tab-style8.resp-vtabs .resp-tab-content img {
  box-shadow: 0 0 1.25rem rgba(31, 45, 61, 0.05); }

.tab-style8.resp-vtabs .resp-tabs-list li {
  display: block;
  padding: 25px 30px !important;
  margin: 0 0 15px;
  cursor: pointer;
  float: none;
  font-weight: 500; }

.tab-style8.resp-vtabs .resp-tabs-list li:last-child {
  margin-bottom: 0 !important; }

.tab-style8.resp-vtabs li.resp-tab-active {
  position: relative;
  z-index: 1;
  margin-right: 0 !important;
  padding: 25px 30px !important;
  border-top: none;
  border: none !important;
  border-left: none !important;
  margin-bottom: 15px !important;
  border-right: none !important;
  box-shadow: 0px 12px 15px rgba(140, 152, 164, 0.1); }

.tab-style8 .resp-tabs-list li i {
  font-size: 24px;
  vertical-align: bottom; }

.tab-style8 .resp-arrow {
  border-color: transparent #282b2d #282b2d transparent;
  border-style: solid;
  border-width: 0 1px 1px 0;
  float: right;
  display: block;
  height: 8px;
  transform: rotate(45deg);
  width: 8px;
  margin-top: 4px; }

.tab-style8 h2.resp-tab-active span.resp-arrow {
  border-color: #fff transparent transparent #fff;
  border-style: solid;
  border-width: 1px 0 0 1px;
  float: right;
  display: block;
  height: 8px;
  transform: rotate(45deg);
  width: 8px;
  margin-top: 7px; }

@media screen and (max-width: 767px) {
  .tab-style8.resp-vtabs .resp-tabs-container {
    padding: 0;
    width: 100%;
    min-height: auto; }
  .tab-style8.resp-vtabs h4 {
    font-size: 16px; }
  .tab-style8.resp-vtabs .resp-tab-active h4 {
    color: #fff; }
  .tab-style8 h2.resp-accordion {
    border-color: rgba(0, 0, 0, 0.09); }
  .tab-style8.resp-vtabs .resp-tab-content {
    padding: 20px;
    border: 1px solid #86bc42; } }

@media screen and (max-width: 575px) {
  .tab-style8.resp-vtabs h4 {
    font-size: 14px; }
  .tab-style8.resp-vtabs .resp-tab-content {
    padding: 15px; } }

/* ===================================
    Pricing table
====================================== */
/* price table1 */
.price-table {
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -moz-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -ms-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -o-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  position: relative; }

.price-table-header {
  background: #86bc42;
  text-align: center;
  padding: 30px; }

.price-table-recommended {
  position: relative;
  z-index: 9999;
  transform: scale(1.09); }

.pricing-list > i {
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 100%;
  color: #86bc42;
  display: inline-block;
  font-size: 30px;
  height: 80px;
  line-height: 78px;
  margin-bottom: 15px;
  width: 80px; }

.price-table-header h5 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
  display: block;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
  padding: 5px 15px 15px;
  position: relative;
  text-align: center;
  text-transform: uppercase; }

.price-table-header h4 {
  color: #fff;
  font-size: 60px;
  margin: 15px 0 10px; }

.price-table-header h4 sup {
  font-size: 35px;
  margin: 0 5px; }

.price-table-header span {
  color: #fff;
  font-weight: 400;
  font-size: 16px; }

.price-table-content {
  padding: 20px; }

.price-table-content ul {
  padding-left: 0;
  padding-bottom: 0; }

.price-table-content ul li {
  display: block;
  list-style-type: none;
  color: #282b2d;
  font-size: 14px;
  font-weight: 500;
  padding: 15px; }

.price-table-content ul li:before {
  content: '\f00c';
  font-weight: 700;
  font-family: Font Awesome\ 5 Free;
  display: inline-block;
  color: #86bc42;
  margin-right: 12px; }

.price-table-content ul li:nth-child(2) {
  background: #eee; }

.price-table-content a {
  display: inline-block;
  border: 2px solid #86bc42;
  background: #fff;
  font-family: "Montserrat",sans-serif;
  color: #282b2d;
  font-size: 16px;
  font-weight: 500;
  border-radius: 10px;
  padding: 12px 15px;
  width: 100%;
  margin-top: 15px; }

.price-table-content a:hover {
  background: #86bc42;
  color: #fff; }

.price .item {
  padding: 30px 0;
  background: #fff;
  border-radius: 5px;
  transition: all .3s; }

.price .item:hover {
  box-shadow: 0px 5px 40px 0px rgba(148, 146, 245, 0.2); }

.price .type {
  margin-bottom: 30px; }

.price .type .icon {
  font-size: 45px;
  color: #d6d5d5;
  margin-bottom: 10px; }

.price .type h4 {
  font-size: 25px; }

.price .value {
  padding: 30px 0;
  position: relative; }

.price .value:before, .price .value:after {
  content: '';
  background: #eee;
  width: 70%;
  height: 1px;
  position: absolute;
  left: 15%; }

.price .value:before {
  top: 0; }

.price .value:after {
  bottom: 0; }

.price .value h3 {
  display: inline-block;
  padding-right: 10px;
  font-size: 50px;
  font-weight: 700;
  position: relative;
  margin-bottom: 0; }

.price .value h3 span {
  font-size: 14px;
  position: absolute;
  top: 5px;
  right: 0; }

.price .value .per {
  font-size: 13px;
  color: #86bc42; }

.price .features {
  padding: 15px 0; }

.price .features li {
  margin: 15px 0;
  color: #777; }

.price .order {
  position: relative; }

.price .active {
  box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.1); }

/* price table2 */
.single-plan {
  position: relative;
  z-index: 99;
  border: 1px solid #efefef;
  background: #fff;
  -webkit-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -moz-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -ms-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -o-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05); }

.single-plan .head-plan h4 {
  padding: 20px;
  margin: 0;
  color: #fff;
  font-weight: 600;
  font-size: 20px; }

.body-plan .price-plan {
  padding: 32px 0 43px;
  position: relative;
  background: #f7f7f7;
  font-weight: bold;
  border-bottom: 1px solid #eaeaea; }

.body-plan .price-plan h3 {
  margin: 0;
  z-index: 11;
  position: relative;
  font-weight: bold;
  color: #6f6f6f; }

.body-plan .price-plan h3 sup {
  font-size: 18px;
  top: -15px;
  font-weight: bold;
  margin-right: 2px; }

.body-plan .price-plan span {
  text-transform: uppercase;
  font-size: 12px;
  z-index: 11;
  position: relative; }

.feat-plan {
  margin: 56px 0 33px; }

.feat-plan ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.feat-plan ul li {
  margin-bottom: 15px;
  border-bottom: 1px solid #efefef;
  padding-bottom: 15px; }

.feat-plan ul li:last-child {
  margin: 0; }

.price-plan i {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  border-radius: 50%;
  position: absolute;
  bottom: -24px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 99;
  background: #86bc42; }

.footer-plan {
  padding: 0 0 30px; }

@media screen and (max-width: 767px) {
  .body-plan .price-plan {
    padding: 28px 0 38px; }
  .body-plan .price-plan h3 sup {
    font-size: 16px; }
  .feat-plan {
    margin: 45px 0 30px; }
  .feat-plan ul li {
    margin-bottom: 12px;
    padding-bottom: 12px; } }

/* price table3 */
.price-table-style3 {
  background: #fff;
  border-radius: 5px; }

.price-table-style3 .price-table-header {
  background: unset;
  text-align: center;
  padding: 0; }

.price-table-style3 .pricing-plan h3 {
  font-size: 60px;
  font-weight: 400;
  letter-spacing: -2px;
  color: #333;
  margin: 15px 0; }

.price-table-style3 .price-table-header h5 {
  display: block;
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  border: none; }

.price-table-style3 .price-table-header h4 {
  color: #000;
  font-size: 60px;
  margin: 15px 0 10px; }

.price-table-style3 .price-table-header h4 sup {
  font-size: 35px; }

.price-table-style3 .price-table-header span {
  color: #fff;
  font-weight: 400;
  font-size: 16px; }

.price-table-style3 .price-table-header h4:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #eee;
  padding-top: 15px;
  margin-bottom: 20px; }

.price-table-style3 .price-table-content {
  padding: 0 20px 30px 20px; }

.price-table-style3 .price-table-content ul {
  padding-left: 0;
  padding-bottom: 0;
  margin-bottom: 0; }

.price-table-style3 .price-table-content ul li {
  display: block;
  list-style-type: none;
  color: #282b2d;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 15px; }

.price-table-style3 .price-table-content ul li:before {
  content: '\f058';
  font-weight: 700;
  font-family: Font Awesome\ 5 Free;
  display: inline-block;
  color: #86bc42;
  margin-right: 12px; }

.price-table-style3 .price-table-content ul li:nth-child(2) {
  background: unset; }

.price-table-style3 .price-table-content a {
  display: inline-block;
  border: 2px solid #86bc42;
  background: #fff;
  font-family: "Montserrat",sans-serif;
  color: #282b2d;
  font-size: 16px;
  font-weight: 500;
  border-radius: 10px;
  padding: 12px 15px;
  width: 100%;
  margin-top: 15px; }

.price-table-style3 .price-table-content a:hover {
  background: #86bc42;
  color: #fff; }

@media screen and (max-width: 991px) {
  .price-table-style3 .price-table-header h5 {
    font-size: 18px; }
  .price-table-style3 .price-table-header h4 {
    margin: 10px 0 5px;
    font-size: 52px; }
  .price-table-style3 .price-table-header h4 sup {
    font-size: 32px; } }

@media screen and (max-width: 767px) {
  .price-table-style3 .price-table-header h5 {
    font-size: 16px; }
  .price-table-style3 .price-table-header h4 {
    margin: 10px 0 5px;
    font-size: 48px; }
  .price-table-style3 .price-table-header h4 sup {
    font-size: 30px; }
  .price-table-style3 .price-table-header span {
    font-size: 14px; }
  .price-table-style3 .price-table-content a {
    font-size: 14px;
    padding: 8px 10px; } }

@media screen and (max-width: 575px) {
  .price-table-style3 .price-table-header h5 {
    font-size: 15px; }
  .price-table-style3 .price-table-header h4 {
    font-size: 42px; }
  .price-table-style3 .price-table-header h4 sup {
    font-size: 28px; }
  .price-table-style3 .price-table-content ul li {
    padding: 6px 15px; } }

/* price table4 */
.price-table-style4 {
  box-shadow: 0 0 35px rgba(140, 152, 164, 0.125);
  border-radius: 4px; }

.price-table-style4 .pricing-header {
  padding: 30px 20px;
  background: #86bc42;
  text-align: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.price-table-style4 .pricing-header h5 {
  color: #fff;
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: 600; }

.price-table-style4 .price-symbol {
  vertical-align: top;
  font-size: 20px;
  color: #fff; }

.price-table-style4 .price {
  color: #fff;
  font-size: 42px;
  font-weight: 600; }

.price-table-style4 .days {
  color: #fff;
  font-size: 14px; }

.price-table-style4 .pricing-body {
  padding: 30px;
  background: #fff;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

@media screen and (max-width: 991px) {
  .price-table-style4 .price {
    font-size: 40px; } }

@media screen and (max-width: 767px) {
  .price-table-style4 .price {
    font-size: 36px; }
  .price-table-style4 .pricing-header h5 {
    font-size: 22px; } }

@media screen and (max-width: 575px) {
  .price-table-style4 .pricing-header {
    padding: 25px 20px; }
  .price-table-style4 .pricing-body {
    padding: 30px 20px; }
  .price-table-style4 .price {
    font-size: 32px; } }

/* ===================================
    Others
====================================== */
/* process with icon */
.process-step-xs {
  position: relative;
  margin: 15px 0;
  padding: 0; }

.process-step-xs .process-step-icon {
  text-align: center; }

.process-step-xs .process-step-icon i {
  color: #86bc42;
  font-size: 36px; }

.process-step-xs h3 {
  position: relative;
  font-size: 14px;
  font-weight: 600;
  color: #6f6f6f;
  margin: 10px 0;
  text-align: center; }

.process-steps-xs li {
  position: relative;
  float: left;
  list-style-type: none;
  display: inline-block; }

.process-steps-xs li:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 8px solid transparent;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  border-bottom: 8px solid transparent;
  border-radius: 2px;
  position: absolute;
  right: -7px;
  top: 40px;
  text-align: center;
  border-left: 8px solid rgba(0, 0, 0, 0.1); }

.process-steps-xs li:last-child:after {
  display: none; }

@media screen and (max-width: 991px) {
  .process-step-xs .process-step-icon i {
    font-size: 32px; } }

@media screen and (max-width: 767px) {
  .process-steps-xs li:nth-child(2):after {
    display: none; }
  .process-step-xs .process-step-icon i {
    font-size: 28px; }
  .process-step-xs h3 {
    font-size: 13px;
    margin: 5px 0; }
  .process-steps-xs li:after {
    right: 0; } }

/* count back box */
.count-back-box {
  width: 100%;
  text-align: center;
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: 1; }

.count-back-box h1 {
  color: #282b2d;
  font-size: 40px;
  font-weight: 500; }

/* error box */
.error-box {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: 1; }

.error-box h2 {
  color: rgba(204, 204, 204, 0.2);
  font-size: 250px;
  font-weight: 600;
  letter-spacing: 10px; }

.error-box-text h1 {
  font-size: 200px;
  color: #86bc42;
  line-height: 1; }

.error-box-text h3 {
  font-size: 40px;
  color: #282b2d;
  line-height: normal; }

.error-box-text h4 {
  font-size: 20px;
  color: #333;
  margin-top: 20px; }

@media screen and (max-width: 767px) {
  .error-box {
    padding: 30px; }
  .back-box {
    display: none; }
  .error-box-text h1 {
    font-size: 100px; } }

/* count down */
ul.countdown li {
  display: inline-block;
  padding: 0 30px;
  text-align: center; }

ul.countdown li:first-child {
  padding-left: 0; }

ul.countdown li:last-child {
  padding-right: 0; }

ul.countdown li span {
  font-size: 36px;
  line-height: normal;
  position: relative; }

ul.countdown li span::before {
  content: "";
  height: 1px;
  position: absolute;
  width: 100%; }

ul.countdown li p.timeRefDays, ul.countdown li p.timeRefHours, ul.countdown li p.timeRefMinutes, ul.countdown li p.timeRefSeconds {
  font-size: 12px;
  font-weight: 500;
  margin: 0;
  padding: 0;
  text-transform: uppercase; }

@media screen and (max-width: 767px) {
  ul.countdown li {
    padding: 0 25px; }
  .social-links li {
    margin-right: 15px; }
  ul.countdown li span {
    font-size: 28px; } }

@media screen and (max-width: 575px) {
  ul.countdown li {
    padding: 0 10px; } }

/* progress bars */
.progress-text {
  font-size: 13px;
  font-weight: 500;
  color: #282b2d;
  margin-bottom: 5px; }

.custom-progress {
  height: 4px;
  border-radius: 50px;
  box-shadow: none;
  margin-bottom: 15px; }

.custom-bar {
  height: 100%;
  background-color: #86bc42;
  box-shadow: none; }

.custom-bar-dark {
  height: 100%;
  background-color: #282b2d;
  box-shadow: none; }

.progress-medium {
  height: 8px;
  border-radius: 50px;
  box-shadow: none; }

.progress-bold {
  height: 12px;
  border-radius: 50px;
  box-shadow: none; }

/* snap shot design*/
.design-snaps img {
  box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06); }

.design-snaps img:last-child {
  box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06); }

/* downloads */
.downloads li {
  border: 1px solid #86bc42;
  border-radius: 5px; }

.downloads i {
  background: #86bc42;
  padding: 10px 12px;
  color: #fff;
  vertical-align: top; }

.downloads .label {
  margin-top: 8px;
  display: inline-block;
  margin-left: 10px; }

/* ===================================
    Shop
====================================== */
/* common for shop */
.label-offer {
  position: absolute;
  left: 0;
  top: 0;
  height: 25px;
  line-height: 25px;
  display: inline-block;
  padding: 0px 12px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  z-index: 1; }

/* overline title */
.overline-title {
  position: relative;
  margin-bottom: 30px; }

.overline-title:after {
  overflow: hidden;
  content: "";
  background: rgba(0, 0, 0, 0.08);
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 13px; }

.overline-title h4 {
  position: relative;
  font-size: 16px;
  background: #fff;
  padding-right: 15px;
  margin-bottom: 0;
  z-index: 9;
  display: inline-block;
  font-weight: 600; }

@media screen and (max-width: 767px) {
  .overline-title {
    margin-bottom: 25px; } }

/* shop category */
.categories-card.card {
  border: none;
  box-shadow: none; }

.categories-card .card-img-overlay {
  display: flex; }

.categories-card .card-img-overlay > * {
  flex: 1; }

.categories-card h3 {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px; }

.categories-card .bg-white-opacity {
  text-align: center;
  padding: 20px 20px 18px 20px; }

/* offer-deal-banner */
.offer-deal-banner {
  text-align: center; }

.offer-deal-banner h4 {
  letter-spacing: -0.5px;
  margin-bottom: 25px; }

.offer-deal-banner .banner-text {
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 700; }

/* shop product grid */
.product-grid > [class*="col-"] {
  margin-top: 30px; }

.product-grid .product-img {
  position: relative; }

.product-grid .product-details {
  transition: all .3s ease 0s;
  position: relative; }

.product-details .product-cart {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999; }

.product-details .product-cart > a {
  width: 35px;
  height: 35px;
  justify-content: center;
  align-items: center;
  display: flex;
  color: #86bc42;
  margin-top: 0;
  margin-right: 10px;
  border-radius: 50%;
  visibility: hidden;
  transition: all 0.5s;
  opacity: 0;
  cursor: pointer;
  background-color: #fff; }

.product-details .product-cart a:last-child {
  margin-right: 0; }

.product-details .product-cart > a:hover {
  background: #86bc42;
  color: #fff; }

.product-details:hover .product-cart a {
  transform: translateY(-30px);
  visibility: visible;
  opacity: 1; }

.product-grid .product-info {
  padding: 15px;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 18px; }

.product-grid .product-info > a {
  margin-bottom: 5px;
  display: inline-block;
  font-weight: 600;
  font-size: 15px; }

.product-grid .price {
  font-weight: 600; }

/* shop product list */
.product-list > [class*="col-"] {
  margin-top: 30px; }

.product-card {
  border: 1px solid rgba(0, 0, 0, 0.075);
  border-radius: 0;
  height: 100%; }

.product-card .card-img {
  border-radius: 0; }

.product-card .card-body {
  padding: 2rem; }

.product-card .card-body .read-more {
  display: block; }

.product-card .card-body .read-more a {
  color: #86bc42;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px; }

.product-card .card-body .read-more a:hover {
  color: #282b2d; }

.product-card .card-footer:last-child {
  border-radius: 0; }

.product-card h3 {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 12px; }

.product-card h3 a {
  color: #282b2d; }

.product-card h3 a:hover {
  color: #86bc42; }

.product-card .card-footer {
  /*background: #f7faff;*/
  background: none;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 0.8rem 2rem;
  font-weight: 600; }

.product-card .card-footer a {
  line-height: normal; }

.product-card ul {
  margin-bottom: 0;
  padding-bottom: 0; }

.product-card .card-footer img {
  max-width: 35px; }

.product-card .card-footer ul li {
  display: inline-block;
  color: #999;
  font-size: 14px;
  font-weight: 500;
  margin: 0 10px 0 0; }

.product-card .card-footer ul li i {
  color: #86bc42;
  font-size: 16px;
  font-weight: 500;
  margin-right: 5px; }

@media screen and (max-width: 767px) {
  .product-card .card-img.bg-img {
    min-height: 250px; } }

@media screen and (max-width: 575px) {
  .product-card .card-body {
    padding: 1.5rem; } }

/* shop product detail*/
.control-top .owl-nav {
  margin: 0;
  position: absolute;
  right: -2px;
  top: -73px; }

.control-top.owl-theme .owl-nav [class*='owl-'] {
  background: #fff !important;
  padding: 0 7px;
  width: 30px;
  height: 30px;
  margin: 0 2px;
  border-radius: 0;
  border: 1px solid #d5d5d5; }

.control-top.owl-theme .owl-nav i {
  color: #6f6f6f;
  padding-top: 4px; }

.product-detail .label-sale {
  margin-left: 5px;
  vertical-align: top;
  padding: 2px 7px; }

.product-detail .offer-price {
  text-decoration: line-through;
  color: red; }

.product-rating .fas:hover {
  color: #282b2d; }

/* table bordered */
.table.bordered {
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  margin-bottom: 0; }

.table.bordered tr:nth-child(even) {
  background-color: #f7faff; }

.table.bordered td, .table.bordered th {
  padding: 1rem 0.75rem; }

.table.bordered td, .table.bordered th {
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8; }

.table.bordered td:last-child {
  border-right: none; }

.table.bordered th {
  vertical-align: middle;
  text-align: center; }

.table.bordered td {
  padding: 20px; }

.table.bordered thead th {
  background: #f7faff; }

.table.bordered .product-price, .table.bordered .product-quantity {
  color: #363f4d;
  font-size: 16px;
  font-weight: 600; }

.table.bordered .first-column {
  font-weight: 600;
  font-size: 15px; }

@media screen and (max-width: 575px) {
  .media.product-review {
    display: table; }
  .media.product-review .media-body {
    display: inline-block;
    width: 100%;
    margin-top: 15px; } }

/* shop product cart*/
.shop-cart-table {
  width: 100%;
  overflow-x: auto; }

.shop-cart-table .shop-cart td {
  line-height: 26px;
  vertical-align: middle;
  padding: 16px 8px; }

.table.cart-sub-total {
  border-color: transparent;
  vertical-align: middle;
  padding: 10px 30px; }

.table.cart-sub-total td, .table.cart-sub-total th {
  border-color: transparent;
  vertical-align: middle;
  padding: 10px 30px; }

.table.cart-sub-total td {
  padding-right: 0; }

.shop-cart-table input[type="text"] {
  height: 35px;
  width: 50px;
  margin: 0; }

/* shop product grid and list*/
.product-list .product-block:hover > img {
  opacity: 0.65; }

.product-list .buttons {
  float: left;
  width: 100%; }

.product-list .buttons a {
  float: left;
  text-align: center;
  padding: 8px 23px; }

.product-list .buttons a:hover {
  opacity: 0.8; }

/* categories-02 section home-12 */
.categories-02 {
  padding: 0;
  margin: 0; }

.categories-02 li {
  display: inline-block;
  margin-right: 20px;
  font-size: 14px;
  font-weight: 600;
  opacity: .8;
  vertical-align: middle; }

.categories-02 li:last-child {
  margin-right: 0; }

.categories-02 li a {
  color: rgba(0, 0, 0, 0.85); }

.categories-02 .line:after {
  content: "";
  font-size: 23px;
  left: auto;
  position: absolute;
  right: -14px;
  font-weight: 400;
  top: 8px;
  width: 5px;
  background: rgba(0, 0, 0, 0.5);
  height: 5px;
  display: inline-block;
  border-radius: 8px; }

/* offer section demo-2 */
ul.countdown.count-style1 li {
  border-right: none; }

ul.countdown.count-style1 li span {
  color: #282b2d; }

/* featured-products */
.featured-products .owl-nav .owl-prev {
  color: #282b2d !important;
  background: none;
  box-shadow: none;
  margin: 0 20px 0 0 !important;
  padding: 0;
  height: unset;
  width: unset;
  border-radius: 0; }

.featured-products .owl-nav .owl-next {
  color: #282b2d !important;
  background: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  height: unset;
  width: unset;
  border-radius: 0; }

.featured-products .owl-nav .owl-next i {
  margin-left: 10px;
  vertical-align: middle;
  font-size: 13px; }

.featured-products .owl-nav .owl-prev i {
  margin-right: 10px;
  vertical-align: middle;
  font-size: 13px; }

.featured-products.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 30px; }

.featured-products.owl-theme .owl-dots {
  margin-top: 30px; }

.featured-products.owl-theme .owl-dots .custom-dot {
  margin-top: 0; }

.featured-products.owl-theme .owl-dots .custom-dot span {
  background: rgba(0, 0, 0, 0.09); }

.featured-products.owl-theme .owl-dots .custom-dot.active span, .featured-products.owl-theme .owl-dots .custom-dot:hover span {
  background-color: #86bc42; }

/* arrivals section */
.arrivals h4:after {
  content: '';
  background-color: #dadada;
  position: absolute;
  height: 1px;
  width: 66%;
  top: 14px;
  right: 0; }

.new-arrivals {
  margin: 15px 0; }

.new-arrivals-thumb {
  float: left;
  width: 20%; }

.new-arrivals-content {
  float: left;
  width: 80%;
  padding-left: 10px;
  margin-top: 5px; }

.new-arrivals-content a {
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  margin-top: -5px; }

.new-arrivals-content span {
  font-size: 13px;
  font-weight: 300; }

/* offer banner section */
.offer-block-inner {
  position: absolute;
  top: 25%;
  right: 19%; }

.offer-block-inner h5:before {
  content: "sale's";
  position: absolute;
  font-size: 64px;
  font-weight: 700;
  opacity: 0.2;
  text-transform: uppercase;
  right: -16px;
  top: -10px; }

/* services section */
.services-block {
  height: 70px; }

.services-block .services-icon {
  background-color: #bfbfbb;
  width: 70px;
  right: 0;
  top: 0;
  text-align: center;
  position: absolute;
  display: block; }

.services-block .services-title {
  background-color: #dbdbd9;
  padding-right: 70px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #282b2d;
  display: block;
  height: 100%;
  text-transform: uppercase;
  line-height: 70px; }

/* service2 section demo-14 */
.services-block-5 {
  position: relative;
  overflow: hidden;
  padding: 100px 45px 45px;
  border-radius: 5px; }

.services-block-5 .services-text {
  position: relative;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  transition: all 900ms ease; }

.services-block-5:hover .services-text, .services-block-5.active .services-text {
  opacity: 0; }

.services-block-5 span:before {
  position: absolute;
  content: '';
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 25px;
  background-color: rgba(255, 255, 255, 0.6); }

.services-block-5 .overlay-box {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  z-index: 2;
  padding: 10px 45px;
  opacity: 0;
  display: block;
  -moz-transform: translateY(60px);
  -webkit-transform: translateY(60px);
  -ms-transform: translateY(60px);
  -o-transform: translateY(60px);
  transform: translateY(60px);
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  transition: all 900ms ease; }

.services-block-5:hover .overlay-box, .services-block-5.active .overlay-box {
  opacity: 1;
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px); }

/* ===================================
    Blog
====================================== */
.blog-card {
  border: 1px solid rgba(0, 0, 0, 0.075);
  border-radius: 0;
  height: 100%; }

.blog-card .card-img {
  border-radius: 0; }

.blog-card .card-body {
  padding: 2rem; }

.blog-card .card-body .read-more {
  display: block; }

.blog-card .card-body .read-more a {
  color: #86bc42;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px; }

.blog-card .card-body .read-more a:hover {
  color: #282b2d; }

.blog-card .card-footer:last-child {
  border-radius: 0; }

.blog-card h3 {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 12px; }

.blog-card h3 a {
  color: #282b2d; }

.blog-card h3 a:hover {
  color: #86bc42; }

.blog-card .card-footer {
  background: none;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 0.8rem 2rem;
  font-weight: 600; }

.blog-card .card-footer a {
  line-height: normal; }

.blog-card ul {
  margin-bottom: 0;
  padding-bottom: 0; }

.blog-card .card-footer img {
  max-width: 35px; }

.blog-card .card-footer ul li {
  display: inline-block;
  color: #999;
  font-size: 14px;
  font-weight: 500;
  margin: 0 10px 0 0; }

.blog-card .card-footer ul li i {
  color: #86bc42;
  font-size: 16px;
  font-weight: 500;
  margin-right: 5px; }

@media screen and (max-width: 767px) {
  .blog-card .card-img.bg-img {
    min-height: 250px; } }

@media screen and (max-width: 575px) {
  .blog-card .card-body {
    padding: 1.5rem; } }

/* blog card two */
.blog-card-two {
  border: 1px solid rgba(0, 0, 0, 0.09);
  height: 100%; }

.blog-card-two .date {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 76px;
  height: 76px;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  z-index: 101;
  color: #282b2d;
  padding: 12px 0;
  border-radius: 3px; }

.blog-card-two .month {
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: .167em; }

.blog-card-two .day {
  display: block;
  font-size: 30px;
  font-weight: 700;
  line-height: normal; }

.blog-card-two .card-img {
  overflow: hidden;
  -webkit-border-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.blog-card-two .card-img img {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  backface-visibility: hidden;
  -webkit-transition: .6s;
  -moz-transition: .6s;
  transition: .6s; }

.blog-card-two .card-img:hover img {
  -webkit-transform: scale(1.04);
  -moz-transform: scale(1.04);
  transform: scale(1.04); }

.blog-card-two .card-body {
  padding: 2rem; }

.blog-card-two .card-body h3 {
  margin-bottom: 20px;
  line-height: 24px; }

.blog-card-two .card-body h3 a {
  font-size: 18px;
  line-height: 24px;
  color: #232323; }

.blog-card-two .card-body h3 a:hover {
  color: #86bc42; }

.blog-card-two .category {
  margin-bottom: 5px;
  display: block; }

.blog-card-two .category a {
  color: #86bc42;
  font-size: 14px;
  letter-spacing: 0.5px;
  font-weight: 600; }

.blog-card-two .category a:hover {
  color: #232323; }

.blog-card-two .read-more {
  font-weight: 600; }

/* blog card three */
.blog-card-three {
  border: none;
  box-shadow: none;
  height: 100%; }

.blog-card-three .card-body {
  max-width: 95%;
  margin: 0 auto;
  box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.07);
  padding: 30px 20px;
  margin-top: -40px;
  background-color: #fff;
  z-index: 99;
  position: relative; }

.blog-card-three .card-body h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 26px; }

.blog-card-three .card-body .read-more a {
  color: #86bc42;
  font-weight: 600;
  font-size: 14px; }

.blog-card-three .card-body .read-more i {
  font-size: 10px;
  vertical-align: middle;
  margin-left: 2px; }

.blog-card-three .card-img img {
  border-radius: 3px; }

/* blog style1 */
.blog-style1 .item {
  box-shadow: 0px 5px 35px 0px rgba(148, 146, 245, 0.15);
  background: #fff;
  height: 100%; }

.blog-style1 .item .post-img {
  position: relative;
  overflow: hidden; }

.blog-style1 .item .post-img:hover img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }

.blog-style1 .item .post-img img {
  width: 100%;
  -webkit-filter: none;
  filter: none;
  transition: 0.3s; }

.blog-style1 .item .content {
  padding: 30px;
  text-align: left; }

.blog-style1 .item .content .tag {
  font-size: 12px;
  margin-bottom: 0;
  letter-spacing: 1px; }

.blog-style1 .item .content .read-more {
  margin-top: 20px;
  font-weight: 600; }

.blog-style1 .item .content .read-more:hover {
  text-decoration: underline; }

.blog-style1 .item .content h5 {
  font-size: 16px;
  line-height: normal;
  text-transform: inherit; }

@media screen and (max-width: 991px) {
  .blog-style1 .item .content {
    padding: 25px; } }

@media screen and (max-width: 767px) {
  .blog-style1 .item .content {
    padding: 20px; }
  .blog-style1 .item .content h5 {
    font-size: 15px; } }

.blogs .post {
  margin-bottom: 50px; }

.blogs .post .content {
  padding: 30px;
  background: #fafafa; }

.blogs .post .content .post-title h5 {
  margin-bottom: 0; }

.blogs .post .content .post-title h5 a {
  color: #282b2d; }

.blogs .post .content .post-title h5 a:hover {
  color: #F24259; }

.blogs .post .content .meta {
  margin-bottom: 15px; }

.blogs .post .content .meta li {
  display: inline-block;
  font-size: 12px;
  color: #777;
  margin: 5px; }

.blogs .post .content .special {
  padding: 15px;
  margin: 30px 0;
  border-left: 2px solid #111;
  background: #f7f7f7;
  font-size: 16px; }

.blogs .post .content .btn {
  border-color: #6f6f6f;
  color: #6f6f6f;
  min-width: auto;
  padding: 6px 20px;
  font-size: 12px; }

.blogs .post .content .btn:hover {
  color: #fff;
  border-color: #F24259; }

.blogs .post .share-post {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px dashed #ddd;
  text-align: left; }

.blogs .post .share-post span {
  font-weight: 700; }

.blogs .post .share-post ul {
  float: right; }

.blogs .post .share-post ul li {
  display: inline-block;
  margin: 0 10px; }

.blogs .post .post-img img {
  width: 100%; }

.blogs .posts .title-g h3 {
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 10px; }

.blogs .comments-area .comment-box {
  padding-bottom: 30px;
  margin-bottom: 50px;
  border-bottom: 1px solid #eee; }

.blogs .comments-area .comment-box:nth-child(odd) {
  margin-left: 80px; }

.blogs .comments-area .comment-box:last-child {
  margin-bottom: 30px; }

.blogs .comment-box .author-thumb {
  width: 80px;
  float: left; }

.blogs .comment-box .comment-info {
  margin-left: 100px; }

.blogs .comment-box .comment-info h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px; }

.blogs .comment-box .comment-info .reply {
  margin-top: 10px;
  font-weight: 600; }

.blogs .comment-box .comment-info .reply i {
  padding-right: 5px;
  font-size: 12px; }

.pagination {
  border-radius: 0;
  padding: 0;
  margin: 0; }

.pagination ul {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 auto;
  padding: 0; }

.pagination li {
  display: inline; }

.pagination a {
  float: left;
  padding: 0 18px;
  line-height: 40px;
  text-decoration: none;
  border: 1px solid #dbdbdb;
  border-left-width: 0;
  background: #fff; }

.pagination a:hover {
  background-color: #282b2d;
  color: #fff; }

.pagination .active a {
  background-color: #f7f7f7;
  color: #999;
  cursor: default; }

.pagination .disabled span {
  color: #999;
  background-color: transparent;
  cursor: default; }

.pagination .disabled a {
  color: #999;
  background-color: transparent;
  cursor: default; }

.pagination .disabled a:hover {
  color: #999;
  background-color: transparent;
  cursor: default; }

.pagination li:first-child a {
  border-left-width: 1px; }

.blockquote {
  background: #f1f1f1;
  border-left: 4px solid #86bc42;
  font-size: 16px;
  font-weight: 500;
  margin: 25px 0;
  padding: 20px 30px 30px; }

.blockquote p {
  font-size: 15px;
  font-weight: 500;
  line-height: 190%;
  color: #282b2d;
  letter-spacing: .5px; }

.blockquote h4 {
  font-size: 20px;
  font-weight: 400;
  color: #282b2d;
  letter-spacing: .5px; }

/*side bar*/
.side-bar .widget {
  margin-bottom: 30px; }

.side-bar .widget:last-child {
  margin-bottom: 0; }

.side-bar .widget .widget-title h5, .side-bar .widget .widget-title h6 {
  position: relative;
  padding-bottom: 5px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 20px; }

.side-bar .widget .widget-title h5:after, .side-bar .widget .widget-title h6:after {
  content: '';
  width: 30px;
  height: 1px;
  background: #86bc42;
  position: absolute;
  bottom: 0;
  left: 0; }

.side-bar .widget li {
  font-size: 14px;
  position: relative;
  padding: 0 0 0 16px;
  margin: 0 0 9px 0;
  color: #6f6f6f; }

.side-bar .widget li:last-child {
  margin: 0; }

.side-bar .widget li a:after {
  content: "\e649";
  font-family: 'themify';
  position: absolute;
  font-size: 8px;
  top: 0;
  left: 0; }

.side-bar .widget li a:hover:after {
  color: #86bc42; }

/* newsletter */
.search-form .search-elements {
  position: relative; }

.search-form .search-submit-inner {
  position: absolute;
  right: 16px;
  top: -49px;
  width: auto;
  background: #f5f5f5;
  height: 48px;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-top-right-radius: 0.25em;
  -webkit-border-bottom-right-radius: 0.25em;
  -moz-border-radius-topright: 0.25em;
  -moz-border-radius-bottomright: 0.25em;
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0.25em; }

.search-form input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 50px;
  padding: 0.5rem 4rem 0.5rem 1rem;
  font-size: 14px; }

.search-form i {
  font-size: 1.2rem;
  line-height: 2rem; }

@media screen and (max-width: 1199px) {
  .blog-grid-text ul li {
    margin: 0 8px 0 0; } }

@media screen and (max-width: 767px) {
  .blog-grid-text ul li {
    font-size: 13px; }
  .blog-grid-text ul li i {
    font-size: 14px; } }

/* blog style3 */
.blog-grid-simples {
  position: relative;
  background: #fff;
  border: 1px solid #ececec;
  box-shadow: 0px 3px 10px 0px rgba(38, 59, 94, 0.1);
  padding: 40px;
  height: 100%; }

.blog-grid-simples h4 {
  font-size: 18px;
  font-weight: 600; }

.blog-grid-simples h4:after {
  border-bottom: 2px solid #86bc42;
  margin-top: 15px;
  content: "";
  display: block;
  text-align: center;
  width: 30%;
  -moz-transition-duration: .5s;
  -ms-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s; }

.blog-grid-simples:hover h4:after {
  width: 90%; }

.blog-grid-simples h4 a {
  font-size: 18px;
  font-weight: 600; }

.blog-grid-simples h4 a:hover {
  color: #86bc42; }

.blog-grid-simples-date i {
  color: #999;
  font-size: 20px; }

.blog-grid-simples-date h5 {
  color: #999;
  font-size: 13px;
  margin-top: 3px;
  display: inline-block;
  margin: 0; }

.blog-grid-simples-content {
  border-top: 1px solid #ececec;
  padding-top: 20px;
  margin-top: 15px; }

.blog-grid-simples-content a {
  display: inline-block;
  color: #86bc42;
  font-weight: 600;
  font-size: 14px;
  margin-top: 2px; }

.blog-grid-simples-content a:after {
  content: '\f105';
  font-size: 14px;
  font-family: "FontAwesome";
  color: #86bc42;
  margin-left: 10px;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

.blog-grid-simples-content a:hover {
  color: #282b2d; }

.blog-grid-simples-content a:hover:after {
  color: #282b2d; }

@media screen and (max-width: 1199px) {
  .blog-grid-simples {
    padding: 25px; } }

@media screen and (max-width: 767px) {
  .blog-grid-simples h4 {
    font-size: 16px; }
  .blog-grid-simples h4:after {
    margin-top: 10px; }
  .blog-grid-simples h4 a {
    font-size: 16px; }
  .blog-grid-simples-content {
    padding-top: 15px;
    margin-top: 10px; }
  .blog-grid-simples-content a:after {
    display: none; } }

/* blog style4 */
.blog-grids4 {
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.1); }

.blog-grids4 img {
  width: 100%; }

.blog-grids4 .blog-grid-text {
  padding: 25px;
  position: relative; }

.blog-grids4 .blog-grid-text h4 {
  font-size: 16px;
  line-height: normal;
  margin-bottom: 0; }

.blog-grids4 .blog-grid-text p {
  color: #999;
  font-weight: 400;
  padding: 15px 0 0 0; }

.blog-grids4 .blog-date span {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase; }

.blog-grids4 .sepratar {
  border: 1px solid #86bc42;
  width: 50px;
  margin: 10px 0; }

.blog-grids4 .blog-date {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fff;
  padding: 10px 20px; }

@media screen and (max-width: 1199px) {
  .blog-grids4 .blog-grid-text p {
    padding: 10px 0 0 0; } }

@media screen and (max-width: 991px) {
  .blog-grids4 .blog-grid-text {
    padding: 20px; }
  .blog-grids4 .blog-date {
    padding: 8px 15px; }
  .blog-grids4 .blog-date span {
    font-size: 14px; } }

@media screen and (max-width: 767px) {
  .blog-grids4 .blog-grid-text p {
    padding: 5px 0 0 0; }
  .blog-grids4 .blog-date {
    padding: 6px 12px; }
  .blog-grids4 .blog-date span {
    font-size: 12px;
    letter-spacing: 1px; } }

/* blog style5 */
.blog-style5 .blog-grids ul {
  margin-bottom: 0; }

.blog-style5 .blog-grids li {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ededed; }

.blog-style5 .blog-grids li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none; }

.blog-style5 .blog-grids li a {
  display: inline-block;
  width: 100%; }

.blog-style5 .blog-grids .blog-img {
  width: 90px;
  display: inline-block;
  vertical-align: top; }

.blog-style5 .blog-grids .blog-text-item {
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
  width: 75%; }

.blog-style5 .blog-grids .blog-text-item h3 {
  margin-bottom: 10px;
  line-height: 24px; }

.blog-style5 .blog-grids .blog-text-item .post-date {
  color: #282b2d; }

.blog-style5 .blog-grids .blog-text-item .post-date:before {
  color: #86bc42;
  margin-right: 8px;
  content: "\f073";
  display: inline-block;
  font-family: Font Awesome\ 5 Free;
  font-size: 20px; }

.blog-style5 .blog-grids a:hover h3 {
  color: #86bc42; }

.blog-style5 .blog-grids a:hover span {
  color: #282b2d; }

@media screen and (max-width: 991px) {
  .blog-style5 .blog-grids .blog-text-item h3 {
    margin-bottom: 8px; } }

@media screen and (max-width: 767px) {
  .blog-style5 .blog-grids .blog-text-item .post-date:before {
    font-size: 18px; }
  .blog-style5 .blog-grids li {
    margin-bottom: 15px;
    padding-bottom: 15px; }
  .blog-style5 .blog-grids .blog-text-item h3 {
    margin-bottom: 5px; } }

@media screen and (max-width: 575px) {
  .blog-style5 .blog-grids .blog-img {
    width: 75px; }
  .blog-style5 .blog-grids .blog-text-item {
    padding-left: 15px;
    width: 72%; }
  .blog-style5 .blog-grids .blog-text-item .post-date:before {
    font-size: 16px; }
  .blog-style5 .blog-grids span {
    font-size: 12px; } }

/* blog style6 */
.blog-style6 .blog-item {
  float: left;
  width: 100%; }

.blog-style6 .blog-item-thumbnail img {
  width: 100%;
  border-radius: 3px; }

.blog-style6 .blog-meta {
  text-transform: uppercase;
  width: 24%;
  float: left;
  padding: 16px 25px;
  text-align: center;
  color: #fff;
  font-weight: 600;
  border-radius: 2px;
  overflow: hidden;
  color: #fff;
  background-color: #86bc42; }

.blog-style6 .date-day {
  font-weight: 600;
  font-size: 22px;
  line-height: 1;
  margin-bottom: 5px; }

.blog-style6 .date-month {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px; }

.blog-style6 .blog-title {
  float: left;
  width: 76%;
  padding-left: 20px; }

.blog-style6 .blog-title a {
  font-size: 18px;
  line-height: 1.25;
  margin-bottom: 18px;
  font-weight: 600; }

.blog-style6 .post-cat {
  color: #999;
  float: left;
  width: 76%;
  padding-left: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  margin-bottom: 5px; }

.blog-style6 .blog-item-content {
  position: relative;
  float: left;
  width: 100%; }

.blog-style6 .blog-item-thumbnail {
  margin-bottom: 20px; }

.blog-style6 .blog-meta span {
  display: inline-block;
  margin-right: 15px; }

@media screen and (max-width: 1199px) {
  .blog-style6 .blog-meta {
    padding: 15px; }
  .blog-style6 .blog-title a {
    font-size: 16px;
    line-height: 1; } }

@media screen and (max-width: 991px) {
  .blog-style6 .blog-meta {
    padding: 10px; }
  .blog-style6 .date-day {
    font-size: 20px;
    margin-bottom: 2px; }
  .blog-style6 .post-cat {
    padding-left: 15px;
    margin-bottom: 0; }
  .blog-style6 .blog-title {
    padding-left: 15px;
    line-height: 22px; }
  .blog-style6 .blog-title a {
    font-size: 14px;
    line-height: 22px; } }

@media screen and (max-width: 767px) {
  .blog-style6 .post-cat {
    width: 70%;
    padding-left: 15px; }
  .blog-style6 .blog-title {
    width: 70%;
    padding-left: 15px; }
  .blog-style6 .blog-title a {
    font-size: 14px; }
  .blog-style6 .blog-meta {
    padding: 12px 10px 8px 10px;
    width: 80px; }
  .blog-style6 .blog-item-thumbnail {
    margin-bottom: 15px; }
  .blog-style6 .date-day {
    margin: 0; } }

/* blog style7 */
.blog-style7 {
  background: #fff;
  box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06); }

/* blog style8 */
.blog-style8:before {
  position: absolute;
  content: '';
  top: 20%;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #191919 100%);
  z-index: 0;
  border-radius: inherit;
  opacity: 9; }

.blog-style8 a {
  color: #fff; }

.blog-style8 a:hover {
  color: #86bc42; }

/* ===================================
    Contact info
====================================== */
/* quform */
.quform-input {
  position: relative; }

.quform-element > label {
  font-weight: normal;
  padding-bottom: 5px;
  margin-bottom: 0;
  color: #616161; }

.quform-element > label .quform-required {
  color: #cc0101;
  font-size: 10px; }

.quform-inner input {
  width: 100%; }

.quform-elements .quform-element textarea {
  margin-bottom: 0;
  padding: 12px 15px;
  vertical-align: top; }

.quform-elements .quform-element select {
  margin-bottom: 0;
  padding: 12px 15px; }

.quform-errors {
  padding: 0;
  margin: 0;
  line-height: normal; }

.quform-errors > .quform-error {
  padding: 0;
  background: none;
  border: none;
  float: none;
  color: #f5543f;
  font-size: 11px;
  line-height: normal; }

.quform-outer-no-js .quform-error {
  padding: 0;
  background: none;
  border: none;
  float: none;
  color: #f5543f;
  font-size: 11px;
  line-height: normal; }

.quform-has-error input, .quform-has-error textarea, .quform-has-error select, .quform-has-error input[type=file], .quform-has-error .custom-file-label {
  border-color: #f5543f; }

.quform-success-message, .quform-outer-no-js .quform-success-message {
  padding: 0.75rem 1.25rem 0.75rem 3rem; }

.quform-input .quform-errors-wrap {
  position: absolute;
  right: 8px;
  top: 0;
  line-height: normal;
  z-index: 9; }

.quform-submit-inner {
  float: none; }

.quform-loading-wrap {
  float: none; }

.quform-loading-wrap .quform-loading {
  display: inline-block; }

.form-control:focus {
  color: #495057;
  background-color: #ffffff;
  border-color: #86bc42;
  outline: 0;
  box-shadow: none; }

.light-validation .quform-errors > .quform-error {
  color: #fff; }

/* newsletter */
.newsletter-form .quform-elements {
  position: relative; }

.newsletter-form .quform-submit-inner {
  position: absolute;
  right: 16px;
  top: -49px;
  width: auto;
  background: #f5f5f5;
  height: 48px;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-top-right-radius: 0.25em;
  -webkit-border-bottom-right-radius: 0.25em;
  -moz-border-radius-topright: 0.25em;
  -moz-border-radius-bottomright: 0.25em;
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0.25em; }

.newsletter-form .quform-loading-wrap {
  margin-top: 15px;
  margin-bottom: 0;
  margin-left: 0; }

.newsletter-form input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 50px;
  padding: 0.5rem 4rem 0.5rem 1rem;
  font-size: 14px; }

.newsletter-form .quform-has-error input, .newsletter-form .quform-has-error textarea, .newsletter-form .quform-has-error select {
  border-color: #f5543f; }

.newsletter-form .quform-input .quform-errors-wrap {
  right: 15px; }

.newsletter-form i {
  font-size: 1.2rem;
  line-height: 2rem; }

/* newsletter style2*/
.newsletter-rounded .quform-elements {
  position: relative; }

.newsletter-rounded .quform-submit-inner {
  position: absolute;
  right: 18px;
  top: -54px;
  width: auto; }

.newsletter-rounded .quform-loading-wrap {
  margin-top: 15px;
  margin-bottom: 0;
  margin-left: 0; }

.newsletter-rounded input {
  border: 2px solid rgba(0, 0, 0, 0.1);
  height: 60px;
  padding: 0.5rem 4rem 0.5rem 1.5rem; }

.newsletter-rounded .quform-has-error input, .newsletter-rounded .quform-has-error textarea, .newsletter-rounded .quform-has-error select {
  border-color: #f5543f; }

.newsletter-rounded .quform-input .quform-errors-wrap {
  right: 15px; }

.newsletter-rounded i {
  font-size: 1.5rem;
  line-height: 2rem; }

.contact-info .item {
  margin-bottom: 20px;
  border: 3px solid rgba(0, 0, 0, 0.1);
  padding: 20px 15px; }

.contact-info .item .icon {
  font-size: 20px;
  float: left;
  width: 50px;
  text-align: center; }

.contact-info .item .cont {
  margin-left: 55px; }

.contact-info .item p {
  margin-bottom: 0; }

@media screen and (max-width: 991px) {
  .contact-info .item {
    padding: 15px 10px;
    margin-bottom: 15px; } }

.side-bar .widget .social-listing {
  margin-bottom: 0; }

.side-bar .widget .social-listing li {
  list-style: none;
  display: inline-block; }

.side-bar .widget .social-listing li a:after {
  content: none;
  background: none; }

.side-bar .widget .social-listing li:first-child {
  padding-left: 0; }

/* social links */
.social-icon-style1 {
  margin-bottom: 0; }

.social-icon-style1 li {
  text-align: center;
  margin-right: 4px;
  display: inline-block; }

.social-icon-style1 li a {
  background: #86bc42;
  border: 1px solid #86bc42;
  color: #fff;
  border-radius: 35px;
  height: 35px;
  width: 35px;
  line-height: 35px;
  display: inline-block; }

.social-icon-style1 li a:hover {
  background: #fff;
  color: #86bc42; }

/* social links2 */
.social-icon-style2 {
  margin-bottom: 0; }

.social-icon-style2 li {
  text-align: center;
  margin-right: 5px;
  display: inline-block; }

.social-icon-style2 li:last-child {
  margin-right: 0; }

.social-icon-style2 li a {
  background: #f9f9f9;
  border: 1px solid #86bc42;
  color: #86bc42;
  border-radius: 35px;
  height: 35px;
  width: 35px;
  line-height: 35px;
  display: inline-block; }

.social-icon-style2 li a:hover {
  background: #86bc42;
  color: #fff; }

/* social links3 */
.social-icon-style3 {
  margin-bottom: 0; }

.social-icon-style3 li {
  text-align: center;
  margin-right: 10px;
  display: inline-block; }

.social-icon-style3 li a {
  color: #6f6f6f;
  display: inline-block;
  font-size: 16px; }

.social-icon-style3 li a:hover {
  color: #86bc42; }

/* social links4 */
.social-icon-style4 {
  padding: 0;
  float: right;
  margin: 0; }

.social-icon-style4 li {
  font-size: 14px;
  list-style-type: none;
  float: left;
  width: 35px;
  text-align: center;
  margin: 0;
  padding: 13px 0; }

.social-icon-style4 li a {
  opacity: .7;
  color: #fff;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

/* social links5 */
.social-icon-style5 li {
  display: inline-block;
  margin-right: 30px; }

.social-icon-style5 li:last-child {
  margin-right: 0; }

.social-icon-style5 li a {
  color: #939393;
  font-size: 22px; }

.social-icon-style5 li a:hover {
  color: #fff; }

/* social links6 */
.social-icon-style6 {
  margin-bottom: 0; }

.social-icon-style6 li {
  text-align: center;
  margin-right: 5px;
  display: inline-block; }

.social-icon-style6 li:last-child {
  margin-right: 0; }

.social-icon-style6 li a {
  border: 1px solid #6f6f6f;
  color: #6f6f6f;
  border-radius: 35px;
  height: 35px;
  width: 35px;
  line-height: 35px;
  display: inline-block; }

.social-icon-style6 li a:hover {
  background: #282b2d;
  color: #fff; }

/* social links7 */
.social-icon-style7 {
  margin-bottom: 0; }

.social-icon-style7 li {
  text-align: center;
  margin-right: 5px;
  display: inline-block; }

.social-icon-style7 li:last-child {
  margin-right: 0; }

.social-icon-style7 li a {
  border: 1px solid #d5d5d5;
  border-radius: 35px;
  height: 35px;
  width: 35px;
  line-height: 35px;
  display: inline-block;
  background: #efefef;
  color: #8c8c8c; }

.social-icon-style7 li a:hover {
  background: #86bc42;
  color: #fff; }

/* social links8 */
.social-icon-style8 li {
  display: inline-block;
  margin-right: 1px; }

.social-icon-style8 li:last-child {
  margin-right: 0; }

.social-icon-style8 li a {
  font-size: 16px;
  color: #7d7d7d;
  padding: 0;
  margin-right: 15px;
  display: inline-block;
  background-color: transparent;
  text-align: center;
  vertical-align: middle; }

.social-icon-style8 li a:hover {
  color: #86bc42; }

.social-icon-style8 li a i {
  vertical-align: middle; }

/* social links9 */
.social-icon-style9 {
  margin-bottom: 0; }

.social-icon-style9 li {
  font-size: 18px;
  position: relative;
  padding: 0 0 0 16px;
  margin: 0 0 9px 0;
  color: #6f6f6f;
  list-style: none;
  display: inline-block; }

.social-icon-style9 li a:after {
  content: none;
  background: none; }

.social-icon-style9 li:first-child {
  padding-left: 0; }

/* contact detail */
.contact-map {
  height: 400px;
  width: 100%;
  vertical-align: top; }

.contact-info-section {
  border-bottom: 1px solid #ececec;
  padding: 25px 0;
  margin-bottom: 0;
  -moz-transition-duration: .5s;
  -ms-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s; }

.contact-info-section i {
  width: 25px;
  height: 25px;
  padding-top: 7px;
  border-radius: 50%;
  background: #86bc42;
  color: #fff;
  font-size: 12px;
  margin-right: 5px;
  line-height: 11px; }

.contact-info-section h4 {
  color: #282b2d;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
  line-height: normal; }

.contact-info-section p {
  color: #999;
  font-size: 15px;
  font-weight: 400;
  margin: 0; }

.contact-box {
  text-align: center;
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 2px;
  -moz-box-shadow: 0 20px 80px rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 20px 80px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 20px 80px rgba(0, 0, 0, 0.12);
  -o-box-shadow: 0 20px 80px rgba(0, 0, 0, 0.12);
  box-shadow: 0 20px 80px rgba(0, 0, 0, 0.12);
  margin: 10px 0;
  padding: 20px 15px;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

.contact-box i {
  background: #86bc42;
  color: #fff;
  font-size: 35px;
  margin: 10px 0 20px;
  height: 75px;
  width: 75px;
  line-height: 75px;
  border-radius: 50%; }

.contact-box h4 {
  color: #282b2d;
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 5px;
  line-height: normal; }

.contact-box span {
  color: #999;
  font-size: 14px; }

/* newsletter 2 */
.newsletter-block {
  background: #86bc42;
  padding: 37px 30px;
  border-radius: 4px;
  color: #fff; }

.newsletter-block input, .newsletter-block textarea, .newsletter-block select {
  padding: 12px 12px;
  font-size: 14px;
  border-radius: 4px;
  height: auto; }

.newsletter-block h4, .newsletter-block h3 {
  color: #fff;
  font-weight: 700; }

@media screen and (max-width: 1199px) {
  .newsletter-block {
    padding: 43px 30px; } }

@media screen and (max-width: 991px) {
  .newsletter-block {
    padding: 35px 30px; } }

/* ===================================
    Footer
====================================== */
footer {
  padding: 50px 0 0;
  background: #1f1f1f;
  color: #939393; }

footer p {
  margin-bottom: 0; }

footer h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 30px;
  line-height: 1;
  position: relative; }

footer h3:after {
  content: '';
  display: block;
  width: 70px;
  height: 2px;
  background: #86bc42;
  margin-top: 12px; }

.footer-bar {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 50px;
  text-align: center;
  background: #191919;
  color: #939393; }

.footer-bar span {
  color: #86bc42;
  font-size: 15px;
  font-weight: 400; }

.footer-social-icons ul {
  margin-bottom: 0; }

.footer-social-icons ul li {
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  margin-right: 10px;
  margin-bottom: 5px;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: 0.3s; }

.footer-social-icons ul li a {
  color: #939393;
  display: block;
  font-size: 15px;
  height: 35px;
  line-height: 34px;
  text-align: center;
  width: 35px; }

.footer-social-icons ul li:hover {
  background: #86bc42;
  border-color: #86bc42; }

.footer-social-icons ul li:hover i {
  color: #fff; }

/*small*/
.footer-social-icons.small ul li {
  margin-bottom: 0; }

.footer-social-icons.small ul li a {
  font-size: 12px;
  height: 25px;
  line-height: 26px;
  width: 25px; }

.footer-social-icons2 ul {
  margin-bottom: 0; }

.footer-social-icons2 ul li {
  display: inline-block;
  border: 1px solid #6f6f6f;
  border-radius: 50%;
  color: #6f6f6f;
  margin-right: 10px;
  margin-bottom: 0;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: 0.3s; }

.footer-social-icons2 ul li a {
  color: #939393;
  display: block;
  font-size: 15px;
  height: 35px;
  line-height: 34px;
  text-align: center;
  width: 35px; }

.footer-social-icons2 ul li:hover {
  background: #86bc42;
  border-color: #86bc42; }

.footer-social-icons2 ul li:hover i {
  color: #fff; }

.footer-subscribe {
  margin-top: 20px;
  margin-bottom: 0;
  position: relative; }

.footer-subscribe input {
  background: #fff;
  border-radius: 6px;
  font-size: 14px;
  border: 0px solid;
  height: 40px;
  outline: none;
  box-shadow: none;
  padding: 6px 95px 6px 12px;
  margin-bottom: 0; }

.footer-subscribe input:focus {
  background: #fff;
  border-radius: 6px;
  font-size: 14px;
  border: 0px solid;
  height: 40px;
  outline: none;
  box-shadow: none;
  padding: 6px 95px 6px 12px;
  margin-bottom: 0; }

.footer-subscribe .butn {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  -webkit-border-radius: 0;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius: 0;
  -moz-border-radius-top-right: 4px;
  -moz-border-radius-bottom-right: 4px;
  -ms-border-radius: 0;
  -ms-border-top-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-radius: 0;
  -o-border-top-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #fff;
  line-height: 15px; }

.footer-subscribe .butn:after {
  -webkit-border-radius: 0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius: 0;
  -moz-border-radius-top-right: 3px;
  -moz-border-radius-bottom-right: 3px;
  -ms-border-radius: 0;
  -ms-border-top-right-radius: 3px;
  -ms-border-bottom-right-radius: 3px;
  -o-border-radius: 0;
  -o-border-top-right-radius: 3px;
  -o-border-bottom-right-radius: 3px;
  border-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background: #e5e5e5; }

.footer-subscribe .butn:hover {
  -webkit-border-radius: 0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius: 0;
  -moz-border-radius-top-right: 3px;
  -moz-border-radius-bottom-right: 3px;
  -ms-border-radius: 0;
  -ms-border-radius-top-right: 3px;
  -ms-border-radius-bottom-right: 3px;
  -o-border-radius: 0;
  -o-border-radius-top-right: 3px;
  -o-border-radius-bottom-right: 3px;
  border-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.footer-subscribe .butn:hover:after {
  -webkit-border-radius: 0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius: 0;
  -moz-border-radius-top-right: 3px;
  -moz-border-radius-bottom-right: 3px;
  -ms-border-radius: 0;
  -ms-border-radius-top-right: 3px;
  -ms-border-radius-bottom-right: 3px;
  -o-border-radius: 0;
  -o-border-radius-top-right: 3px;
  -o-border-radius-bottom-right: 3px;
  border-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.footer-subscribe .butn span {
  color: #fff; }

.footer-subscribe .butn:hover span {
  color: #282b2d; }

.footer-subscribe .butn.theme:after {
  background: #000; }

.footer-subscribe .butn.theme:hover span {
  color: #fff; }

.footer-subscribe .butn.white {
  color: #282b2d; }

.footer-subscribe .butn.white:after {
  background: #282b2d; }

.footer-subscribe .butn.theme.white-hover:hover {
  background: #fff; }

.footer-subscribe .butn.theme.white-hover:hover span {
  color: #282b2d; }

.footer-subscribe .butn.theme.white-hover:after {
  background: #fff; }

.footer-subscribe .butn.theme.grey-hover:hover {
  background: #e5e5e5; }

.footer-subscribe .butn.theme.grey-hover:hover span {
  color: #282b2d; }

.footer-subscribe .butn.theme.grey-hover:after {
  background: #e5e5e5; }

/* footer-list */
.footer-list {
  margin: 0; }

.footer-list li {
  list-style-type: none;
  color: #939393;
  padding: 6px 0; }

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

.footer-list li a {
  font-size: 15px;
  font-weight: 400;
  color: #939393; }

.footer-list li a:before {
  content: '\f105';
  font-weight: 700;
  vertical-align: bottom;
  font-family: Font Awesome\ 5 Free;
  color: #939393;
  padding-right: 8px;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

.footer-list li a:hover {
  color: #fff; }

.footer-list li a:hover:before {
  color: #fff; }

/* footer-list2 */
.footer-list-style2 {
  margin: 0; }

.footer-list-style2 li {
  list-style-type: none;
  color: #fff;
  padding: 6px 0; }

.footer-list-style2 li:first-child {
  padding-top: 0; }

.footer-list-style2 li a {
  font-size: 15px;
  font-weight: 400;
  color: #fff; }

.footer-list-style2 li a:before {
  content: '\f105';
  font-weight: 700;
  font-family: Font Awesome\ 5 Free;
  color: #fff;
  padding-right: 8px;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

.footer-list-style2 li a:hover {
  opacity: 0.65; }

.footer-list-style2 li a:hover:before {
  opacity: 0.65; }

/* footer-list3 */
.footer-list-style3 {
  margin: 0; }

.footer-list-style3 li {
  list-style-type: none;
  color: #6f6f6f;
  padding: 6px 0; }

.footer-list-style3 li:first-child {
  padding-top: 0; }

.footer-list-style3 li a {
  font-size: 15px;
  font-weight: 400;
  color: #6f6f6f; }

.footer-list-style3 li a:before {
  content: '\f105';
  font-weight: 700;
  font-family: Font Awesome\ 5 Free;
  color: #6f6f6f;
  padding-right: 8px;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

.footer-list-style3 li a:hover {
  color: #282b2d; }

.footer-list-style3 li a:hover:before {
  color: #282b2d; }

/* footer-list4 */
.footer-list-style4 {
  margin: 0; }

.footer-list-style4 li {
  list-style-type: none;
  color: #6f6f6f;
  padding: 6px 0; }

.footer-list-style4 li:last-child {
  margin-bottom: 0;
  padding-bottom: 0; }

.footer-list-style4 li:first-child {
  padding-top: 0; }

.footer-list-style4 li a {
  position: relative;
  padding-left: 25px;
  color: #282b2d;
  transition: all .5s ease; }

.footer-list-style4 li a:hover {
  color: #86bc42; }

.footer-list-style4 li a:before {
  position: absolute;
  content: '';
  background: #86bc42;
  width: 10px;
  height: 1px;
  top: 9px;
  left: 0;
  transition: all .5s ease; }

.footer-list-style4 li a:after {
  position: absolute;
  content: '';
  background: #86bc42;
  width: 10px;
  height: 1px;
  left: 3px;
  top: 12px;
  transition: all .5s ease; }

.footer-list-style4 li a:hover:after {
  left: 0; }

.footer-list-style4 li a:hover:before {
  left: 5px; }

/* footer-list5 */
.footer-list-style5 {
  margin: 0; }

.footer-list-style5 li {
  list-style-type: none;
  color: #616161;
  padding: 6px 0; }

.footer-list-style5 li:first-child {
  padding-top: 0; }

.footer-list-style5 li:last-child {
  padding-bottom: 0; }

.footer-list-style5 li a {
  font-size: 15px;
  font-weight: 600;
  color: #616161; }

.footer-list-style5 li a:hover {
  color: #282b2d; }

.footer-list-style5 li a:hover:before {
  color: #282b2d; }

/* recent post style1*/
.footer-recent-post {
  margin: 15px 0; }

.footer-recent-post-thumb {
  float: left;
  width: 25%; }

.footer-recent-post-content {
  float: left;
  width: 75%;
  padding-left: 10px; }

.footer-recent-post-content a {
  display: block;
  color: #939393;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  margin-top: -5px; }

.footer-recent-post-content a:hover {
  color: #fff; }

.footer-recent-post-content span {
  font-size: 13px;
  font-weight: 300;
  color: #fff; }

/* recent post style2*/
.footer-post {
  margin-bottom: 0; }

.footer-post > li {
  float: left;
  width: 100%;
  margin-bottom: 25px; }

.footer-post > li:last-child {
  margin-bottom: 0; }

.footer-post .post-date {
  max-width: 70px;
  width: 100%;
  float: left;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  background: #e0ebf3;
  padding: 10px 0 15px 0px; }

.footer-post .p-date {
  display: block;
  font-size: 22px;
  padding-bottom: 8px; }

.footer-post .p-month {
  display: block;
  line-height: 10px; }

.footer-post .post-title {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 5px; }

.footer-post .post-title a {
  color: #282b2d; }

.footer-post .post-info {
  width: 100%;
  max-width: 270px;
  float: left;
  padding-left: 20px; }

.footer-post .post-author {
  font-weight: normal;
  font-size: 12px;
  padding: 0px;
  display: inline-block;
  color: #282b2d; }

.footer-post .post-meta li {
  font-weight: normal;
  font-size: 12px;
  padding: 0px;
  display: inline-block;
  color: #282b2d; }

.footer-post .post-meta li i {
  color: #6f6f6f;
  margin: 0 5px; }

@media screen and (max-width: 1199px) {
  .footer-post .post-info {
    max-width: 215px; } }

@media screen and (max-width: 991px) {
  .footer-post .p-date {
    font-size: 20px;
    padding-bottom: 5px; }
  .footer-post > li {
    width: 50%;
    margin-bottom: 0; } }

@media screen and (max-width: 767px) {
  .footer-post > li {
    width: 100%;
    margin-bottom: 20px; }
  .footer-post .post-info {
    max-width: 70%; }
  .footer-post .p-date {
    font-size: 18px;
    padding-bottom: 5px; }
  .footer-post .post-date {
    max-width: 60px; } }

/*footer-top-bar*/
.footer-top-bar {
  background: #191919;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

/*footer style2*/
footer h3.footer-title-style2 {
  margin-bottom: 28px; }

h3.footer-title-style2:after {
  width: 100%;
  height: 1px;
  background: #363637;
  margin-top: 15px; }

/*footer style3*/
.footer-title-style3 {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 28px;
  color: #fff; }

.footer-title-style3:after {
  content: '';
  width: 60px;
  height: 2px;
  background: #86bc42;
  position: absolute;
  bottom: 0;
  left: 20px; }

.footer-title-style3:before {
  content: '';
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

/*footer style4*/
.footer-title-style4:after {
  margin-left: auto;
  margin-right: auto; }

h3.footer-title-style4 {
  margin-bottom: 20px; }

/*footer style5*/
h3.footer-title-style5 {
  color: #fff; }

h3.footer-title-style5:after {
  background: #fff; }

/*footer style6*/
footer h3.footer-title-style6 {
  margin-bottom: 28px;
  color: #636363; }

h3.footer-title-style6:after {
  width: 100%;
  height: 1px;
  background: #d0d0d0;
  margin-top: 15px; }

/*footer style7*/
footer h3.footer-title-style7 {
  margin-bottom: 30px;
  padding-bottom: 20px; }

footer h3.footer-title-style7:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 18px;
  height: 1px;
  margin: 0 0 0;
  width: 70px;
  margin: 10px 0;
  background-color: #86bc42; }

footer h3.footer-title-style7:before {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #86bc42;
  background: #86bc42;
  margin-bottom: 10px; }

@media screen and (max-width: 767px) {
  footer {
    padding-top: 30px; }
  .footer-bar {
    margin-top: 30px; }
  .footer-subscribe .butn {
    line-height: 22px; }
  .footer-bar p {
    font-size: 13px; } }

/*footer style9*/
.footer-style9 {
  padding: 0;
  color: #616161; }

.footer-style9 > .container {
  padding: 120px 15px; }

.footer-style9 .footer-bar {
  margin-top: 0;
  background: #fff;
  border-top: 1px solid #ededed;
  color: #616161; }

.footer-style9 .footer-list-style3 li {
  color: #616161; }

.footer-style9 .footer-list-style3 li:last-child {
  padding-bottom: 0; }

.footer-style9 .footer-list-style3 li a {
  color: #616161; }

.footer-style9 .footer-list-style3 li a:hover {
  color: #86bc42; }

.footer-style9 .footer-list-style3 li a:hover:before {
  color: #86bc42; }

.footer-style9 address {
  line-height: 28px; }

footer h3.footer-title-style9 {
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 20px; }

footer h3.footer-title-style9:after {
  position: absolute;
  content: '';
  background: #86bc42;
  width: 55px;
  height: 1px;
  bottom: 2px; }

footer h3.footer-title-style9:before {
  position: absolute;
  content: '';
  background: #86bc42;
  width: 55px;
  height: 1px;
  bottom: 0px; }

@media screen and (max-width: 1199px) {
  .footer-style9 > .container {
    padding: 90px 15px; } }

@media screen and (max-width: 991px) {
  .footer-style9 > .container {
    padding: 70px 15px; } }

@media screen and (max-width: 767px) {
  footer h3.footer-title-style9 {
    margin-bottom: 15px;
    padding-bottom: 15px; } }

/*footer style10*/
footer.footer-style10 {
  background: #fff;
  padding-top: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.075); }

.footer-style10 > .container {
  padding-top: 90px;
  padding-bottom: 90px; }

footer.footer-style10 h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 25px;
  line-height: 1;
  position: relative; }

footer.footer-style10 h3:after {
  content: none; }

.footer-style10 .footer-top-bar {
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.075); }

.footer-style10 .footer-bar {
  margin-top: 0;
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.075);
  color: #75818e; }

.footer-style10 .footer-bar p {
  margin-top: 5px; }

footer.footer-style10 ul {
  margin-bottom: 0; }

footer.footer-style10 li {
  margin-bottom: 10px; }

footer.footer-style10 li:last-child {
  margin-bottom: 0; }

footer.footer-style10 li a {
  color: #5e6973; }

footer.footer-style10 li a:hover {
  color: #86bc42; }

.footer-style10 .social-icons ul {
  margin: 0;
  padding: 0; }

.footer-style10 .social-icons li {
  display: inline-block;
  margin-right: 1px;
  margin-bottom: 0; }

.footer-style10 .social-icons li:last-child {
  margin-right: 0; }

.footer-style10 .social-icons li a {
  font-size: 14px;
  height: 35px;
  line-height: 36px;
  width: 35px;
  background: #efefef;
  border-radius: 4px;
  display: inline-block;
  text-align: center; }

.footer-style10 .social-icons li a:hover {
  background: #86bc42;
  color: #fff; }

@media screen and (max-width: 1199px) {
  .footer-style10 > .container {
    padding-top: 70px;
    padding-bottom: 70px; } }

@media screen and (max-width: 767px) {
  .footer-style10 > .container {
    padding-top: 50px;
    padding-bottom: 50px; }
  footer.footer-style10 h3 {
    margin-bottom: 20px; } }

/*footer title style12*/
.footer-style12 {
  padding: 60px 0 0 0; }

.footer-style12 .footer-topbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.075);
  padding-bottom: 50px;
  margin-bottom: 60px; }

.footer-style12 h3 {
  color: #ddd; }

.footer-style12 h3:after {
  content: none; }

.footer-style12 h5 {
  color: #ddd; }

.footer-style12 .footer-bar {
  margin-top: 55px; }

@media screen and (max-width: 991px) {
  .footer-style12 {
    padding: 50px 0 0 0; }
  .footer-style12 .footer-topbar {
    padding-bottom: 50px;
    margin-bottom: 50px; }
  .footer-style12 .footer-bar {
    margin-top: 40px; } }

@media screen and (max-width: 575px) {
  .footer-style12 h3 {
    margin-bottom: 25px; } }

/*footer title style10*/
footer .footer-title-style10 {
  position: relative;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 30px;
  padding-bottom: 20px; }

footer .footer-title-style10:after {
  position: absolute;
  content: '';
  background: #86bc42;
  width: 40px;
  height: 1px;
  left: 10px;
  top: 40px; }

footer .footer-title-style10:before {
  position: absolute;
  content: '';
  background: #86bc42;
  width: 40px;
  height: 1px;
  bottom: 0px;
  left: 0;
  top: 35px; }

@media screen and (max-width: 991px) {
  footer .footer-title-style10 {
    margin-bottom: 20px; } }

@media screen and (max-width: 767px) {
  footer .footer-title-style10 {
    font-size: 18px;
    margin-bottom: 15px; } }

/*footer style11*/
.footer-style11 {
  background: #f7fbfe;
  color: #282b2d; }

.footer-style11 .footer-bar {
  background: #f7fbfe;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  color: #282b2d; }

.footer-title-style11 {
  margin-bottom: 25px;
  font-size: 22px;
  font-weight: 700; }

.footer-title-style11:after {
  content: none; }

@media screen and (max-width: 991px) {
  .footer-title-style11 {
    margin-bottom: 20px;
    font-size: 20px; } }

@media screen and (max-width: 767px) {
  .footer-title-style11 {
    margin-bottom: 15px;
    font-size: 18px; } }

/*footer style12*/
.footer-title-style12 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 25px;
  line-height: 1;
  position: relative; }

.footer-title-style12:after {
  content: none; }

@media screen and (max-width: 767px) {
  .footer-title-style12 h3 {
    margin-bottom: 20px; } }

/*footer app*/
.footer-app li {
  display: inline-block;
  margin-right: 10px; }

.footer-app li:last-child {
  margin-right: 0; }

/* footer demo-14 */
.footer-block3 ul {
  margin-bottom: 0; }

.footer-block3 ul li {
  font-size: 14px;
  padding: 5px 0;
  font-weight: 600; }

.footer-block3 h3 {
  font-family: Montserrat,sans-serif; }

footer .footer-icon3 ul li {
  display: inline-block;
  margin-left: 20px;
  font-size: 20px; }

footer .footer-icon3 ul li a:hover {
  color: #86bc42; }

.footer-block3 h3:after {
  content: none; }

/* ===================================
    Copy Elements
====================================== */
pre[class*="language-"] {
  max-height: 45vh;
  height: 100%;
  margin: 35px 0 15px 0;
  padding-top: 0; }

.html-code {
  background-color: #fbfbfb;
  position: relative;
  box-shadow: inset 0 0 0 1px #dde1e6, 0 3px 5px rgba(0, 0, 0, 0.15);
  padding: 30px;
  border-radius: 5px;
  border: 1px solid #ededed; }

.html-code:before {
  color: #c8dfab;
  content: "•••";
  font-size: 30px;
  left: 24px;
  letter-spacing: 4px;
  line-height: 12px;
  position: absolute;
  top: 24px; }

.copy-element {
  position: absolute;
  top: -50px;
  right: 100px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out; }

.source-element {
  position: absolute;
  top: -50px;
  right: 15px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out; }

.html-code .copy-element {
  top: 15px;
  right: 30px; }

.html-code:hover .copy-element, .html-code:hover .source-element {
  opacity: 1; }

.box-hover:hover .copy-element, .box-hover:hover .source-element {
  opacity: 1; }

.copy-element > a, .source-element > a {
  border-radius: 0.25rem;
  background: #dde1e6;
  color: #777 !important;
  display: inline-block;
  padding: 5px 15px;
  font-size: 14px;
  text-transform: capitalize;
  cursor: pointer !important;
  font-weight: 600; }

.copy-element > a:hover, .source-element > a:hover {
  background: #86bc42;
  color: #fff !important; }

.copy-clipboard {
  cursor: pointer;
  padding: 5px 15px; }

.white-popup-block {
  background-color: #fbfbfb;
  position: relative;
  max-width: 650px;
  box-shadow: inset 0 0 0 1px #dde1e6, 0 3px 5px rgba(0, 0, 0, 0.15);
  padding: 60px 30px 30px 30px;
  border-radius: 5px;
  margin: 40px auto;
  border: 1px solid #ededed; }

.white-popup-block.popup-copy.mfp-hide {
  display: block !important;
  height: 0;
  position: absolute;
  z-index: -1;
  padding: 0;
  opacity: 0;
  margin: 0; }

.white-popup-block:before {
  color: #c8dfab;
  content: "•••";
  font-size: 30px;
  left: 24px;
  letter-spacing: 4px;
  line-height: 12px;
  position: absolute;
  top: 24px; }

.white-popup-block:hover .copy-element {
  opacity: 1; }

.white-popup-block .copy-element {
  top: 45px;
  right: 30px; }

.box-hover {
  position: relative; }

.box-hover .container {
  position: relative; }

/* scroll to top */
.scroll-to-top {
  font-size: 20px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  border-radius: 50%;
  background: #000;
  border: 1px solid #2a2a2a;
  width: 35px;
  height: 35px;
  line-height: 30px;
  z-index: 9999;
  outline: 0;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease; }

.scroll-to-top i {
  color: #fff; }

.scroll-to-top:hover {
  color: #282b2d;
  background: #fff; }

.scroll-to-top:hover i {
  color: #282b2d; }

.scroll-to-top:visited {
  color: #282b2d;
  text-decoration: none; }

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