/*
Theme Name: Flare Pro
Theme URI:
Author: Salient Themes
Author URI: http://salientthemes.com
Description: Flare, a clean and professional WordPress Business Theme that looks awesome on any devices. It is really simple to configure the site yourself. No single coding is required to develop a corporate/business websites. Along the amazing layout this theme is customizable but yet powerful theme options. Some of the best features are featured post slider, social icons, custom logo, customizer API, translation ready (compatible with Popular plugin) and many more.
Version: 1.0.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: flare
Tags: full-width-template, portfolio, left-sidebar, one-column, right-sidebar, rtl-language-support, theme-options, threaded-comments, translation-ready, two-columns, custom-background, custom-header, 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.

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


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

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

body {
  margin: 0;
}

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

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

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

[hidden],
template {
  display: none;
}

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

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

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: 100;
  color: #828282;
  font-family: 'PT 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;
}

main ul li,
main ol li {
  font-size: 16px;
  line-height: 25px;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

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

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

p {
  font-size: 16px;
  line-height: 25px;
  color: #676767;
  margin-bottom: 1.5em;
  font-family: 'PT Sans', sans-serif;
}
div{
  font-size: 16px;
  color: #676767;
  font-family: 'PT 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-radius: 0;
  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: rgb(35, 40, 45) !important;
  border-color: rgb(35, 40, 45) !important;
  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: #f75e43;
}

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: thin dotted;
  text-decoration: none;
}

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

button:active {
  outline: none;
  border: none;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.site-branding {
  padding: 20px 0;
}

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

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  float: right;
  padding-top: 6px;
  padding-left: 0 !important;
}

.main-navigation li {
  display: inline-block;
  position: relative;
  padding: 5px 15px;
}

.main-navigation a {
  display: block;
  text-decoration: none;
  color: #000;
  font-size: 11.8pt;
  padding: 4px 6px;
  letter-spacing: 1px;
}

.main-navigation a:hover {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.main-navigation ul ul {
  float: left;
  top: 38px;
  position: absolute;
  left: -999em;
  z-index: 99999;
  background: #fff;
  box-shadow: 2px 6px 10px rgba(0, 0, 0, 0.2);
}

.main-nav-scrolled {
  position: fixed;
  top: 0;
  z-index: 999999999999;
  width: 100%;
  box-shadow: 1px 1px 1px #acacac;
}

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

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

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

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

.main-navigation ul ul li:hover {
  -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: #000;
}

.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: #f76238;
  text-decoration: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

li.menu-item-has-children a:after {
  content: "\f107";
  font-family: FontAwesome;
  padding-left: 5px;
}

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

p.site-title,
h1.site-title {
  margin: 0;
  font-family: 'PT Sans', sans-serif;
}


/* 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: 9px;
  z-index: 999999999;
}

.menu-toggle span {
  display: block;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  width: 63%;
  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%;
}

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


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5em;
}

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

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

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

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


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


/*--------------------------------------------------------------
top bar css 
--------------------------------------------------------------*/

.col-md-7.col-sm-5.col-xs-12.address-section {
  padding-left: 0;
}

.flare-top-nav {
  padding: 0;
}

.address-section ul {
  margin-bottom: 0;
  font-family: 'PT Sans', sans-serif;
}

.flare-top-nav ul li {
  float: left;
  padding: 16px 10px;
  list-style: none;
  color: #000;
  text-align: center;
}

.address-section ul li {
  float: left;
  padding: 16.4px 10px;
  list-style: none;
  color: #fff;
}

.flare-top-nav a,
.address-section ul li a {
  color: #fff;
  letter-spacing: 1px;
  font-size: 11.8pt;
}

.col-md-5.col-sm-5.col-xs-12.flare-top-nav {
  top: 0px;
  position: absolute;
  right: 0;
}

ul li a :last-child {
  border-bottom: 0!important;
}

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

body.search.search-no-results aside#secondary {
  margin-top: 50px;
}

div#breadcrumb ul li a span:hover {
  color: #f75e43;
}

div#breadcrumb ul li a:hover {
  text-decoration: none;
}


/* for firefox browser only */

@-moz-document url-prefix() {
  .address-section ul li {
    padding: 15px 10px;
  }
}

.address-section ul li span {
  letter-spacing: 1px;
}

li.phone:before {
  content: "\f095";
  font-family: FontAwesome;
  padding-right: 5px;
  font-style: initial;
}

