/*
Theme Name: eBoost
Theme URI:
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: 0.5.0
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: 'Work Sans', 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;
  font-family: 'Work Sans', sans-serif;
  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: #404040;
  font-family: 'Work Sans', sans-serif !important;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  overflow-x: hidden;
}

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

h1,
h2,
h4,
h5,
h6 {
  clear: both;
  font-family: 'Work Sans', sans-serif;
}

p {
  font-size: 16px;
  line-height: 25px;
  color: rgb(68, 68, 68);
  margin-bottom: 1.5em;
  font-family: 'Work Sans', 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: 16px;
  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;
  padding-top: 6px;
}

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

.main-navigation a {
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 11.8pt;
  padding: 4px 6px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

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

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

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

nav li a:visited {
  color: #fff;
}

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

.menu-main-menu-container ul li a {
  color: #fff;
  font-weight: normal;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  transition: all 0.7s;
}

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

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

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

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

.main-navigation ul ul a {
  width: 270px;
}

.main-navigation ul ul li {
  padding: 5px 5px 5px 5px;
  border-bottom: 1px solid #fff;
}

body.logged-in.admin-bar .main-nav-scrolled {
  top: 32px;
}

@media screen and (max-width: 768px) {
  body.logged-in.admin-bar .main-nav-scrolled {
    top: 0;
  }
}

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

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

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

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {}

.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,
.main-navigation .current-menu-item>a,
.main-navigation .current_page_ancestor>a,
.main-navigation .current-menu-ancestor>a {
  color: #2595ff;
}

.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 {
  color: #fff;
  text-decoration: none;
}

.main-navigation a::after {
  content: '';
  display: block;
  width: 0;
  height: 1px;
  background: #fff;
  transition: width .3s;
}

.main-navigation a:hover::after {
  width: 100%;
  transition: width .3s;
}

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

.menu-main-menu-container li.menu-item-has-children ul li a {
  color: #424040;
  font-weight: normal;
}

li.menu-item-has-children:hover ul.sub-menu,
li.menu-item-has-children ul.sub-menu:hover ul.sub-menu {
  display: block !important;
  position: absolute;
  top: 30px;
  background: #fff;
  color: #000;
}

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

p.site-title,
h1.site-title {
  margin: 0;
  font-family: 'Work Sans', sans-serif;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}


/*=============================================================
====================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;
  color: #2595ff;
  font-size: 11px;
}

.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;
  color: #2595ff;
}


/*=============================================================
====================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 ================================
=============================================================*/

header#masthead {
  background: #fff;
}

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

.site-branding .site-description {
  font-size: 14px;
  margin: 0;
  color: #fff;
  letter-spacing: 2px;
}

.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 {
  position: fixed;
  top: 0;
  z-index: 999999999999;
  width: 100%;
  background: #1c3e52;
  -moz-transition: all 0.7s;
  transition: all 0.7s;
}

.eboost-main-menu-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  background: rgb(0, 0, 0);
  padding: 14px;
  z-index: 99999;
}

body.home .eboost-main-menu-wrapper {
  background: transparent;
}

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

.eboost-main-menu-wrapper.main-nav-scrolled {
  position: fixed;
  background: #000 !important;
  padding: 4px 0;
}

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

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

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

div#wp-custom-header {
  height: 668px;
  overflow: hidden;
}

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


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

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

section.banner-section {
  position: relative;
}

.eboost-banner-content h2 {
  font-weight: 400;
  font-size: 48px;
  color: #ffffff;
  position: relative;
}

.banner-wrapper .overlay img {
  opacity: 0.5;
  width: 100%;
  position: relative;
  min-height: 443px;
}

.banner-wrapper {
  min-height: 443px;
}

.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: 16px;
}

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

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

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

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


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

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

section#eboost-featured {
  background: #efefef;
  border-top: 1px solid #d2d2d2;
}

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

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

