/*
Theme Name: eBoost
Theme URI: http://www.salientthemes.com/product/eboost/
Author: Salient Themes
Author URI: http://salientthemes.com
Description: Eboost, a beautiful as well as professional-looking WordPress business theme, looks great on any device. It comes with many customization options and powerful features under the hood. However, it is very easy to configure the site yourself; you won’t need to write a single line of code. Some of the notable features are post slider, social icons, custom logo, customizer API, translation ready, etc. Preview :  http://preview.salientthemes.com/eboost Supports: http://www.salientthemes.com/forums/
Version: 1.0.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: eboost
Tags: full-width-template, portfolio, left-sidebar, one-column, custom-header, right-sidebar, rtl-language-support, theme-options, threaded-comments, translation-ready, two-columns, custom-background, custom-menu, flexible-header, editor-style, footer-widgets, custom-logo

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

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

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


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

html {
  font-family: 'Gudea', sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

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

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

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
  color: #000;
}

a:active,
a:hover,
a:focus {
  outline: 0;
  text-decoration: none !important;
}

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

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

h3 {
  font-weight: normal;
  color: #828282;
  margin-bottom: 0;
}

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

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

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

pre {
  overflow: auto;
}

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

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

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

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

input {
  line-height: normal;
}

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

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

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

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}


/*====================Typography====================*/

body,
button,
input,
select,
textarea {
  color: #000;
  font-family: 'Gudea', sans-serif !important;
  font-size: 17px;
  line-height: 1.5;
  overflow-x: hidden;
}

textarea#comment {
  min-height: 150px;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  clear: both;
  font-family: 'Magra', sans-serif !important;
}

p,
body,
div {
  font-size: 17px;
  font-family: 'Gudea', sans-serif;
}

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

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

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

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

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

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

big {
  font-size: 125%;
}


/*==================== Elements====================*/

html {
  box-sizing: border-box;
}

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

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

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

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

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

ul,
ol {
  margin: 0;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

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

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

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

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

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

table tr td {
  padding: 0 30px 0 0;
  line-height: 26px;
}

table tr td a {
  color: #000;
  text-decoration: underline;
}

table tr td a:hover,
table tr td a:active,
table tr td a:focus {
  color: #000;
  text-decoration: underline;
}


/*==================== Forms====================*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: rgb(37, 149, 255);
  border-radius: 0;
  background: #2595ff;
  font-size: 17px;
  line-height: 1;
  padding: 10px 20px;
  color: #fff;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background: #1365b1;
  text-decoration: none;
}

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

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: 0;
  padding: 10px;
  height: 38px;
  width: 100%;
}

select {
  border: 1px solid #ccc;
}

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

textarea {
  width: 100%;
}


/*====================Navigation====================*/


/*====================Links====================*/

a {
  color: #000;
  text-decoration: none;
}

a:visited {
  color: #525252;
}

a:hover,
a:focus,
a:active {
  color: midnightblue;
  text-decoration: none;
}

a:focus {
  outline: none;
  text-decoration: none;
}

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


/*==================== Menus====================*/

.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  float: right;
}

.main-navigation li {
  float: left;
  position: relative;
  padding: 0 15px;
}

.main-navigation a {
  display: block;
  text-decoration: none;
  font-weight: normal;
  color: #000;
  font-size: 17px;
  padding: 14px 6px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  font-weight: 500;
  padding-bottom: 40px;
}

nav ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

nav li {
  display: inline-block;
  text-align: left;
  font-weight: bold;
  line-height: 30px;
}

.main-navigation nav li a {
  display: block;
  padding: 0 20px;
  color: #fff;
}

.main-navigation nav li a:visited {
  color: #fff;
}

.main-navigation .nav li a.active {
  background-color: #27677c;
  color: #FFF;
}

.nav-mobile {
  display: none;
  font-weight: bold;
  width: 100%;
}

.click-me {
  width: 150px;
  height: 30px;
  background: #435AB8;
  color: white;
  text-align: center;
  line-height: 30px;
}

.click-me a {
  display: block;
  color: white;
}

.eboost-main-menu-wrapper ul li a:hover {
  color: #2595ff;
}