li.email:before {
  content: "\f0e0";
  font-family: FontAwesome;
  padding-right: 5px;
  font-style: initial;
}

li.address:before {
  content: "\f277";
  font-family: FontAwesome;
  padding-right: 5px;
  font-style: initial;
}

.header-accessories {
  background: #000;
  display: inline-block;
  width: 100%;
}

ul.clearfix {
  padding: 0;
}

.header-accessories ul li a:after {
  content: "";
}


/*--------------------------------------------------------------
nav bar css 
--------------------------------------------------------------*/

header#masthead {
  background: #fff;
}

.site-branding p a,
.site-branding h1 a {
  font-size: 35px;
  margin: 0;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 10px;
}

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

.site-branding p a:hover,
.site-branding p a:focus,
.site-branding h1 a:hover {
  /*  color: #f54615;
*/
  text-decoration: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.flare-top-nav ul {
  list-style: none;
  padding-left: 0;
  margin: 0 -0.75rem;
  font-family: 'PT Sans', sans-serif;
}

.flare-top-nav:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 30px 54px 0;
  border-color: transparent #03b8f9 transparent transparent;
  content: '';
  position: absolute;
  right: 100%;
  top: 0;
  bottom: 0;
}

.address-section ul li a:focus,
.address-section ul li a:hover,
.flare-top-nav a:focus,
.flare-top-nav a:hover {
  text-decoration: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

li.first a:before {
  content: initial;
}

.flare-top-search {
  float: right;
  padding-top: 19px;
  padding-left: 20px;
  cursor: pointer;
  position: absolute;
  right: 0;
}

body.logged-in.admin-bar .col-md-5.col-sm-5.col-xs-12.flare-top-nav,
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;
  }
}

#top-search label {
  width: 66%;
}

#top-search {
  padding-top: 3px;
  display: none;
  top: 84px;
  z-index: 99999;
  position: absolute;
  right: -17px;
}

.flare-top-search:hover {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}


/*--------------------------------------------------------------
banner section 
/*--------------------------------------------------------------*/

a.btn-c.btn-blue.white-border {
  background: rgb(247, 94, 67);
  color: #fff;
  padding: 10px 20px;
  text-shadow: none;
  font-size: 18px;
  text-decoration: none;
  font-weight: 100;
  font-family: 'PT Sans', sans-serif;
  letter-spacing: 1px;
}

a.btn-c.btn-blue.white-border:after,
.db-our-service a:after {
  content: "\f105";
  font-family: FontAwesome;
  padding-left: 5px;
}

a.btn-c.btn-blue.white-border:hover {
  background: #dc624c;
  text-decoration: none;
  -webkit-transition: all linear .3s;
  transition: all linear .3s;
  letter-spacing: 2px;
}

#eb-banner-slider .item {
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  height: 550px;
  background-repeat: no-repeat;
  background-size: cover;
}

#eb-banner-slider .control {
  position: absolute;
  top: 50%;
  z-index: 999;
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

#eb-banner-slider .control.right {
  right: 4%;
}

#eb-banner-slider .control.left {
  left: 4%;
}

#eb-banner-slider .carousel-inner .item:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

#eb-banner-slider .control svg {
  fill: #fff;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.carousel-caption {
  padding: 0 !important;
  color: #fff;
  top: 27%;
}

.carousel-caption h1 {
  margin-bottom: 0;
}

.carousel-caption h1 a {
  font-size: 58px;
  color: #fff;
  font-weight: 100;
}

.carousel-caption h1 a:hover {
  text-decoration: none;
}

.carousel-caption p {
  color: #fff;
  margin: 20px 0 50px 0;
  padding-bottom: 7px;
}

.carousel-caption h2 {
  font-size: 58px;
  padding-bottom: 12px;
}

.overlay {
  background: rgba(0, 0, 0, 0.55);
  height: 100%;
}


/*--------------------------------------------------------------
service section 
--------------------------------------------------------------*/

.db-latest-news,
.db-our-service {
  background: #e7e7e7;
  text-align: center;
  padding: 40px 0;
}

.icons-n-titles-coll.clearfix .wrapper {
  background: #f8f8f8;
  padding: 30px 24px;
  margin-bottom: 4.2858rem;
  margin-top: 4.2858rem;
  -webkit-transition: box-shadow linear .5s, -webkit-transform linear .3s;
  transition: box-shadow linear .5s, transform linear .3s;
}