.eboost-featured-content h3 {
  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%;
  color: #2595FF;
  -webkit-transition: all ease 1s;
  -moz-transition: all ease 1s;
  transition: all ease 1s;
}

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

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


/*=============================================================
==================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 {
  opacity: 0.8;
}

.eb-callback-caption {
  font-size: 16px;
  padding: 70px 60px;
  line-height: 30px;
  color: #fff7f7;
}

#eb-callback-background {
  background-repeat: no-repeat !important;
  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: 400;
}

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

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

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


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

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

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

.service-image-right {
  background: -webkit-linear-gradient( bottom right, #0083ff, #13599c, rgb(37, 149, 255), #0b1f31);
  background: -o-linear-gradient( bottom right, #0083ff, #13599c, rgb(37, 149, 255), #0b1f31);
  background: -moz-linear-gradient( bottom right, #0083ff, #13599c, rgb(37, 149, 255), #0b1f31);
  background: linear-gradient(to bottom right, #0083ff, #13599c, rgb(37, 149, 255), #0b1f31);
  padding: 40px 0 0 0;
  color: #fff;
  overflow: hidden;
  height: 597px;
}

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

.service-image-right .img {
  float: right;
}

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

.service-image-right .eboost-service-description p {
  color: #fff;
}

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

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

@media screen and (max-width:768px) {
  .service-image-left,
  .service-image-right {
    height: auto;
    padding: 0;
  }
  h1,
  h2,
  h3,
  h4 {
    font-size: 30%;
  }
}


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

.clients-image img {
  height: 100px;
  width: 100px;
  border-radius: 100%;
  margin-top: 4.2858rem;
}

.slick-slide img {
  display: inline !important;
}

.clients-text {
  font-size: 16px;
  padding: 10px 60px;
  line-height: 30px;
  color: rgb(68, 68, 68);
  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;
}

.clients-image h3 a:hover,
.clients-image h3 a:focus,
.clients-image h3 a:active {
  color: #b77d64;
  text-decoration: none;
}

.db-testimonials {
  text-align: center;
  color: rgba(68, 68, 68, 0.44);
  background: #fff;
}

.db-testimonials h2,
.eboost-section-heading h2,
.eboost-section-heading h1 {
  font-weight: 400;
  font-size: 2.6em;
  color: #717171;
  position: relative;
}


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

div#eboost-blog h2.blog-heading {
  text-align: center;
  margin-bottom: 5.1rem;
  color: #717171;
  font-weight: 400;
  position: relative;
}

div#eboost-blog {
  background: #efefef;
  padding: 40px 0;
  border-top: 1px solid #dedbdb;
}

.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 h2.news-title,
div#eboost-blog p {
  padding: 0 10px;
}

div#eboost-blog h2 {
  font-weight: 300;
}

.detail {
  bottom: 0;
  background: rgba(16, 15, 15, 0.16);
  width: 100%;
  padding: 13px 10px;
  display: inline-flex;
}

.detail .user {
  width: 37%;
}

.user a i {
  color: #2595ff;
}

.f-blog-cat.clearfix {
  width: 63%;
  float: right;
}

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

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

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


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

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

@media screen and (max-width: 767px) {
  .salient-social-section {
    border-color: #787878;
    border-style: solid;
    border-width: 1px 0;
    text-align: center;
    margin-bottom: 10px;
  }
  .site-branding {
    padding: 0;
  }
}

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

@media screen and (max-width: 767px) {
  .salient-social-section ul {
    margin-bottom: 7px;
    margin-top: 7px;
    padding-left: 0;
    text-align: center;
  }
}

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

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

.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;
  height: 46px;
  margin-left: 5px;
  margin-right: 5px;
  line-height: 46px;
  text-align: center;
  width: 46px;
  -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);
}

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

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

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


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

div#content,
div#page {
  background: #efefef;
}

main#main {
  background: #fff;
  padding: 16px;
  margin-bottom: 20px;
}

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

body.home main#main {
  padding: 0;
}

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

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

body {
  overflow-x: hidden;
}

#secondary {
  width: 30%;
  margin-bottom: 7px;
}

.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: #242424;
  color: #fff;
  padding: 31px 0;
  text-align: center;
  margin-bottom: 6px;
  font-weight: normal;
  top: 70px;
}

header.entry-header h1 {
  margin: 0;
  font-size: 24px;
  color: #fff;
}

.breadcrumb-wrap ul li {
  display: inline-block;
  color: #fff;
  margin-right: 10px;
  font-size: 12px;
  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 {
  color: #2d99ff;
  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 p {
  color: #fff;
  padding-top: 10px;
}

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

ul.trail-items {
  padding-left: 16px;
  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;
}

.nav-previous a:hover,
.nav-next a:hover {
  text-decoration: none;
  color: rgb(37, 149, 255);
  border: 1px solid rgb(37, 149, 255);
}

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

.home.blog #primary {
  width: 70%;
  padding-left: 16px;
  padding-right: 5%;
}

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

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


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

header.entry-header h2 {
  margin: 0;
  padding-bottom: 10px;
  color: #fff;
}

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 {
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  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;
  color: #2696ff;
  font-size: 11px;
}

.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 form.search-form {
  padding: 0 13px 10px 13px;
}

aside#secondary h2 {
  color: #ffffff;
  font-weight: normal;
  padding: 10px 13px;
  font-size: 21px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #1365b1;
  text-align: center;
  margin: 0 0 15px 0;
}

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 13px;
}

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

aside#secondary ul li:before {
  content: "\f0a4";
  font-family: fontAwesome;
  color: rgba(37, 149, 255, 0.53);
  padding-right: 10px;
}

aside#secondary ul li a:hover {
  color: #1365b1;
  letter-spacing: 1px;
}

aside#secondary section {
  background: #fff;
  box-shadow: 0 0 10px #c3c3c3;
  border: 1px solid #cacaca;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

aside#secondary section:hover {
  background: #fff;
  box-shadow: none;
  border: 1px solid #cacaca;
}

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: 35%;
}


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

.salient-left-sidebar aside#secondary {
  border-left: none;
}

.salient-left-sidebar div#primary {
  padding-left: 5%;
}


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

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

.salient-no-sidebar .container.tb-post-content #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;
}


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

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

section.error-404.not-found {
  text-align: center;
  background: #efefef;
  padding: 100px 0;
  margin-bottom: 10px;
}

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


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

footer#colophon ul li {
  padding-bottom: 17px;
  list-style: none;
}

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

footer#colophon aside ul li a:hover {
  text-decoration: none;
  color: rgb(37, 149, 255);
}

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

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

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 {
  color: #525252;
  text-decoration: underline;
  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;
  color: #2595ff;
  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: #fff;
  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;
}

.entry-meta.entry-inner a:hover,
.wrapper.page-inner-title header.entry-header span.author.vcard a:hover,
ul.trail-items a:hover {
  color: #1365b1;
}

.background-black {
  position: fixed;
  z-index: 9999999;
  left: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.78);
  width: 100%;
  -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;
}

form.wpcf7-form label {
  width: 100%;
}

textarea.wpcf7-form-control.wpcf7-textarea {
  min-height: 150px;
}

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

.last-article {
  border-bottom: 0 !important;
}

.first-article {
  padding-top: 0 !important;
}

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

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

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

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

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

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

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

div#pagenotfound-search {
  padding: 39px;
}


/*=============================================================
              ============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 {
  background: #2595ff !important;
  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 {
  margin-top: -4px !important;
  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;
}

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


/*=================================================================
==============responsive=========================================== 
====================================================================*/