.main-navigation ul ul {
  float: left;
  position: absolute;
  left: -999em;
  z-index: 99999;
  padding-top: 0;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

ul.sub-menu {
  padding: 0px;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
  padding: 0;
}

.main-navigation ul ul a {
  min-width: 150px;
  padding-bottom: 0;
}

.main-navigation ul ul li {
  padding: 5px 5px 5px 5px;
}

body.logged-in.admin-bar .main-nav-scrolled {
  top: 32px;
}
body.home header .eboost-menu-black{
  background: #000;
}

@media screen and (max-width: 768px) {
  body.logged-in.admin-bar .main-nav-scrolled,
  body.logged-in.admin-bar .main-nav-scrolled .nav-mobile {
    top: 0;
    -moz-transition: all 0.0.3s;
    transition: all 0.0.3s;
  }
  .main-navigation ul ul {
    float: left;
    position: initial;
    background: transparent;
    width: 100%;
    box-shadow: none;
  }
  .main-navigation ul ul li {
    padding: 0;
  }
  nav ul {
    display: none;
    background: rgba(0, 0, 0, 0.06);
    width: 100%;
  }
  body.home header .eboost-main-menu-wrapper {
    background: #fff;
  }
  .eboost-main-menu-wrapper ul li a {
    padding: 5px 15px;
  }
  .eboost-main-menu-wrapper ul li a:first-child {
    background: #fff;
    margin: 1px;
  }
  .eboost-main-menu-wrapper ul li a:last-child {
    border-bottom: 0;
  }
  .nav-mobile {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    text-align: right;
    top: 6px;
    position: fixed;
    right: 31px;
    cursor: pointer;
    width: 20px;
  }
  nav.nav.main-navigation a:hover::after {
    width: 0;
  }
  .main-navigation li {
    padding: 0;
  }
  body.logged-in .eboost-main-menu-wrapper {
    top: 46px;
  }
  .site-branding p a {
    font-size: 28px;
  }
  nav li {
    width: 100%;
  }
  .site-branding {
    padding: 0 0 15px 0;
  }
  ul.sub-menu li a,
  ul.children li a {
    padding-left: 35px;
  }
  ul.sub-menu ul.sub-menu li a,
  ul.children ul.children li a {
    padding-left: 60px;
  }
  ul.sub-menu ul.sub-menu ul.sub-menu li a,
  ul.children ul.children ul.children li a {
    padding-left: 80px;
  }
  ul.sub-menu ul.sub-menu ul.sub-menu li a ul.sub-menu li a,
  ul.children ul.children ul.children li a ul.children li a {
    padding-left: 100px;
  }
  nav.nav li.menu-item-has-children:hover ul.sub-menu,
  nav.nav li.menu-item-has-children ul.sub-menu:hover ul.sub-menu,
  .menu li ul.children {
    background: inherit;
    box-shadow: none;
    border-top: none;
  }
}

.main-navigation ul ul li {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.main-navigation li:hover>a,
.main-navigation li:focus>a {}

.main-navigation ul ul :hover>a,
.main-navigation ul ul :focus>a {
  color: #2595ff;
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus {
  color: #2595ff;
}

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

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

.main-navigation .current_page_item>a:hover,
.main-navigation .current-menu-item>a:hover,
.main-navigation .current_page_ancestor>a:hover,
.main-navigation .current-menu-ancestor>a:hover,
.main-navigation a:hover,
.main-navigation a:focus {
  text-decoration: none;
}

li.menu-item-has-children a:hover:after {
  width: 0;
}

li.menu-item-has-children ul.sub-menu,
li.menu-item-has-children ul.sub-menu ul.sub-menu {
  display: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.eboost-main-menu-wrapper li.menu-item-has-children ul li a {
  font-weight: normal;
}

li.menu-item-has-children:hover ul.sub-menu,
.menu li:hover ul.children,
ul.children:hover ul.children,
li.menu-item-has-children ul.sub-menu:hover ul.sub-menu {
  background: #fff;
}

.main-navigation ul ul li a:after {
  content: '';
}

p.site-title,
h1.site-title {
  margin: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

@media screen and (min-width:1000px) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}

@media (min-width: 769px) {
  nav ul {
    display: block !important;
  }
}


/* if sections are disabled */

body.home .eboost-menu-black {
  position: unset;
}


/*====================Small menu. ====================*/

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

.menu-toggle {
  background-color: rgb(247, 106, 66);
  border: none;
  box-shadow: none;
  position: relative;
  height: 38px;
  width: 33px;
  float: right;
  margin-top: 4px;
  z-index: 999999999;
}

.menu-toggle span {
  display: block;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  transform-origin: center center;
  transition: 0.3s ease;
}

.menu-toggle span:first-of-type {
  margin-top: -10px;
}

.menu-toggle span:last-of-type {
  margin-top: 10px;
}

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

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

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

.eboost-top-nav a:before {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  height: 4px;
  width: 4px;
  background: #fff;
  margin-left: -9px;
}


/*=========================Accessibility========================*/


/* Text meant only for screen readers. */

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

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


/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
  outline: 0;
}


/*============================== Alignments=====================*/

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

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

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


/*==================== Clearings=========================*/

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

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


/*========================= Widgets==============================
=============================================================*/

.widget {
  margin: 0 0 1.5em;
}


/* Make sure select elements fit in widgets. */

.widget select {
  max-width: 100%;
  min-height: 32px;
}


/*-=============================================================
==================Content===================================
=============================================================*/


/*=============================================================
========================= Posts and pages=====================
=============================================================*/

.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5em;
}

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

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

span.byline:before {
  content: "\f007";
  font-family: fontAwesome;
  padding: 0 2px 0 9px;
}

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

.image-right {
  float: right;
  padding: 18px 0 6px 4px;
}

.image-left {
  float: left;
  padding: 18px 10px 10px 0;
}


/*=============================================================
============================= Comments========================
=============================================================*/

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

.bypostauthor {
  display: block;
}

p.comment-form-author,
p.comment-form-email {
  width: 50%;
  float: left;
  padding: 0 15px 0 0;
}

p.comment-form-email {
  padding-right: 0;
}

.comment-body {
  padding: 15px 0;
}

div#comments article {
  border: 0 !important;
}

h2.comments-title {
  padding-top: 43px;
}

b.fn a,
b.fn {
  padding-left: 6px;
}


/*=============================================================
====================Infinite scroll=============================
=============================================================*/


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

.infinite-scroll .posts-navigation,

/* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}


/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
  display: block;
}


/*=============================================================
======================== Media ==============================
=============================================================*/

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


/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
  max-width: 100%;
}


/*=============================================================
========================Captions===============================
=============================================================*/

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

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

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

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


/*=============================================================
====================== Galleries==============================
=============================================================*/

.gallery {
  margin-bottom: 1.5em;
}

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

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

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

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

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

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

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

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

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

.gallery-caption {
  display: block;
}


/*=============================================================
==================nav bar css ================================
=============================================================*/

body.home .eboost-main-menu-wrapper a,
body.home .eboost-main-menu-wrapper p,
body.home .site-branding .site-description {
  color: #fff !important;
}

body.home .eboost-main-menu-wrapper.main-nav-scrolled a,
body.home .eboost-main-menu-wrapper.main-nav-scrolled p,
body.home .eboost-main-menu-wrapper.main-nav-scrolled .site-branding .site-description,
body.home .eboost-main-menu-wrapper ul ul a {
  color: #000 !important;
}

header#masthead {
  background: #fff;
}

.site-branding p a,
.site-branding h1 a {
  font-size: 28px;
  margin: 0;
  color: #000;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

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

.site-branding p a:hover,
.site-branding p a:focus,
.site-branding h1 a:hover {
  color: #2595ff;
  text-decoration: none;
}

.eboost-main-menu-wrapper.main-nav-scrolled,
.eboost-main-menu-wrapper.eboost-menu-black.main-nav-scrolled {
  position: fixed;
  top: 0;
  z-index: 999999999999;
  width: 100%;
  background: #fff !important;
  box-shadow: 0 0 6px #000000;
}

.eboost-main-menu-wrapper.main-nav-scrolled .main-navigation a,
.main-nav-scrolled .site-branding p a,
.main-nav-scrolled .site-branding h1 a,
.main-nav-scrolled .site-branding h2 {
  color: #000;
}

.eboost-main-menu-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  background: #fff;
  padding: 14px;
  z-index: 99999;
  padding-bottom: 0;
}

body.home .eboost-main-menu-wrapper {
  background: rgba(2, 2, 2, 0.17);
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

body.home.blog .eboost-main-menu-wrapper {
  background: #171717;
}

body.logged-in .eboost-main-menu-wrapper {
  top: 32px;
}

div#wp-custom-header button {
  display: none;
}

div#wp-custom-header {
  overflow: hidden;
  opacity: 0.5;
}

.html5-main-video {
  top: 0 !important;
}

.video-wrapper {
  background: #171717;
}

@media screen and (max-width:768px) {
  body.home .eboost-main-menu-wrapper a,
  body.home .eboost-main-menu-wrapper p,
  body.home .site-branding .site-description {
    color: #000 !important;
  }
}


/*=============================================================
=============================banner section ===================
=============================================================*/

.overlay {
  background: #000;
  height: 100%;
}

section.banner-section {
  position: relative;
}

.eboost-banner-content h2 {
  position: relative;
  padding-top: 30px;
  color: #ffffff;
  font-size: 64px;
  line-height: 85px;
  margin: 0;
  font-weight: 700;
}

.banner-wrapper .overlay img {
  opacity: 0.5;
  max-width: 100%;
  position: relative;
  width: 100%;
}

.banner-wrapper {
  background: #171717;
}

.eboost-banner-content {
  position: absolute;
  top: 30%;
  color: #fff;
  width: 70%;
}