@media screen and (max-width:990px) and (min-width: 768px) {
  .icons-n-titles-coll.clearfix p {
    padding: 0px !important;
  }
}

.db-our-service a {
  border: 1px solid #dadada;
  padding: 10px 26px;
  color: #525252;
}

.db-our-service a:hover,
.db-our-service a:active,
.db-our-service a:focus {
  -webkit-transition: all linear .3s;
  transition: all linear .3s;
  text-decoration: none;
  letter-spacing: 1px;
}

.icons-n-titles-coll.clearfix i {
  font-size: 48px;
  font-weight: 100;
  color: #828282;
}

.icons-n-titles-coll.clearfix .wrapper:hover {
  background: #fff;
  box-shadow: 0 0.1429rem 0.6429rem 0.07143rem rgba(1, 2, 2, 0.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.icons-n-titles-coll.clearfix h3 {
  font-weight: 100;
  color: rgba(0, 0, 0, 0.82);
  font-family: 'PT Sans', sans-serif;
  margin-bottom: 0;
}

.icons-n-titles-coll.clearfix p {
  padding: 15px;
}

.img-n-des.clearfix .date:hover span a {
  color: #fff !important;
}

.img-n-des.clearfix:hover {
  box-shadow: 0 0 1px #808080;
}

.divider-v1 {
  height: 3px;
  width: 100px;
  margin: 1.4286rem auto;
  position: relative;
}

.divider-v1:before,
.divider-v1:after {
  height: 8px;
  width: 8px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
  position: absolute;
  top: -3px;
  left: 50%;
  margin-left: 2px;
}

.divider-v1:after {
  margin-left: -6px;
}


/*--------------------------------------------------------------
callback section
--------------------------------------------------------------*/

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

.eb-callback-caption {
  text-align: center;
  padding: 100px 0;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
}

.col-md-12.col-xs-12.col-sm-12.eb-callback-caption h2 {
  color: #fff;
  font-weight: 100;
  margin: 0;
}


/*--------------------------------------------------------------
 from our blog 
----------------------------------------------------------------*/

.s-title {
  text-align: center;
}

.s-title h2 {
  color: rgba(0, 0, 0, 0.82);
}

.img-n-des.clearfix {
  margin: 4.2858rem 0;
  background: #fff;
}

.db-latest-news .date {
  position: absolute;
  background: #000;
  border-radius: 0 0 35px 0;
  font-size: 18px;
  padding: 10px;
}

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

.img-n-des.clearfix .user a span {
  padding-left: 6px;
  color: rgba(20, 20, 21, 0.68);
  letter-spacing: 0;
}

.img-wrapper {
  position: relative;
}

.user {
  float: left;
  letter-spacing: 1px;
}

.img-n-des.clearfix span.cat-links {
  float: right;
  width: 63%;
  text-align: left;
}

.user a,
.date span a,
.user a:focus,
.user a:active .date span a:focus,
.date span a:active {
  text-decoration: none;
}

.img-n-des.clearfix .date span a {
  color: #fff
}

.img-n-des.clearfix span.cat-links a {
  color: rgba(20, 20, 21, 0.68);
}

.img-n-des.clearfix h2 a {
  font-weight: 100;
  font-size: 24px;
  color: #828282;
  font-family: 'PT Sans', sans-serif;
  border-left: 3px solid rgba(150, 150, 150, 0.6);
  padding-left: 9px;
}

img.blog-img:hover {
  -webkit-transition: all linear .3s;
  transition: all linear .3s;
}

.db-latest-news img {
  height: auto;
  width: 100%;
}

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

a.read-more:hover,
a.read-more:focus,
a.read-more:active {
  text-decoration: none;
  letter-spacing: 1px;
}

a.read-more {
  border: 1px solid #cecece;
  padding: 7px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: #525252;
}

a.read-more:after {
  content: "\f105";
  font-family: FontAwesome;
  padding-left: 5px;
}

.news-coll p,
.news-coll h2 {
  padding: 0 10px 10px 10px;
  margin-bottom: 0;
  text-align: left;
}


/*--------------------------------------------------------------
testimonials section 
--------------------------------------------------------------*/

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

.clients-slider img:hover {
  opacity: 0.7;
}

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

.clients-text {
  font-size: 16px;
  padding: 10px 60px;
  line-height: 30px;
  color: #fff;
  font-weight: 100;
  font-family: 'PT Sans', sans-serif;
}

.clients-image h3 a {
  font-weight: 100;
  letter-spacing: 1px;
}

.clients-image h3 a:hover,
.clients-image h3 a:focus,
.clients-image h3 a:active {
  text-decoration: none;
  -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: #fff;
  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%;
}

.db-testimonials .container {
  padding: 40px 0;
}

.db-testimonials h2 {
  color: #fff;
}


/*--------------------------------------------------------------
service slot css
--------------------------------------------------------------*/

section.service-slot {
  padding: 40px 0;
}

.service-slot-content {
  margin-bottom: 15px;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  padding: 0 20px;
  display: inline-block;
  width: 100%;
}

.service-slot-content:hover {
  background: rgba(238, 236, 236, 0.28);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.service-icon {
  width: 15%;
  float: left;
  font-size: 35px;
  padding: 16px 20px 0 0;
  color: #757575;
  font-weight: 100;
  text-align: center;
}

.service-heading.with-icon {
  width: 85%;
  float: right;
  padding: 16px 0 16px 0;
}
.service-heading{
  width: 100%;
  padding:10px;
}

.service-heading h3 a {
  color: rgba(247, 94, 67, 0.84);
  margin: 0;
  font-family: 'PT Sans', sans-serif;
}

.service-heading h3,
.service-heading p {
  margin: 0;
}

.service-heading h3 a:hover,
.service-heading h3 a:active,
.service-heading h3 a:focus {
  color: #f75e43;
  text-decoration: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  letter-spacing: 2px;
}


/*--------------------------------------------------------------
our clients
--------------------------------------------------------------*/

section.our-clients {
  padding: 40px 0;
  background: #e7e7e7;
  text-align: center;
}

.our-clients-image {
  padding: 0 10px;
}

section.our-clients .slick-prev,
section.our-clients .slick-next {
  top: 20%;
}

section.our-clients .slick-prev:before,
section.our-clients .slick-next:before {
  font-size: 40px;
}

.clients-slider,
.service-slot-img,
.slots,
.button-group.filters-button-group {
  margin-top: 4.2858rem;
}

.service-slot-img {
  margin-bottom: 4.2858rem;
}

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

/*--------------------------------------------------------------
our works
--------------------------------------------------------------*/

.picture-item figcaption,
.picture-item .figcaption {
  color: #fff;
  background: rgba(0, 0, 0, 0.83);
  padding: 2rem 1.5rem 2rem 7rem;
  text-transform: uppercase;
  top: 37%;
  position: absolute;
  display: none;
  right: 0;
  text-align: end;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.element-item:hover figcaption {
  display: block;
}

.picture-item img {
  width: 100%;
  cursor: pointer;
  opacity: 0.7;
}

.element-item.col-md-4 {
  padding: 0;
}

.element-item.col-md-4 .overlay {
  background: #000;
}

.toggle {
  background: #000;
}

figure.picture-item.caption-slide-left:hover {
  opacity: 0.9;
}

.button-group.filters-button-group {
  margin-bottom: 4.2858rem;
  text-align: center;
}

section.work-section {
  padding: 40px 0;
}

.button-group.filters-button-group .button {
  background: transparent !important;
  margin-bottom: 10px;
  letter-spacing: 1px;
  border-color: rgba(36, 35, 34, 0.38) !important;
}

.button-group.filters-button-group .button:hover {
  color: #f75e43;
  -webkit-transition: all 0.7s ease 0s;
  -moz-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;
}

strong.content-title a {
  color: #fff;
}

section,
input:focus,
select:focus,
textarea:focus,
button:focus,
a:focus,
a:active {
  outline: none !important;
}

#workModel .btn-default {
  position: absolute;
  z-index: 999999999;
  background: transparent !important;
  color: #f75e43;
  font-size: 30px;
  top: -4px;
  border-color: transparent !important;
  box-shadow: none;
}

.modal-footer {
  border-top: transparent !important;
}

.modal {
  top: 20% !important;
}


/*--------------------------------------------------------------
meet our team
--------------------------------------------------------------*/

.card {
  text-align: center;
  padding: 0;
  margin-bottom: 4.2858rem;
  border: 1px solid #efefef;
  margin-top: 4.2858rem;
}

.card:hover {
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.flare-team .container::after {
  content: "";
  clear: both;
  display: table;
}

.title {
  color: grey;
  font-size: 18px;
}

.flare-team button {
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: #f75e43;
  background-color: transparent;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 16px;
  border: none;
  border-top: 1px solid rgba(32, 32, 32, 0.11);
  letter-spacing: 1px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.flare-team a {
  text-decoration: none;
  font-size: 22px;
  color: black;
}

.flare-team button:hover {
  color: rgba(0, 0, 0, 0.54);
  -webkit-transition: all 0.7s ease 0s;
  -moz-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;
  letter-spacing: 2px;
}

.flare-team {
  padding: 40px 0;
  background: #fff;
}

.card:hover img {
  background: #000;
  opacity: 0.7;
  -webkit-transition: all 0.7s ease 0s;
  -moz-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;
}

.card span {
  color: #aaa6a6;
  font-size: 18px;
  text-align: center;
}

.browse-more-team {
  text-align: center;
  margin-bottom: 10px;
}

.card h3 {
  display: inline-grid;
  font-family: 'PT Sans', sans-serif;
  line-height: 25px;
  min-height: 52px;
  color: rgba(0, 0, 0, 0.82);
}

/*--------------------------------------------------------------
inner pages and posts 
--------------------------------------------------------------*/

.container.tb-post-content #primary {
  width: 70%;
  padding-right: 5%;
}

body.search.search-results section#primary {
  width: 70%;
  padding-right: 5%;
}

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 {
  padding-bottom: 30px;
  padding-top: 40px;
}

body {
  overflow-x: hidden;
}

aside#secondary {
  margin-bottom: 7px;
  padding: 10px;
  background: rgba(239, 239, 239, 0.25);
}

aside#secondary .widget_categories ul li:before,
.widget_categories ul li:before {
  content: "\f02c";
  font-family: fontAwesome;
}

aside#secondary .widget_recent_entries ul li:before,
.widget_recent_entries ul li:before {
  content: "\f0a1";
  font-family: fontAwesome;
}

aside#secondary .widget_archive ul li:before,
.widget_archive ul li:before {
  content: "\f187";
  font-family: fontAwesome;
}

aside#secondary .widget_recent_comments ul li:before,
.widget_recent_comments ul li:before {
  content: "\f27a";
  font-family: fontAwesome;
}

aside#secondary .widget_pages ul li:before,
.widget_pages ul li:before {
  content: "\f016";
  font-family: fontAwesome;
}

aside#secondary .widget_nav_menu ul li:before,
.widget_nav_menu ul li:before {
  content: "\f101";
  font-family: fontAwesome;
}

aside#secondary .widget_meta ul li:before,
.widget_meta ul li:before {
  content: "\f097";
  font-family: fontAwesome;
}

#secondary {
  width: 30%;
}

.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: #efefef;
  color: #525252;
  text-align: center;
  margin-bottom: 6px;
  font-weight: 100;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

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

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

.breadcrumb-wrap ul li {
  display: inline-block;
  color: #fff;
  margin-right: 10px;
  font-size: 12px;
  font-weight: 400;
}

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

ul.trail-items span,
.entry-meta .entry-inner span {
  color: #fff;
  margin-top: 3px;
}

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

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

header.entry-header p {
  margin: 4px 0 0 0;
}
header.entry-header a, header.entry-header span {
    color: #fff !important;
}

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

p.comment-form-comment label {
  color: #615b5a;
  font-weight: 400;
  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: 25px;
}

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

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

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

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

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

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


/*--------------------------------------------------------------
latest post 
--------------------------------------------------------------*/

h2.entry-title a {
  font-size: 24px;
  font-weight: 100;
  color: #333333;
}

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

h2.entry-title a:hover,
h2.entry-title a:focus {
  color: #f75e43;
  text-decoration: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

body.home.blog article {
  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;
}


/*--------------------------------------------------------------
 contact css
--------------------------------------------------------------*/

.container.contact-wrapper {
  margin-top: 4.2858rem;
}

.wrapper.wrap-gmap {
  min-height: 420px;
}

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

section.wrapper.wrap-contact.wrap-altbg {
  padding: 40px 0;
}

section.wrapper.wrap-contact.wrap-altbg .form-inner,
.wrapper.wrap-gmap {
  padding: 5px 10px;
  border-top: 3px solid;
  background: #fff;
  box-shadow: -2px 5px 7px rgba(0, 0, 0, .16);
}


/*--------------------------------------------------------------
 sidebar css
--------------------------------------------------------------*/

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

aside#secondary h2 {
  color: #616161;
  font-weight: 600;
  padding: 0 0 13px;
  font-size: 21px;
  text-transform: uppercase;
  letter-spacing: 1px;    
  margin: 0 0 15px 0;
  border-bottom: 1px solid #bdbdbd;
}

aside#secondary .textwidget {
  padding-top: 10px;
}