@media screen and (max-width:1000px) {
  .main-navigation ul ul {
    border-top: 0;
  }
  .eboost-banner-content {
    position: absolute;
    width: 100%;
    top: 20%;
    padding-right: 33px;
  }
}

@media screen and (max-width:768px) {
  nav ul {
    display: none;
    background: #000;
  }
  body.home .eboost-main-menu-wrapper {
    background: #000;
    position: fixed;
    z-index: 999999999;
  }
  nav.nav {
    margin-top: 20px;
  }
  .menu-main-menu-container ul li a {
    padding: 5px 0;
  }
  .menu-main-menu-container ul li a:first-child {
    border-top: 1px solid #5a5a5a;
  }
  .menu-main-menu-container ul li a:last-child {
    border-bottom: 0;
  }
  .nav-mobile {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-align: right;
    top: 0;
    position: fixed;
    right: 31px;
    cursor: pointer;
    width: 20px;
  }
  .eboost-banner-content h2 {
    font-size: 30px;
  }
  body.search.search-no-results div#content {
    display: block;
  }
  .site-branding p a {
    font-size: 28px;
  }
  .container.tb-post-content {
    display: block;
  }
  .eboost-service-description {
    margin-bottom: 11%;
  }
  .icons-n-titles-coll.clearfix .wrapper:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  body.home.page-template-default.page .container.tb-post-content main {
    padding-right: 0;
  }
  body.search.search-results.salient-right-sidebar div#content {
    display: initial;
  }
  .db-latest-news,
  .db-our-service,
  .db-testimonials .container,
  section.our-clients,
  section.service-slot {
    padding: 50px 0 20px 0;
  }
  .picture-item figcaption,
  .picture-item .figcaption {
    padding: 2px;
  }
  .header-accessories {
    height: 36px !important;
  }
  nav li,
  #primary,
  .img-n-des.clearfix span.cat-links,
  aside#secondary,
  #secondary {
    width: 100% !important;
  }
  #primary,
  .container.tb-post-content #primary {
    padding: 0;
  }
}