section.banner-section p {
  margin: 0 0 35px 0;
  color: rgba(255, 255, 255, 0.91);
}

section.banner-section a {
  color: #fff;
  font-size: 17px;
}

.eboost-banner-btn .btn {
  border-radius: 0;
  padding: 10px 15px;
  text-align: center;
}

a.btn.eboost-btn.btn-primary {
  background: transparent;
  border: 2px solid #2595ff;
  margin-bottom: 10px;
  color: #fff;
  border-radius: 5px;
  padding: 10px 35px;
  cursor: pointer;
  -webkit-transition: all ease 0.8s;
  -moz-transition: all ease 0.8s;
  transition: all ease 0.8s;
  display: inline-block;
  font-size: 18px;
  margin-right: 20px;
  min-width: 200px;
}

a.btn.eboost-btn.btn-primary:hover,
a.btn.eboost-btn.btn-primary.btn-second:hover {
  box-shadow: inset 200px 100px 0 0 #0073e0;
  border: 2px solid #0073e0;
  opacity: 0.8;
}

a.btn.eboost-btn.btn-primary.btn-second {
  color: #fff;
  border: 2px solid;
}

a.btn.eboost-btn.btn-primary:after {
  content: "\f101";
  font-family: fontAwesome;
  padding-left: 5px;
}

@media screen and (max-width:767px) {
  .eboost-banner-content h2 {
    font-size: 30px;
    padding-top: 0;
  }
  body .eboost-banner-content {
    position: inherit;
    text-align: center;
    padding-right: 0;
    padding-bottom: 30px;
  }
  a.btn.eboost-btn.btn-primary {
    margin-right: 0;
  }
}

@media screen and (max-width:1000px) {
  .eboost-banner-content {
    width: 100%;
    padding-right: 33px;
  }
}

video#wp-custom-header-video {
  height: auto;
  left: 50%;
  max-width: 1000%;
  min-height: 100%;
  min-width: 100%;
  min-width: 100vw;
  width: 100%;
  top: 50%;
  padding-bottom: 0;
  margin-bottom: -5px;
  object-fit: cover;
}


/*=============================================================
========================service section =======================
=============================================================*/

section#eboost-service {
  background: #f7f7f7;
  text-align: left;
  padding: 0;
}

section#eboost-service i {
  font-size: 100px;
  color: rgb(37, 149, 255);
  overflow: hidden;
}

.service-image-right {
  background: #fff;
  padding: 40px 0 0 0;
  overflow: hidden;
}

.service-image-left {
  padding: 40px 0 0 0;
  overflow: hidden;
}

.service-image-right .img {
  float: right;
  text-align: center;
}
.img{
  text-align: center;
}

.col-sm-8.col-md-8.col-xs-12.eboost-service-description {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10% 0 10%;
}

.eboost-service-description p {
  margin-bottom: 30px;
}

section#eboost-service img {
  -ms-transform: translateY(70px);
  -webkit-transform: translateY(70px);
  transform: translateY(70px);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  display: inline-block;
}

section#eboost-service img:hover {
  -ms-transform: translateY(30px);
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

@media screen and (max-width:767px) {
  .service-image-left,
  .service-image-right {
    height: auto;
    padding: 0;
  }
  section#eboost-service {
    text-align: center;
  }
  .eboost-service-description {
    margin-bottom: 11%;
  }
}


/*=============================================================
======================featured section====================== 
=============================================================*/

section#eboost-featured {
  background: #fff;
}

.eboost-section-heading {
  text-align: center;
  padding-bottom: 4.2858rem;
}

section#eboost-featured a {
  cursor: default;
  color: #000;
}

.eboost-featured-content.left-featured-content {
  text-align: right;
  margin-bottom: 30px;
  color: #000;
}

.eboost-featured-content a:hover,
.eboost-featured-content a:active,
.eboost-featured-content a:focus {
  text-decoration: none;
}

.eboost-featured-content:hover i {
  background: #2595ff;
  color: #fff;
  transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}

.eboost-featured-content.right-featured-content {
  text-align: left;
  margin-bottom: 30px;
}

section.eboost-featured i {
  font-size: 30px;
  border: 1px solid #2595FF;
  text-align: center;
  padding: 20px;
  border-radius: 100%;
  -webkit-transition: all ease 1s;
  -moz-transition: all ease 1s;
  transition: all ease 1s;
  width: 70px;
  height: 70px;
}

.eboost-featured-content.middle-featured-image {
  padding: 0 50px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;
  text-align: center;
}

.eboost-section-heading p:before {
  background-color: transparent;
  bottom: -8px;
  content: "";
  left: 49%;
  position: absolute;
  width: 60px;
  text-align: center;
  border-bottom: 4px solid rgba(37, 149, 255, 0.57);
  border-bottom-style: dashed;
}

.eboost-section-heading p {
  position: relative;
}

.eboost-icon-content h3 {
  font-weight: 600;
}

@media screen and (max-width:767px) {
  .eboost-featured-content.right-featured-content,
  .eboost-featured-content.left-featured-content {
    text-align: center;
  }
}


/*=============================================================
==================eboost icon section==========================
=============================================================*/

section#eboost-icon-section {
  text-align: center;
  background: #fff;
  border-top: 0;
}


/*=============================================================
======================pricing table section ==================
=============================================================*/

div#content .rpt_style_basic .rpt_plan .rpt_title {
  border-bottom: #0083ff;
  background: linear-gradient(to bottom right, #0083ff, #3588d8, rgb(37, 149, 255), #187ad2);
  text-align: center;
  border-radius: 0;
}

div#content .rpt_title.rpt_title_1 {
  background: #7ac143 !important;
}

.rpt_title.rpt_title_2 {
  background: #FF9800 !important;
}

div#content .rpt_style_basic .rpt_plan .rpt_head {
  background: #e4e4e4;
  border-top: 0;
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

div#content .rpt_style_basic .rpt_plan .rpt_head .rpt_recurrence {
  color: #000000;
  text-align: center;
}

div#content .rpt_style_basic .rpt_plan .rpt_head .rpt_price {
  color: #1f1f1f;
  font-size: 31px;
  line-height: 26px;
  font-weight: 600;
  text-shadow: none;
}

div#content .rpt_style_basic .rpt_plan .rpt_features {
  background: #e4e4e4;
  padding: 10px;
}

div#content .rpt_plan.rpt_plan_0 a {
  background: #2595ff !important;
  border-radius: 0;
}

div#content .rpt_plan a {
  border-top: 0 !important;
}

.rpt_plan.rpt_plan_0 a:before,
.rpt_plan.rpt_plan_1 a:before,
.rpt_plan.rpt_plan_2 a:before {
  content: "\f0d7";
  font-family: fontAwesome;
  margin-top: -42px;
  position: absolute;
  font-size: 53px;
  color: #e4e4e4;
}

div#content .rpt_plan.rpt_plan_1 a {
  background: #7ac143 !important;
  border-radius: 0;
}

div#content .rpt_plan.rpt_plan_2 a {
  background: #ff9800 !important;
  border-radius: 0;
}