aside#secondary .widget.widget_search form {
  padding-top: 20px;
}

aside#secondary a {
  color: #000;
  line-height: 27px;
}

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

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

aside#secondary ul li a:hover {
  letter-spacing: 1px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

aside#secondary section {
  border: 1px solid #f4f4f4;
  padding: 13px 13px;
  background: #fff;
  box-shadow: 0px 2px 1px #eaeaea;
}

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

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

span.byline:before {
  content: "\f007";
  padding-left: 8px;
}

.cat-links a:before {
  content: "\f07c";
  font-family: fontAwesome;
  padding-right: 6px;
  padding-left: 6px;
}

span.comments-link:before {
  content: "\f075";
}

span.tags-links:before {
  content: "\f02c";
}

a.post-edit-link:before {
  content: "\f044";
}

a.post-edit-link:before,
span.tags-links:before,
span.comments-link:before,
.cat-links:before,
span.byline:before,
span.posted-on:before {
  font-family: fontAwesome;
  padding-right: 6px;
}

footer.entry-footer {
  padding-top: 10px;
}


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

body.home.page-template-default.page aside#secondary label {
  width: 60%;
}


/*--------------------------------------------------------------
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 {
  margin: 50px 0 0 0;
}


/*--------------------------------------------------------------
404 page 
--------------------------------------------------------------*/

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