@media screen and (max-width:1000px) {
  ul.clearfix {
    margin-left: 0;
    display: grid;
    text-align: center;
  }
  .menu-main-menu-container {
    z-index: 999999;
  }
  .main-navigation a {
    color: #fff;
    padding: 20px 0;
    border-bottom: 1px solid #131313;
    border-bottom-style: dotted;
  }
  .main-navigation ul ul li {
    border-bottom: 1px solid #222;
    border-bottom-style: none;
    padding: 0;
  }
  .main-navigation li {
    padding: 0;
    width: 100%;
  }
  .main-navigation ul {
    position: absolute;
    left: -300px;
    -webkit-animation: slide 0.3s forwards;
    -webkit-animation-delay: 0.3s;
    animation: slide 0.3s forwards;
    animation-delay: 0.3s;
    padding: 10px 20px !important;
    background: #000;
    width: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .main-navigation ul ul {
    background: rgba(0, 0, 0, 0);
    box-shadow: none;
    padding: 0 17px;
    position: initial;
    overflow: hidden;
  }
  .main-navigation ul ul ul {
    padding: 0 18px;
  }
  .main-navigation ul ul a {
    width: 88%;
    font-size: 14px;
    font-weight: normal;
  }
  li.menu-item-has-children a:after {
    content: '';
  }
  .main-navigation ul ul li:hover {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
  }
  .main-navigation .current_page_item>a,
  .main-navigation .current-menu-item>a,
  .main-navigation .current_page_ancestor>a,
  .main-navigation .current-menu-ancestor>a {
    color: #fff;
  }
  .main-navigation li:hover>a,
  .main-navigation li.focus>a {
    border-bottom: 1px solid #f76a42;
  }
}

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

@media screen and (max-width:490px) {
  .eboost-top-nav a:before {
    content: '';
    position: initial;
  }
  .container.main-menu {
    margin-top: 15px;
  }
  .eboost-top-nav ul {
    padding-right: 0;
    padding-left: initial;
  }
  #eb-banner-slider .control svg {
    display: none;
  }
  .carousel-caption {
    top: 9%;
  }
}

@media screen and (max-width: 350px) {
  .container.main-menu {
    margin-top: 50px;
  }
}

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