div#content .rpt_style_basic .rpt_plan .rpt_head .rpt_subtitle {
  padding: 10px 8px 8px;
  color: #1e86e6 !important;
}

div#content .rpt_style_basic .rpt_plan .rpt_head .rpt_description {
  padding: 0;
}

div#content .rpt_3_plans .rpt_plan_0,
div#content .rpt_3_plans .rpt_plan_1,
div#content .rpt_3_plans .rpt_plan_2 {
  border: 1px solid #efefef;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  transition: all 0.7s;
}

div#content .rpt_3_plans .rpt_plan_1 {
  box-shadow: 0 0 22px #d6d6d6;
}

div#content .rpt_3_plans .rpt_plan_0:hover,
div#content .rpt_3_plans .rpt_plan_1:hover,
div#content .rpt_3_plans .rpt_plan_2:hover {
  box-shadow: 2px 5px 7px #e8e7e7;
  margin-top: -7px;
}

.rpt_style_basic .rpt_plan .rpt_features .rpt_feature:last-child {
  border-bottom: none;
}

.rpt_style_basic .rpt_plan .rpt_features .rpt_feature {
  padding: 15px 16px !important;
}


/*=============================================================
========================newsletter form section===============
=============================================================*/

form.mc4wp-form {
  background: #bdbdbd;
  padding: 10px;
}

.mc4wp-form-fields {
  position: relative;
}

.mc4wp-form-fields input[type="submit"] {
  position: absolute;
  top: 10px;
  z-index: 99999999999999;
  right: 0;
}

.mc4wp-form-fields {
  width: 33%;
  left: 0;
  right: 0;
  margin: auto;
}

.mc4wp-form-fields p label {
  display: none;
}


/*=============================================================
=====================callback section=========================
=============================================================*/

.eb-callback-section .overlay {
  background: rgba(0, 0, 0, 0.73);
}

body .eb-callback-caption {
  padding: 70px 60px;
  line-height: 30px;
  color: #fff7f7;
  padding-left: 0;
}

#eb-callback-background {
  background-repeat: no-repeat;
  background-attachment: fixed !important;
  background-size: cover !important;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
}

.eboost-callback-right {
  -ms-transform: rotateZ(20deg);
  -webkit-transform: rotateZ(20deg);
  transform: rotateZ(20deg);
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;
}

.eboost-callback-right:hover {
  transform: rotateZ(0deg);
}

a.btn.eboost-btn.btn-primary.btn-first.callback {
  background: #0f8d9a;
  color: #fff;
  border-radius: 0;
  padding: 10px 16px;
}

a.btn.eboost-btn.btn-primary.btn-first.callback:hover {
  border: 2px solid #0f8d9a;
  background: transparent;
}

.s-title h2 {
  font-weight: 400;
  font-size: 2.6em;
  letter-spacing: 0px;
  position: relative;
}

div#eboost-testimonial,
section#eboost-featured,
section#eboost-pricing,
section#eboost-icon-section,
section#eboost-client-section,
.eboost-service {
  padding: 40px 0;
}

section#eboost-featured h3,
.clients-image h3 a {
  font-weight: 600;
}

section#eboost-client-section {
  text-align: center;
}

.eboost-callback-right {
  padding: 80px 50px 20px 50px;
}

.eb-callback-section h2 {
  margin-bottom: 10px;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  body .eb-callback-caption {
    text-align: center;
    padding: 20px 0;
  }
  div#eboost-testimonial,
  section#eboost-featured,
  section#eboost-pricing,
  section#eboost-icon-section,
  section#eboost-client-section,
  .eboost-service,
  .home div#eboost-blog {
    padding: 20px 0;
  }
  body.home div#eboost-blog h2.blog-heading,
  body.home .eboost-section-heading,
  body.home .db-testimonials h2 {
    padding-bottom: 20px;
  }
}


/*=============================================================
==================testimonials section======================== 
=============================================================*/

.testimonials-image {
  height: 137px;
  width: 137px;
  border-radius: 100%;
  overflow: hidden;
  left: 0;
  right: 0;
  margin: auto;
}

.clients-text {
  font-size: 17px;
  line-height: 30px;
  color: #000;
  font-weight: normal;
}

.clients-image h3 a {
  color: #333;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.db-testimonials {
  text-align: center;
  color: rgb(255, 255, 255);
  background: #f7f7f7;
}

.db-testimonials h2,
.eboost-section-heading h2,
.eboost-section-heading h1,
div#eboost-blog h2.blog-heading {
  font-size: 34px;
  text-transform: uppercase;
  margin: 15px 0;
  color: #000;
  font-weight: 600;
}

.testimonials-contain {
  padding: 0 25px;
}

.testimonials-contain-wrapper {
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.db-testimonials h2 {
  padding-bottom: 4.2858rem;
  color: #000;
}

.clients-text:before {
  content: "\f10d";
  font-family: fontAwesome;
  padding-right: 10px;
  opacity: 0.3;
}

.clients-text:after {
  content: "\f10e";
  font-family: fontAwesome;
  padding-left: 10px;
  opacity: 0.3;
}

.testimonials-contain-wrapper:hover {
  background: #000;
  color: #ffffff;
  box-shadow: 0 0 1px #ffffff border-radius:20px;
}

.testimonials-contain-wrapper:hover .clients-image h3 a,
.testimonials-contain-wrapper:hover .clients-text {
  color: #fff;
}

.clients-image h3 {
  position: relative;
  padding-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .db-testimonials h2,
  .eboost-section-heading h2,
  .eboost-section-heading h1,
  div#eboost-blog h2.blog-heading,
  .eb-callback-section h2 {
    font-size: 28px;
  }
  .testimonials-contain {
    padding: 0;
  }
}


/*=============================================================
=========================blog section =======================
=============================================================*/

div#eboost-blog h2.blog-heading {
  text-align: center;
  padding-bottom: 4.2858rem;
}

div#eboost-blog h2 a {
  margin-bottom: 5.1rem;
  color: #717171;
  position: relative;
}

div#eboost-blog {
  padding: 40px 0;
  background: #fff;
}

.img-n-des.clearfix {
  background: #fff;
  position: relative;
  margin-bottom: 2em;
}

.img-n-des.clearfix:hover {
  box-shadow: 0px 0px 5px #a0a0a0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.img-n-des.clearfix:hover .blog-date {
  background: #2595ff;
}

h2.news-title:before {
  border-bottom: 0 !important;
}

div#eboost-blog h3.news-title,
div#eboost-blog p {
  padding: 0 10px;
  color: #000; 
}

div#eboost-blog h3.news-title a {
  color: #000;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.detail {
  bottom: 0;
  width: 100%;
  padding: 2px 10px;
  display: inline-flex;
}

.detail a,
.detail span {
  font-size: 12px;
}

.img-n-des.clearfix .user a span {
  padding-left: 6px;
}

.blog-date {
  position: absolute;
  background: #2595ff;
  padding: 5px 14px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 6px;
  display: none;
}