section.error-404.not-found {
  text-align: center;
  background: #f6f6f6;
  padding: 43px 100px;
  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#colophon .row {
  padding-bottom: 25px;
}

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

h1.widget-title:after {
  content: "";
  position: absolute;
  left: 3px;
  height: 1px;
  width: 10%;
  top: 29px;
}

footer#colophon ul li a {
  color: #fff;
}

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

.widget ul {
  padding: 0;
}

footer#colophon aside ul li:before {
  font-family: fontawesome;
  padding-right: 6px;
}

footer#colophon aside ul li a:hover {
  text-decoration: none;
  letter-spacing: 1px;
}

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

form.search-form label {
  width: calc(100% - 97px);
  margin-right: -4px;
}

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

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

td a {
  color: #f75e43;
}

footer#colophon ul li a {
  color: #676767;
  border-bottom: 1px solid #525252;
  padding-bottom: 4px;
}

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: inline-block;
  position: fixed;
  right: 15px;
  background: #f75e43 none repeat scroll 0 0;
  bottom: 16px;
  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: 50%;
}


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


/*=================================
======== 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: 100;
  color: #f75e43;
}

.slick-next:before {
  content: "\f105";
  font-family: FontAwesome;
  padding-left: 5px;
  font-size: 70px;
  font-weight: 100;
  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: 50%;
  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: #797979;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: rgb(247, 94, 67);
}

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

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

button.slick-next.slick-arrow:hover {
  background: none !important;
  padding: 0 10px;
}

button.slick-prev.slick-arrow:hover {
  padding-right: 10px;
  background: none !important;
}

button.slick-prev.slick-arrow:hover .slick-prev:before {
  color: #fff !important;
}

.slick-list {
  width: 100%;
}


/*--------------------------------------------------------------
woocommerce 
--------------------------------------------------------------*/

a.checkout-button.button.alt.wc-forward {
  background: #f75e43;
  border-radius: 0;
  font-size: 16px;
  font-weight: 100;
  letter-spacing: 1px;
  color: #fff !important;
}

input#coupon_code {
  width: 110px !important;
  text-align: center;
}

.actions input.button,
a.button.wc-forward {
  padding: 12px;
  border-radius: 0;
  color: #fff !important;
  font-weight: 100;
  letter-spacing: 1px;
}

.woocommerce table.shop_table {
  border-collapse: collapse !important;
}

button.single_add_to_cart_button.button.alt {
  padding: 12px;
  border-radius: 0;
  color: #ffffff !important;
  font-weight: 100;
  letter-spacing: 1px;
  background: rgb(247, 94, 67);
}

.woocommerce-message {
  border-top-color: #f76349;
}

.woocommerce-message::before {
  content: '\e015';
  color: #f76349;
}

.woocommerce div.product p.price del,
.woocommerce div.product span.price del,
span.woocommerce-Price-amount.amount {
  color: #625a58;
}

p.form-submit input#submit {
  font-size: 16px;
  line-height: 1;
  padding: 10px 20px;
}

p.stars span a:before {
  color: #f75e43;
}

body.woocommerce div#content {
  margin-top: 40px;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