.img-wrapper img,
.img-wrapper,
.img-n-des.clearfix {
  border-radius: 6px 6px 0 0px;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}

.img-wrapper img:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0.7;
}

.blog-date a,
.blog-date a:visited {
  color: #fff;
}

.detail a:hover,
.img-n-des.clearfix .user a span:hover {
  color: #2595ff;
}

.blog-date a:hover {
  text-decoration: none;
  color: #000;
}

.more-blog {
  text-align: center;
  padding: 40px 0;
}

@media screen and (max-width: 767px) {
  div#eboost-blog h2.news-title {
    font-size: 22px;
  }
  .more-blog {
    padding: 0;
  }
}


/*=============================================================
=================social menu =================================
=============================================================*/

.social-widget.salient-social-section.social-icon-only.top-tooltip {
  text-align: center;
  background: #f7f7f7;
}

.social-menu {
  text-align: center;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .salient-social-section ul {
    padding-left: 0;
    text-align: center;
  }
  .salient-social-section ul li {
    display: inline-block;
  }
}

.salient-social-section ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

.salient-social-section ul li {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: center;
}

.salient-social-section ul a {
  position: relative;
  color: #fff;
}

.salient-social-section ul a span,
.salient-social-section ul a .page-links a,
.page-links .salient-social-section ul a a {
  bottom: 0;
  background-color: #333333;
  display: inline-block;
  min-height: 30px;
  position: absolute;
  padding: 7px 10px 8px;
  right: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  font-size: 0px;
  font-size: 0rem;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: font-size 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -moz-transition: font-size 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -ms-transition: font-size 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -o-transition: font-size 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: font-size 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.salient-social-section ul a span:after,
.salient-social-section ul a .page-links a:after,
.page-links .salient-social-section ul a a:after {
  border-left: 6px solid #333333;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
  right: -5px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 6px;
}

.salient-social-section ul a:after {
  border: 2px solid white;
  color: #fff;
  display: inline-block;
  font-family: "FontAwesome";
  font-weight: 400;
  margin-left: 5px;
  margin-right: 5px;
  line-height: 46px;
  text-align: center;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  font-size: 22px;
  font-size: 2.5rem;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  -webkit-background-color: rgba(0, 0, 0, 0.5);
  -moz-background-color: rgba(0, 0, 0, 0.5);
  -ms-background-color: rgba(0, 0, 0, 0.5);
  -o-background-color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.5);
  padding: 40px;
}

@media screen and (max-width: 767px) {
  .salient-social-section ul a:after {
    background-color: transparent;
    color: #cccccc;
  }
  .salient-social-section ul a:after {
    padding: 20px 15px;
  }
}

.salient-social-section ul a:hover span,
.salient-social-section ul a:hover .page-links a,
.page-links .salient-social-section ul a:hover a,
.salient-social-section ul a:focus span,
.salient-social-section ul a:focus .page-links a,
.page-links .salient-social-section ul a:focus a,
.salient-social-section ul a:active span,
.salient-social-section ul a:active .page-links a,
.page-links .salient-social-section ul a:active a {
  bottom: 0;
  right: 100%;
  top: 0;
  font-size: 13.008px;
  font-size: 0.813rem;
  opacity: 1;
  filter: alpha(opacity=100);
}

.salient-social-section ul a:hover:after,
.salient-social-section ul a:focus:after,
.salient-social-section ul a:active:after {
  border-color: #999999;
  background-color: #fff;
}

.salient-social-section ul a[href*="facebook.com"]:after {
  content: "\f09a";
  color: #3C579E !important;
}

.salient-social-section ul a[href*="twitter.com"]:after {
  content: "\f099";
  color: #01BBF6 !important;
}

.salient-social-section ul a[href*="linkedin.com"]:after {
  content: "\f0e1";
  color: #1484C3 !important;
}

.salient-social-section ul a[href*="instagram.com"]:after {
  content: "\f16d";
  color: #2D6A93 !important;
}

.salient-social-section ul a[href*="youtube.com"]:after {
  content: "\f167";
  color: #c4302b !important;
}

.salient-social-section ul a[href*="plus.google.com"]:after {
  content: "\f0d5";
  color: #D73D32 !important;
}

.salient-social-section ul a[href*="pinterest.com"]:after {
  content: "\f0d2";
  color: #BD2126 !important;
}

.salient-social-section ul a[href*="flickr.com"]:after {
  content: "\f16e";
  color: #FD0083 !important;
}

.salient-social-section ul a[href*="tumblr.com"]:after {
  content: "\f173";
  color: #34465D !important;
}

.salient-social-section ul a[href*="wordpress.org"]:after {
  content: "\f19a";
  color: #3480A4 !important;
}

.salient-social-section ul a[href*="wordpress.com"]:after {
  content: "\f19a";
  color: #3480A4 !important;
}

.salient-social-section ul a[href*="soundcloud.com"]:after {
  content: "\f1be";
}

.salient-social-section ul a[href*="dribbble.com"]:after {
  content: "\f17d";
}

.salient-social-section ul a[href*="digg.com"]:after {
  content: "\f1a6";
}

.salient-social-section ul a[href*="behance.net"]:after {
  content: "\f1b4";
}

.salient-social-section ul a[href*="vine.co"]:after {
  content: "\f1ca";
}

.salient-social-section ul a[href*="snapchat.com"]:after {
  content: "\f2ab";
}

.salient-social-section ul a[href*="reddit.com"]:after {
  content: "\f1a1";
}

.salient-social-section ul a[href*="medium.com"]:after {
  content: "\f23a";
}

.salient-social-section ul a[href*="whatsapp.com"]:after {
  content: "\f232";
}

.salient-social-section ul a[href*="slack.com"]:after {
  content: "\f198";
  color: #56B68B !important;
}

.salient-social-section ul a[href*="vk.com"]:after {
  content: "\f189";
}

.salient-social-section ul a:hover[href*="facebook.com"]:after {
  color: #3C579E !important;
}

.salient-social-section ul a:hover[href*="twitter.com"]:after {
  color: #01BBF6 !important;
}

.salient-social-section ul a:hover[href*="linkedin.com"]:after {
  color: #1484C3 !important;
}

.salient-social-section ul a:hover[href*="instagram.com"]:after {
  color: #2D6A93 !important;
}

.salient-social-section ul a:hover[href*="youtube.com"]:after {
  color: #D62424 !important;
}

.salient-social-section ul a:hover[href*="pinterest.com"]:after {
  color: #BD2126 !important;
}

.salient-social-section ul a:hover[href*="plus.google.com"]:after {
  color: #D73D32 !important;
}

.salient-social-section ul a:hover[href*="flickr.com"]:after {
  color: #FD0083 !important;
}

.salient-social-section ul a:hover[href*="tumblr.com"]:after {
  color: #34465D !important;
}

.salient-social-section ul a:hover[href*="wordpress.org"]:after {
  color: #3480A3 !important;
}

.salient-social-section ul a:hover[href*="wordpress.com"]:after {
  color: #3480A4 !important;
}

.salient-social-section ul a:hover[href*="soundcloud.com"]:after {
  color: #FF4E00 !important;
}

.salient-social-section ul a:hover[href*="dribbble.com"]:after {
  color: #EE6D9E !important;
}

.salient-social-section ul a:hover[href*="digg.com"]:after {
  color: #000000 !important;
}

.salient-social-section ul a:hover[href*="behance.net"]:after {
  color: #131418 !important;
}

.salient-social-section ul a:hover[href*="vine.co"]:after {
  color: #00BF8F !important;
}

.salient-social-section ul a:hover[href*="snapchat.com"]:after {
  color: #FF5500 !important;
}

.salient-social-section ul a:hover[href*="reddit.com"]:after {
  color: #CEE3F8 !important;
}

.salient-social-section ul a:hover[href*="medium.com"]:after {
  color: #02B875 !important;
}

.salient-social-section ul a:hover[href*="whatsapp.com"]:after {
  color: #4EC65A !important;
}

.salient-social-section ul a:hover[href*="slack.com"]:after {
  color: #56B68B !important;
}

.salient-social-section ul a:hover[href*="vk.com"]:after {
  color: #537599 !important;
}

.salient-social-section.top-tooltip a span,
.salient-social-section.top-tooltip a .page-links a,
.page-links .salient-social-section.top-tooltip a a,
.salient-social-section.top-tooltip a:visited span,
.salient-social-section.top-tooltip a:visited .page-links a,
.page-links .salient-social-section.top-tooltip a:visited a {
  background-color: #1a1a1a;
  height: 20px;
  top: -100px;
  left: -40%;
  right: 0;
  width: 180%;
  line-height: 1;
}

.salient-social-section.top-tooltip a span:after,
.salient-social-section.top-tooltip a .page-links a:after,
.page-links .salient-social-section.top-tooltip a a:after,
.salient-social-section.top-tooltip a:visited span:after,
.salient-social-section.top-tooltip a:visited .page-links a:after,
.page-links .salient-social-section.top-tooltip a:visited a:after {
  border-top: 6px solid #1a1a1a;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: 40px;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  left: 0;
  width: 6px;
  height: 6px;
}

.salient-social-section.top-tooltip a:after,
.salient-social-section.top-tooltip a:visited:after {
  border: none;
  color: #fff;
  font-family: "FontAwesome";
  background-color: transparent;
  font-size: 40px;
}

.salient-social-section.top-tooltip a:after:hover,
.salient-social-section.top-tooltip a:visited:after:hover {
  background-color: transparent;
}

.salient-social-section.top-tooltip a:hover span,
.salient-social-section.top-tooltip a:hover .page-links a,
.page-links .salient-social-section.top-tooltip a:hover a,
.salient-social-section.top-tooltip a:focus span,
.salient-social-section.top-tooltip a:focus .page-links a,
.page-links .salient-social-section.top-tooltip a:focus a,
.salient-social-section.top-tooltip a:active span,
.salient-social-section.top-tooltip a:active .page-links a,
.page-links .salient-social-section.top-tooltip a:active a,
.salient-social-section.top-tooltip a:visited:hover span,
.salient-social-section.top-tooltip a:visited:hover .page-links a,
.page-links .salient-social-section.top-tooltip a:visited:hover a,
.salient-social-section.top-tooltip a:visited:focus span,
.salient-social-section.top-tooltip a:visited:focus .page-links a,
.page-links .salient-social-section.top-tooltip a:visited:focus a,
.salient-social-section.top-tooltip a:visited:active span,
.salient-social-section.top-tooltip a:visited:active .page-links a,
.page-links .salient-social-section.top-tooltip a:visited:active a {
  background-color: #1a1a1a;
  top: -100px;
  display: none;
}

ul#social-menu li a {
  border-bottom: none !important;
}

footer#colophon .menu-socialnav-container ul li {
  padding-bottom: 0;
}
footer#colophon  label {
    width: 100%;
}
footer#colophon textarea{
  min-height: 100px;

}

/*=============================================================
=======================inner pages and posts ==================
=============================================================*/

div#content {
  overflow: hidden;
  position: relative;
}

.container.tb-post-content main#main,
main#main {
  padding: 16px;
  background: #fff;
}

.container.tb-post-content #primary,
body.search.search-results section#primary,
body.search.search-no-results section#primary {
  width: 70%;
  padding-right: 5%;
}

body.home.page main#main {
  padding: 10px;
}

body.home.page-template-default #primary {
  width: 100%;
  padding-left: 0;
  padding-right: 5%;
}

body.archive.category.category-uncategorized article,
body.search.search-results article,
body.archive.tag.tag-post-formats article,
div#primary article {
  border: 1px solid rgb(239, 239, 239);
  padding: 0 10px 30px 10px;
  margin-bottom: 30px;
  border-radius: 4px;
}

body {
  overflow-x: hidden;
}

#secondary {
  width: 30%;
  background: #f7f7f7;
  padding: 10px;
  border: 1px solid #f7f7f7;
}

.site-content #primary,
.site-content #secondary {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.single-post .page-inner-title,
.page .page-inner-title,
.wrapper.page-inner-title {
  position: relative;
  background: #f7f7f7;
  color: #000;
  padding: 30px 0;
  text-align: center;
  margin-bottom: 20px;
  font-weight: normal;
  top: 70px;
}

body.home .wrapper.page-inner-title {
  position: unset;
}

header.entry-header h1 {
  font-size: 34px;
  margin: 0 0 10px 0;
  color: #000;
}

.breadcrumb-wrap ul li {
  display: inline-block;
  color: #000;
  margin-right: 10px;
  font-size: 17px;
  font-weight: normal;
}

.breadcrumb-wrap ul li:after {
  content: ' / ';
  padding-left: 5px;
}

.breadcrumb-trail.breadcrumbs ul li a span:hover,
.breadcrumb-trail.breadcrumbs ul li a:hover,
ul.trail-items a:hover,
span.author.vcard a:hover,
form#commentform p a:hover {
  text-decoration: none;
}

ul.trail-items span,
header.entry-header,
.entry-meta .entry-inner span {
  margin-top: 3px;
  -webkit-transition: all 0.5s ease 0.1s;
  -moz-transition: all 0.5s ease 0.1s;
  transition: all 0.5s ease 0.1s;
}

header.entry-header h2 {
  margin: 0;
}

.breadcrumb-wrap ul li.trail-end:after {
  content: '';
}

#page {
  overflow: hidden;
}

ul.trail-items {
  padding-left: 17px;
  margin-bottom: 0;
}

ul.trail-items a,
span.author.vcard a,
form#commentform p a {
  color: #525252;
}

p.comment-form-comment label {
  color: #615b5a;
  font-weight: normal;
  padding-top: 10px;
}

.container.tb-post-content {
  display: flex;
  margin-top: 20px;
  padding-bottom: 20px;
}