input#place_order {
  border: 1px solid;
  border-radius: 0 !important;
  background: rgba(247, 94, 67, 0) !important;
  font-size: 16px;
  line-height: 1;
  font-weight: 100;
  margin-top: 6px !important;
}

h2.woocommerce-loop-product__title {
  color: rgb(115, 115, 115);
}

.woocommerce .star-rating::before,
.woocommerce .star-rating span {
  color: #f75e43;
}

a.woocommerce-review-link,
a.woocommerce-review-link:hover {
  color: #f75e43;
  text-decoration: none;
}

.woocommerce-info {
  border-top-color: #f75e43;
}

.woocommerce-info a,
.woocommerce-info::before {
  color: rgba(247, 94, 67, 0.72);
}

li.type-product {
  padding-bottom: 20px !important;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {
  letter-spacing: 1px;
  color: rgba(247, 94, 67, 0.56) !important;
  -webkit-transition: all 0.5s ease 0.1s;
  -moz-transition: all 0.5s ease 0.1s;
  transition: all 0.5s ease 0.1s;
}

.woocommerce .quantity .qty {
  width: 65px;
  text-align: center;
}


/*--------------------------------------------------------------
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.edit-link a {
  text-decoration: none;
}

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

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

.menu-toggle.backgroundchange span {
  z-index: 9999;
  display: none;
}

.menu-toggle.backgroundchange:after {
  content: "x";
  color: #fff;
  font-size: 36px;
  text-align: center;
}

.menu-toggle.backgroundchange {
  top: 11px;
  right: 32px;
  background: transparent !important;
  padding: 0
}

div#calendar_wrap a {
  color: #f75e43;
}

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

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

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

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


/*--------------------------------------------------------------
comments 
--------------------------------------------------------------*/

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

div#comments article {
  border: 0;
}

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

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

main#main:last-child {
  border-bottom: 0px;
}

div,
img {
  outline: none;
}

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


/* tag clouds */

.tagcloud a {
  background: #3b3939;
  padding: 2px 11px;
  color: #fff;
  font-size: 12px !important;
  -webkit-transition: all 0.5s ease 0.1s;
  -moz-transition: all 0.5s ease 0.1s;
  transition: all 0.5s ease 0.1s;
}

.tagcloud a:hover,
.tagcloud a:focus {
  text-decoration: none;
}

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

/*============================= 
woowcommerce with sidebar 
==============================*/

.woo-content.content-area {
  width: 70% !important;
  padding-right: 5% !important;
}

.woocomerce-shop-sidebar {
  width: 30%;
  background: #efefef;
  padding: 10px;
}
@media screen and (max-width:768px){
  .woocomerce-shop-sidebar {
    width: 100%;
    background: #fff;
    padding: 10px;
  }
}
.woocomerce-shop-sidebar .widget {
  background: #fff;
  padding: 10px;
  border: 1px solid #e6e5e5;
}

.woocomerce-shop-sidebar h2{
  font-weight: 600;
  padding: 10px 13px;
  font-size: 18px;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #23282d;
  border-radius: 30px 0 30px 0;
  color: #fff;
  text-align: center;
} 

.woocomerce-shop-sidebar ul li {
  list-style: none;
  border-bottom: 1px solid #e4e4e4;
  padding-top: 20px;
}

.woocomerce-shop-sidebar .widget.widget_search form {
  padding-top: 20px;
}

div#primary h1 {
  margin-top: 0;
}

.woocomerce-shop-sidebar ul li a {
  color: #000;
}
/*--------------------------------------------------------------
responsive 
--------------------------------------------------------------*/

@media screen and (max-width:1200px) and (min-width: 1000px) {
  .flare-top-nav ul {
    padding-right: 0;
  }
}