.blog .tb-post-content aside.widget-area,
.archive .tb-post-content aside.widget-area,
.single-post .tb-post-content aside.widget-area,
.page .tb-post-content aside.widget-area {
  margin-top: 0;
}

span.post-navi {
  display: none;
}

.nav-previous a,
.nav-next a {
  padding: 11px 16px;
  border: 1px solid #e2e2e2;
  display: inline-table;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  margin-top: 15px;
  color: #6c6c6c;
}

p.comment-form-comment label {
  color: #615b5a;
  font-weight: normal;
  padding-top: 10px;
}

.entry-content p {
  padding: 10px 0;
}

ol.comment-list a {
  color: #000000;
  font-weight: normal;
}

ol.comment-list {
  padding: 17px 17px;
  line-height: 25px;
}

.nav-previous a:before {
  content: "<<";
  padding-right: 10px;
}

.nav-next a:after {
  content: ">>";
  padding-left: 10px;
}

@media screen and (max-width:767px) {
  .container.tb-post-content {
    display: block;
  }
  body.home.page-template-default.page .container.tb-post-content main {
    padding-right: 0;
  }
  .picture-item figcaption,
  .picture-item .figcaption {
    padding: 2px;
  }
  body #primary,
  body .img-n-des.clearfix span.cat-links,
  body aside#secondary,
  body #secondary {
    width: 100% !important;
    padding-right: 0 !important;
  }
  body #secondary {
    margin-top: 20px;
  }
  body.salient-left-sidebar #content .container.tb-post-content div#primary {
    padding-left: 0;
  }
  .single-post .page-inner-title,
  .page .page-inner-title,
  .wrapper.page-inner-title {
    padding: 20px 0;
    text-align: center;
    margin-bottom: 20px;
  }
}


/*=============================================================
=========================latest post ==========================
=============================================================*/

h2.entry-title a {
  font-size: 24px;
  font-weight: normal;
  color: #565656;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

h2.entry-title a:hover,
h2.entry-title a:focus {
  color: #1365b1;
  text-decoration: none;
}

body.home.blog article {
  border-bottom: 3px solid #f75e43;
  padding-bottom: 14px;
  margin: 0 0 20px 0;
}

article .entry-meta {
  padding: 10px 0;
}

span.comments-link a {
  padding-right: 14px;
  color: #525252;
}

footer.entry-footer a:hover,
footer.entry-footer a:active,
footer.entry-footer a:focus,
span.posted-on a {
  color: #525252;
  text-decoration: none;
}

footer.entry-footer {
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: #dedede;
}

.page footer.entry-footer {
  display: none;
}

span.posted-on:before {
  content: "\f073";
  font-family: fontAwesome;
  padding-right: 6px;
}

.footer-wrapper .tagcloud a {
  font-size: 14px !important;
  padding: 0 8px;
}

.footer-wrapper .tagcloud a:before {
  content: "\f02c";
  font-family: fontAwesome;
  padding-right: 6px;
}

.footer-wrapper .tagcloud a:hover {
  text-decoration: none;
  color: #fff !important;
}


/*=============================================================
 ======================sidebar css============================
=============================================================*/

aside#secondary label {
  width: calc(100% - 101px);
}

aside#secondary select {
  width: 100%;
  left: 0;
  right: 0;
  margin: auto;
}

aside#secondary h2 {
  color: #5d5b5b;
  font-weight: normal;
  padding: 10px 13px;
  font-size: 21px;
  text-transform: uppercase;
  background: #f7f7f7;
  text-align: left;
  margin: 0 0 15px 0;
  border-left: 4px solid #e8e8e8;
}

aside#secondary a {
  color: #000;
  line-height: 35px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

aside#secondary ul li {
  list-style: none;
  border-bottom: 1px solid #e4e4e4;
  padding-top: 10px;
}

aside#secondary ul {
  padding: 0;
}

aside#secondary ul li:last-child {
  border-bottom: 0;
}

aside#secondary ul li:before {
  content: "\f0a4";
  font-family: fontAwesome;
  padding-right: 10px;
  opacity: 0.6;
}

aside#secondary ul li a:hover {
  color: #1365b1;
}

aside#secondary section {
  background: #fff;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  padding-bottom: 13px;
  padding: 10px;
}

body.search.search-no-results div#content {
  display: flex;
}

aside#secondary .widget_categories ul li:before {
  content: "\f02c";
}

aside#secondary .widget_recent_entries ul li:before {
  content: "\f0a1";
}

aside#secondary .widget_archive ul li:before {
  content: "\f187";
}

aside#secondary .widget_recent_comments ul li:before {
  content: "\f27a";
}

aside#secondary .widget_pages ul li:before {
  content: "\f016";
}

aside#secondary .widget_nav_menu ul li:before {
  content: "\f101";
}

aside#secondary .widget_meta ul li:before {
  content: "\f097";
}


/*=============================================================
===============default home sidebar and contain=============== 
=============================================================*/

body.home.page-template-default.page .container.tb-post-content main {
  padding-right: 5%;
}

body.home.page-template-default.page .container.tb-post-content #secondary {
  width: 30%;
}


/*=============================================================
========================right sidebar is selected============= 
=============================================================*/

.salient-left-sidebar .site-content #primary,
.salient-left-sidebar .site-content #secondary {
  float: right !important;
}

.salient-left-sidebar .container.tb-post-content {
  display: inherit;
}

body.salient-left-sidebar .container.tb-post-content div#primary {
  padding-left: 5%;
  padding-right: 0;
  width: 70%;
}


/*=============================================================
=====================no side bar=============================== 
=============================================================*/

.salient-no-sidebar aside#secondary {
  display: none;
}

.salient-no-sidebar .container.tb-post-content #primary,
body.search.search-results.salient-no-sidebar #primary {
  width: 100%;
  padding-right: 0;
}


/*=============================================================
=======================search page============================
=============================================================*/

body.search.search-results.salient-right-sidebar div#content {
  display: flex;
}

body.search.search-results.salient-right-sidebar aside#secondary,
body.search.search-results.salient-right-sidebar main#main,
body.search.search-no-results aside#secondary,
body.search.search-no-results main#main {
  margin: 30px 0 0 0;
}

@media screen and (max-width:767px) {
  body.search.search-no-results div#content {
    display: block;
  }
  body.search.search-results.salient-right-sidebar div#content {
    display: initial;
  }
}


/*=============================================================
              ============404 page =================
=============================================================*/

body.error404 #primary {
  width: 100%;
}

section.error-404.not-found {
  text-align: center;
}

section.error-404.not-found p {
  font-size: 18px;
  color: #f75e43;
}

section.error-404.not-found h1 {
  font-size: 90px;
}

section.error-404.not-found h1:before {
  content: "\f119";
  text-align: center;
  font-family: fontAwesome;
  display: block;
  color: rgba(0, 0, 0, 0.08);
}

section.error-404.not-found h1 i {
  color: #2595ff;
  opacity: 0.2;
}
div#pagenotfound-search {
  padding: 39px;
}


/*===================footer bottom section css================== */

.footer-wrapper {
  background: #000;
  padding: 25px 0;
}