@media screen and (max-width:1000px) {
  .header-accessories {
    display: none;
  }
}

@media screen and (max-width:768px) {
  ul#top-menu li:last-child {
    display: none;
  }
  .site-branding p a,
  .site-branding h1 a {
    font-size: 22px;
  }
  .wrapper.page-inner-title {
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 16px;
  }
  .container.tb-post-content {
    display: initial;
  }
  .site-content #primary,
  .site-content #secondary,
  .home.blog #primary {
    float: none;
    width: 100% !important;
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .address-section,
  .flare-top-nav {
    padding-left: 46px;
  }
  aside#secondary label {
    width: 100%;
  }
  aside#secondary {
    border-left: 0;
  }
  .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 #secondary {
    width: 100%;
  }
  body.home.page-template-default.page aside#secondary label {
    width: 81%;
  }
  body.home.page-template-default.page .container.tb-post-content main {
    padding-right: 0;
  }
  body.search.search-results.salient-right-sidebar div#content,
  body.search.search-no-results #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;
  }
  .carousel-caption {
    position: sticky !important;
    top: 25%;
  }
  #eb-banner-slider .control svg {
    display: none;
  }
  .form-inner {
    margin-top: 30px;
  }
  .col-md-6.col-sm-6.col-xs-12.wrapper.wrap-gmap,
  .col-md-6.col-sm-6.col-xs-12 {
    padding: 0;
  }
  .col-md-6.col-sm-6.col-xs-12.wrapper.wrap-gmap {
    padding-right: 15px;
  }
  .modal-content {
    width: 64%;
    left: 0;
    right: 0;
    margin: auto;
  }
  .modal-body {
    padding: 5px !important;
  }
  .clients-text {
    padding: 10px 20px;
  }
  .header-accessories {
    display: none;
  }
  header#masthead {
    padding: 9px 0;
  }
  .menu-toggle {
    margin-top: 0;
  }
  .carousel-caption h1 a {
    font-size: 32px;
  }
  .carousel-caption p {
    padding: 0 20px;
  }
  .slick-prev,
  .slick-next {
    display: none !important;
  }
  #eb-banner-slider .item {
    margin-top: 20px;
  }
}

@media screen and (max-width:1100px) {
  aside#secondary label {
    width: calc(100% - 97px);
  }
  .card img {
    width: 100%;
  }
}

@media screen and (max-width:1000px) {
  .header-accessories {
    height: 200px;
    display: none;
  }
  .col-md-5.col-sm-5.col-xs-12.flare-top-nav {
    top: 0;
    padding-left: 16px;
    width: 100%;
  }
  .col-md-7.col-sm-5.col-xs-12.address-section {
    padding-left: 0;
    width: 100%;
  }
  ul.clearfix {
    margin-left: 0;
    display: grid;
    text-align: center;
  }
  .menu-main-menu-container {
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
  }
  .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 both, forwards;
    -webkit-animation-delay: 0.3s;
    animation: slide 0.3s both, forwards;
    -webkit-animation-fill-mode: both, forwards;
    animation-fill-mode: both, forwards;
    animation-delay: 0.3s;
    padding: 10px 20px !important;
    background: #000;
    width: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  ul#primary-menu {
    height: 668px;
  }
  .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: 100;
  }
  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;
  }
  .flare-top-search,
  #top-search {
    display: none !important;
  }
}

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

@media screen and (max-width:490px) {
  .flare-top-nav a:before {
    content: '';
    position: initial;
  }
  ul#top-menu li:nth-last-child(-n+2) {
    display: none;
  }
  .container.main-menu {
    margin-top: 15px;
  }
  .flare-top-nav ul {
    padding-right: 0;
    padding-left: initial;
  }
  #eb-banner-slider .control svg {
    display: none;
  }
  .carousel-caption {
    top: 20%;
  }
  .item.active {
    margin-top: -20px;
  }
  .carousel-inner {
    margin-top: 10px;
  }
}

@media screen and (max-width: 350px) {
  .service-heading {
    padding-left: 17px;
  }
}

@media screen and (max-width: 450px) {
  .service-heading {
    padding-left: 17px;
  }
}

@-webkit-keyframes slide {
  100% {
    left: 0;
  }
}

@keyframes slide {
  100% {
    left: 0;
  }
}

.overlay-for-img {
    padding: 100px 0;
    background: #00000078;
}