.footer-wrapper ul {
  padding: 0;
}

.footer-wrapper aside {
  padding: 0 36px 0 0;
}

footer#colophon .row {
  padding-bottom: 25px;
}

footer#colophon h1 {
  color: #a5a2a2;
  font-size: 24px;
  position: relative;
  padding-bottom: 11px;
}

h1.widget-title:after {
  content: "";
  position: absolute;
  left: 3px;
  height: 1px;
  width: 10%;
  border-bottom: 3px solid #2595ff;
  top: 27px;
}

footer#colophon ul li a,
footer#colophon p {
  color: rgb(152, 150, 150);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 17px;
}

footer#colophon ul li {
  list-style: none;
}

footer#colophon aside ul li a:before {
  content: "\f105";
  font-family: fontawesome;
  padding-right: 6px;
}

footer .copy-right {
  padding: 2rem 0;
  background: #242424;
  text-align: center;
  color: #737373;
}

footer .copy-right a {
  color: #a0a0a0;
  text-decoration: none;
}

footer table#wp-calendar {
  color: #6f6f6f;
  border: 1px solid #2d2d2d;
  text-align: center;
}

footer th {
  text-align: center;
  padding: 6px 0;
}

td a {
  color: #f75e43;
}

footer#colophon ul li a:hover,
.user a:hover,
.date span a:hover,
.img-n-des.clearfix h2 a:hover {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-decoration: none;
}

.contact-list a {
  color: #676767;
}

.contact-list a:hover {
  color: #676767;
}

.footer-wrapper aside {
  margin-bottom: 40px;
}

.back-tonav,
.back-tonav:visited {
  display: none;
  position: fixed;
  right: 15px;
  background: #2595ff none repeat scroll 0 0;
  bottom: 15px;
  color: #ffffff;
  font-size: 28px;
  padding: 3px 13px 8px;
  line-height: 1;
  z-index: 9997;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;
  cursor: pointer;
}

.back-tonav:hover {
  border-radius: 20%;
  background: #2595ff;
}


/*=======================================
     =============slick slider========
=========================================*/

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 30px;
  line-height: 1;
  opacity: .75;
  color: #101010;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev:before {
  content: "\f104";
  font-family: FontAwesome;
  padding-left: 5px;
  font-size: 70px;
  font-weight: 300;
  color: #f75e43;
}

.slick-next:before {
  content: "\f105";
  font-family: FontAwesome;
  padding-left: 5px;
  font-size: 70px;
  font-weight: 300;
  color: #f75e43;
}

.slick-prev {
  left: -25px;
}

.slick-next {
  position: absolute;
  right: -25px;
}

.slick-prev,
.slick-next {
  height: 40px;
  width: 40px;
  font-size: 0;
  line-height: 0;
  top: 54%;
  margin-top: -10px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent !important;
  position: absolute;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent !important;
}

.slick-dots li button::before {
  font-family: slick;
  font-size: 40px;
  line-height: 20px;
  position: absolute;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  color: #2595ff;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: #2595ff;
}

ul.slick-dots li {
  list-style: none;
  float: left;
  margin-top: 30px;
}

ul.slick-dots {
  text-align: center;
  display: inline-block;
  padding: 0;
}

.carousel-indicators .active {
  background-color: #f75e43 !important;
}

.carousel-indicators li {
  border: 1px solid #f75e43 !important;
}


/*=============================================
==============miscellaneous====================
===============================================*/

.entry-content p a,
.entry-content dd a,
span.cat-links a,
span.tags-links a,
span.edit-link a,
th a,
.user a,
.user span {
  color: #525252;
  text-decoration: none;
  line-height: 25px;
  padding: 0 2px 0 0;
}

table th a :hover,
table th a:focus,
table th a:active {
  color: #525252;
}

table tr,
tbody tr td {
  border: 1px solid #a2a2a2;
  padding: 11px;
}

th {
  padding: 11px !important;
  border: 1px solid #a2a2a2;
}

span.tags-links {
  padding-right: 4px;
}

span.tags-links a {
  text-decoration: none;
}

span.tags-links a:hover,
span.cat-links a:hover,
span.posted-on a:hover {
  color: #2595ff;
}

span.tags-links:before {
  content: "\f02c";
  font-family: fontAwesome;
  padding: 0 3px;
}

span.edit-link a {
  text-decoration: none;
}

body.archive .entry-content p {
  padding: 10px 0;
}

.entry-meta.entry-inner {
  margin: 15px 0;
}

.entry-meta.entry-inner a,
.wrapper.page-inner-title header.entry-header span.author.vcard a,
ul.trail-items a {
  color: #000;
  margin: 0;
  -webkit-transition: all 0.5s ease 0.1s;
  -moz-transition: all 0.5s ease 0.1s;
  transition: all 0.5s ease 0.1s;
}

div#calendar_wrap a {
  color: #f75e43;
}



body.archive.tag.tag-post-formats #primary {
  margin-top: 18px;
}


footer.entry-footer .cat-links {
  padding-right: 11px;
}

span.cat-links a {
  text-decoration: none;
}

span.cat-links a:after {
  content: ",";
}

span.cat-links a:last-child:after {
  content: " ";
}

span.cat-links:before {
  content: "\f115";
  font-family: fontAwesome;
  padding: 0 6px;
}

span.cat-links a:hover {
  text-decoration: none;
}

span.edit-link a:before {
  content: "\f044";
  font-family: fontAwesome;
  padding-right: 3px;
}

button:active,
button {
  outline: none !important;
  border: none;
}

textarea,
select button:focus {
  outline: none !important;
}




/*=============================================================
              ============woocommerce =================
=============================================================*/

input#coupon_code {
  min-width: 106px;
}

input.input-text.qty.text {
  min-width: 57px;
}

td.actions input.button,
.woocommerce ul.products li.product .button,
button.single_add_to_cart_button.button.alt,
div#respond input#submit,
a.button.wc-backward {
  color: #fff !important;
  border-radius: 0 !important;
  padding: 10px 12px;
}

div#container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding: 40px 15px;
  width: 100%;
}

ul.products li {
  background: #fff;
  padding: 10px !important;
  box-shadow: 0 0 10px #808080;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  min-height: 407px;
}

ul.products li:hover {
  box-shadow: none;
  border: 2px solid #dedede;
}

div#tab-reviews {
  padding: 10px;
}

p.comment-form-author {
  padding-right: 20px;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:after,
a.added_to_cart.wc-forward:after,
button.single_add_to_cart_button.button.alt:after {
  content: "\f07a";
  padding-left: 6px;
  font-family: fontAwesome;
}

p.cart-empty:after {
  content: "\f07a";
  font-family: fontAwesome;
}

p.cart-empty {
  text-align: center;
  background: #c2cdd8;
}

a.button.wc-backward:before {
  content: "<<";
  padding-right: 3px;
}

@media screen and (max-width:767px) {
  ul.products li {
    min-height: 100px;
  }
}


/*==============happy style=========================================== */