/*
Theme Name:   	Craftory
Theme URI:    	http://www.themeforest.net/user/pebas/craftory
Author:       	Pebas
Author URI:		http://themeforest.net/user/pebas
Description:    Directory Listing Job Board WordPress Theme
Version:      	1.2.0
License:        GNU General Public License version 3.0
License URI:    http://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  	craftory
Tags:           translation-ready

======
Note: Do not edit this file. If you wish to add your own CSS we strongly recommend creating your own child theme, or installing a custom CSS plugin.
======

=====
Table of Contents:

0.      Overall & common styling
0a.     Animations Styling
0b.     Typography Styling
0c.     Form Fields Styling
=.=     Layout Styling
1.      Header Styling
2.      Home Search Box Styling
3.      Category Box Styling
4.      How It Works Box Styling
5.      Posts Styling
6.      Latest Jobs Styling
7.      Craftsmen Styling
8.      Page Styling
9.      Promo Register Box Styling
10.     Profile Styling
        --10a. Profile Forms Styling
        --10b. Profile Tables Styling
11.     Search Page Styling
        --11a. Search Page Markers Styling
12.     Listings Styling
13.     Gateways Styling
14.     Footer Styling
15.     Blog Styling
16.     Pagination Styling
17.     Single Styling
18.     Password Recovery Page Styling
19.     Sidebar Styling
20.     Widgets Styling
21.     Ajax Styling
22.     Social Login Styling
23.     Steps Login Styling
24.     Modals Styling
25.     WooCommerce Specific Styling
26.     Responsiveness Styling
===.    WordPress Core Styles

====

*/
/*
 |--------------------------------------------------------------------------
 | 0. Overall & Common Styling
 |--------------------------------------------------------------------------
 |
 | Global styling of the theme that contains same set of styles necessary for
 | any other instance of our base theme.
 |
 */
@font-face {
  font-family: "Rubik";
  src: url("./assets/fonts/rubik-font/Rubik-Medium.woff2") format("woff2"), url("./assets/fonts/rubik-font/Rubik-Regular.woff") format("woff"), url("./assets/fonts/rubik-font/Rubik-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Rubik";
  src: url("./assets/fonts/rubik-font/Rubik-Medium.woff2") format("woff2"), url("./assets/fonts/rubik-font/Rubik-Medium.woff") format("woff"), url("./assets/fonts/rubik-font/Rubik-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Rubik";
  src: url("./assets/fonts/rubik-font/Rubik-Italic.woff2") format("woff2"), url("./assets/fonts/rubik-font/Rubik-Italic.woff") format("woff"), url("./assets/fonts/rubik-font/Rubik-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Rubik";
  src: url("./assets/fonts/rubik-font/Rubik-Bold.woff2") format("woff2"), url("./assets/fonts/rubik-font/Rubik-Bold.woff") format("woff"), url("./assets/fonts/rubik-font/Rubik-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Rubik";
  src: url("./assets/fonts/rubik-font/Rubik-SemiBoldItalic.woff2") format("woff2"), url("./assets/fonts/rubik-font/Rubik-SemiBoldItalic.woff") format("woff"), url("./assets/fonts/rubik-font/Rubik-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Rubik";
  src: url("./assets/fonts/rubik-font/Rubik-SemiBold.woff2") format("woff2"), url("./assets/fonts/rubik-font/Rubik-SemiBold.woff") format("woff"), url("./assets/fonts/rubik-font/Rubik-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Rubik";
  src: url("./assets/fonts/rubik-font/Rubik-Light.woff2") format("woff2"), url("./assets/fonts/rubik-font/Rubik-Light.woff") format("woff"), url("./assets/fonts/rubik-font/Rubik-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

html {
  font-size: 16px;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  background: #f9f9f9;
  font-family: "Rubik", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #212121;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

section {
  position: relative;
}

a {
  cursor: pointer;
}

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

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

.page-template-default main .section-minus-default section blockquote,
blockquote {
  margin-bottom: 2rem;
  padding: 1rem;
  background-color: #f9f9f9;
  font-style: italic;
}

.page-template-default main .section-minus-default section blockquote p,
blockquote p {
  margin-bottom: 0;
}

table {
  border-bottom: 1px solid #f1f1f1;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
  line-height: 2;
  margin: 0 0 2rem;
  width: 100%;
}

caption,
th,
td {
  font-weight: normal;
  text-align: left;
}

caption {
  font-size: 16px;
  margin: 20px 0;
}

th {
  font-weight: bold;
}

td {
  border-top: 1px solid #f1f1f1;
  padding: 6px 10px 6px 0;
}

del {
  color: #333;
}

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

dl {
  padding-left: 1.5rem;
}

.blog-default p strong {
  font-weight: 500;
}

.btn {
  position: relative;
  padding: 0.8rem 3rem;
  background-color: #194378;
  border: none;
  border-radius: 6px;
  box-shadow: none;
  font-family: "Rubik", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 300;
  color: #fff;
  overflow: hidden;
  z-index: 1;
  line-height: 1;
}

.btn.ks-btn-file {
  padding: 0.7rem 1.5rem;
}

.btn:hover, .btn:focus {
  background-color: #30eaff;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
}

.btn.action::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -100%;
  background-color: #fff;
  height: 3px;
  width: 100%;
  opacity: 0.4;
}

.btn-secondary {
  background-color: #4caf50;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
  background-color: #439a46;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
  color: #fff;
  outline: 0;
}

.btn-transparent {
  background-color: transparent;
  border: 1px solid #f1f1f1;
}

.btn-transparent:hover, .btn-transparent:active {
  background-color: #fff;
  color: #212121;
}

.btn-transparent:focus {
  background-color: transparent;
}

.btn-bordered {
  background-color: transparent;
  border: 1px solid #a09f9f;
  color: #212121;
}

.btn-bordered:hover, .btn-bordered:focus, .btn-bordered:active {
  background-color: transparent;
  color: #212121;
}

.btn-white {
  padding: 0.3rem 1rem;
  background-color: #fff;
  color: #212121;
}

.btn-white:hover, .btn-white:focus, .btn-white:active {
  background-color: #fff;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
  color: #212121;
}

.btn-white::after {
  background-color: #f2f2f2;
}

.btn-shadow {
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
}

.btn-circle {
  padding: 16px 1.3rem;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  font-size: 26px;
  font-weight: 400;
  color: #757575;
}

.btn-full {
  display: block;
  padding: 1rem;
  width: 100%;
}

.btn-lg {
  height: auto;
  font-size: 18px;
  font-size: 1.125rem;
}

.btn-sm {
  padding: 0.5rem 1.7rem;
}

input[type="button"].btn-secondary {
  background: #286eb5 !important;
  color: #fff !important;
  border: 0 none;
  cursor: pointer;
}

input[type="submit"].btn {
  background-color: #0090f5;
}

input[type="submit"].btn:hover, input[type="submit"].btn:active, input[type="submit"].btn:focus {
  background-color: #007ed6;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
  color: #fff;
  outline: 0;
}

input[type="submit"].btn-lg {
  padding: 1rem;
  height: auto;
  font-size: 18px;
  font-size: 1.125rem;
}

.btn-danger-hover:hover {
  background-color: #e2401c;
  border-color: #e2401c;
  color: #fff;
}

/* social icons on hover */
a.social-link {
  transition: all 0.2s ease-in-out;
}

a.social-link:hover {
  border-color: #fff;
  transition: all 0.2s ease-in-out;
}

a.social-link.facebook:hover {
  background-color: #3b5998;
}

a.social-link.twitter:hover {
  background-color: #55acee;
}

a.social-link.google:hover {
  background-color: #dd4b39;
}

a.social-link.instagram:hover {
  background-color: #e4405f;
}

a.social-link.linkedin:hover {
  background-color: #0077b5;
}

select.theme-select {
  display: none;
}

.alert {
  margin: 0;
  background-color: transparent;
  border-color: transparent;
}

.page-craftsman-auth .alert {
  margin-top: 2rem;
}

.box-shadow {
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
}

.box-shadow .error404-header h5 {
  margin: 0;
}

dt {
  font-weight: 500;
}

dd,
ul,
ol {
  font-weight: 200;
}

dd li,
ul li,
ol li {
  font-weight: 200;
}

/*
 |--------------------------------------------------------------------------
 | 0b. Typography Styling
 |--------------------------------------------------------------------------
 |
 | Typography styles of the theme.
 |
 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Rubik", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #212121;
}

h1 {
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 1.3;
}

h2 {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.3;
}

h3 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
}

h4 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.4;
}

h5 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

h6 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
}

p {
  font-family: "Rubik", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
  font-weight: 300;
}

ul li {
  font-family: "Rubik", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
  font-weight: 300;
}

a {
  font-family: "Rubik", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
}

small {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.2;
}

/*
 |--------------------------------------------------------------------------
 | 0c. Form Fields Styling
 |--------------------------------------------------------------------------
 |
 | In this folder are based all form partials like inputs, textareas except
 | for submit buttons which can be found in base/_base partial.
 |
 */
.input-group {
  margin-bottom: 1rem;
}

body select {
  padding: 8px 15px;
  width: 100%;
  background-color: #fbfbfb;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  font-family: "Rubik", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  font-size: 1rem;
  color: #212121;
}

body select:focus {
  outline: none;
}

body form select {
  width: 100%;
}

body .form-field {
  width: 100%;
}

body.blog-default p .wpcf7-form-control,
body.blog-default p .form-control,
body.blog-default p input,
body .wpcf7-form-control .wpcf7-form-control,
body .wpcf7-form-control .form-control,
body .wpcf7-form-control input,
body .input-group .wpcf7-form-control,
body .input-group .form-control,
body .input-group input {
  position: relative;
  padding: 8px 15px;
  width: 100%;
  height: 38px;
  background-color: #fbfbfb;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  box-shadow: none;
  font-family: "Rubik", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  font-size: 1rem;
  color: #212121;
  outline: 0;
}

body.blog-default p .wpcf7-form-control:hover, body.blog-default p .wpcf7-form-control:active, body.blog-default p .wpcf7-form-control:focus,
body.blog-default p .form-control:hover,
body.blog-default p .form-control:active,
body.blog-default p .form-control:focus,
body.blog-default p input:hover,
body.blog-default p input:active,
body.blog-default p input:focus,
body .wpcf7-form-control .wpcf7-form-control:hover,
body .wpcf7-form-control .wpcf7-form-control:active,
body .wpcf7-form-control .wpcf7-form-control:focus,
body .wpcf7-form-control .form-control:hover,
body .wpcf7-form-control .form-control:active,
body .wpcf7-form-control .form-control:focus,
body .wpcf7-form-control input:hover,
body .wpcf7-form-control input:active,
body .wpcf7-form-control input:focus,
body .input-group .wpcf7-form-control:hover,
body .input-group .wpcf7-form-control:active,
body .input-group .wpcf7-form-control:focus,
body .input-group .form-control:hover,
body .input-group .form-control:active,
body .input-group .form-control:focus,
body .input-group input:hover,
body .input-group input:active,
body .input-group input:focus {
  background-color: #f9f9f9;
  border-color: #e4e4e4;
  outline: 0;
}

body.blog-default p .wpcf7-form-control:active, body.blog-default p .wpcf7-form-control:focus,
body.blog-default p .form-control:active,
body.blog-default p .form-control:focus,
body.blog-default p input:active,
body.blog-default p input:focus,
body .wpcf7-form-control .wpcf7-form-control:active,
body .wpcf7-form-control .wpcf7-form-control:focus,
body .wpcf7-form-control .form-control:active,
body .wpcf7-form-control .form-control:focus,
body .wpcf7-form-control input:active,
body .wpcf7-form-control input:focus,
body .input-group .wpcf7-form-control:active,
body .input-group .wpcf7-form-control:focus,
body .input-group .form-control:active,
body .input-group .form-control:focus,
body .input-group input:active,
body .input-group input:focus {
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
}

body.blog-default p .wpcf7-form-control.error,
body.blog-default p .form-control.error,
body.blog-default p input.error,
body .wpcf7-form-control .wpcf7-form-control.error,
body .wpcf7-form-control .form-control.error,
body .wpcf7-form-control input.error,
body .input-group .wpcf7-form-control.error,
body .input-group .form-control.error,
body .input-group input.error {
  border-color: #ee8c76;
}

body.blog-default p .wpcf7-form-control[type="submit"],
body.blog-default p .form-control[type="submit"],
body.blog-default p input[type="submit"],
body .wpcf7-form-control .wpcf7-form-control[type="submit"],
body .wpcf7-form-control .form-control[type="submit"],
body .wpcf7-form-control input[type="submit"],
body .input-group .wpcf7-form-control[type="submit"],
body .input-group .form-control[type="submit"],
body .input-group input[type="submit"] {
  padding: 8px 3rem;
  height: 44px;
  border: none;
  background-color: #0090f5;
  font-size: 16px;
  font-size: 1rem;
  color: #fff;
  cursor: pointer;
}

body.blog-default p .wpcf7-form-control[type="submit"]:hover, body.blog-default p .wpcf7-form-control[type="submit"]:active, body.blog-default p .wpcf7-form-control[type="submit"]:focus,
body.blog-default p .form-control[type="submit"]:hover,
body.blog-default p .form-control[type="submit"]:active,
body.blog-default p .form-control[type="submit"]:focus,
body.blog-default p input[type="submit"]:hover,
body.blog-default p input[type="submit"]:active,
body.blog-default p input[type="submit"]:focus,
body .wpcf7-form-control .wpcf7-form-control[type="submit"]:hover,
body .wpcf7-form-control .wpcf7-form-control[type="submit"]:active,
body .wpcf7-form-control .wpcf7-form-control[type="submit"]:focus,
body .wpcf7-form-control .form-control[type="submit"]:hover,
body .wpcf7-form-control .form-control[type="submit"]:active,
body .wpcf7-form-control .form-control[type="submit"]:focus,
body .wpcf7-form-control input[type="submit"]:hover,
body .wpcf7-form-control input[type="submit"]:active,
body .wpcf7-form-control input[type="submit"]:focus,
body .input-group .wpcf7-form-control[type="submit"]:hover,
body .input-group .wpcf7-form-control[type="submit"]:active,
body .input-group .wpcf7-form-control[type="submit"]:focus,
body .input-group .form-control[type="submit"]:hover,
body .input-group .form-control[type="submit"]:active,
body .input-group .form-control[type="submit"]:focus,
body .input-group input[type="submit"]:hover,
body .input-group input[type="submit"]:active,
body .input-group input[type="submit"]:focus {
  background-color: #007ed6;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
  color: #fff;
  outline: 0;
}

body.blog-default p input {
  width: auto;
}

.input-group input[type="checkbox"], .input-group input[type="radio"],
.form-check input[type="checkbox"],
.form-check input[type="radio"],
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  height: auto;
  width: auto;
  box-shadow: none;
  border: none;
}

input.submit-hidden {
  display: none;
}

textarea {
  padding: 1rem;
  min-height: 150px;
  background-color: #fbfbfb;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  outline: 0;
  font-size: 16px;
  font-size: 1rem;
}

textarea:hover, textarea:active, textarea:focus {
  background-color: #f9f9f9;
  border-color: #e4e4e4;
  outline: 0;
}

textarea:active, textarea:focus {
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
}

.form-control::-webkit-input-placeholder {
  color: #a09f9f;
}

.form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #a09f9f;
}

.form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #a09f9f;
}

.form-control:-ms-input-placeholder {
  color: #a09f9f;
}

.customize-control select {
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
}

.page .section-minus .login .form-field input i {
  top: 0.95rem;
  transform: none;
}

.page .section-minus .login .form-field .description-error .alert {
  margin-top: 0.3rem;
  margin-bottom: -0.3rem;
}

.page .section-minus .input-group {
  margin-bottom: 1.3rem;
}

.page .section-minus .input-group:last-child {
  margin-bottom: 0;
}

.page .section-minus .input-group .form-field {
  position: relative;
}

.page .section-minus .input-group .form-field input {
  height: 52px;
}

.page .section-minus .input-group .form-field input.form-control::-webkit-input-placeholder {
  color: #212121;
}

.page .section-minus .input-group .form-field input.form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #212121;
}

.page .section-minus .input-group .form-field input.form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #212121;
}

.page .section-minus .input-group .form-field input.form-control:-ms-input-placeholder {
  color: #212121;
}

.page .section-minus .input-group .form-field i {
  position: absolute;
  top: 27px;
  right: 20px;
  transform: translateY(-50%);
  color: #a09f9f;
  z-index: 3;
}

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
  border-radius: 6px;
}

.z-index {
  z-index: 9;
}

.page-craftsman-profile .nice-select.theme-select.form-control .list {
  z-index: 4;
}

.nice-select.theme-select.form-control {
  position: relative;
  height: 52px;
  border-radius: 6px;
  cursor: pointer;
}

.nice-select.theme-select.form-control:focus, .nice-select.theme-select.form-control:active {
  box-shadow: none;
}

.nice-select.theme-select.form-control.open {
  z-index: initial;
}

.nice-select.theme-select.form-control.open, .nice-select.theme-select.form-control.open:focus, .nice-select.theme-select.form-control.open:active {
  box-shadow: none;
}

.nice-select.theme-select.form-control .current {
  right: auto;
  border-radius: 0;
  font-size: 15px;
  font-size: 0.9375rem;
  text-align: left;
  color: #212121;
}

.nice-select.theme-select.form-control .list {
  margin-top: -2px;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  left: -1px;
  max-height: 300px;
  width: calc(100% + 2px);
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-top: 0;
  border-radius: 0 0 6px 6px;
  overflow-y: auto;
  cursor: default;
}

.nice-select.theme-select.form-control .list li:last-child {
  border-bottom: 1rem solid #fff;
}

.nice-select.theme-select.form-control .list span,
.nice-select.theme-select.form-control .list .option {
  margin: 0 0.3rem;
  padding: 0.4rem 1rem;
  min-height: 0;
  background-color: #fff;
  border-radius: 6px;
  font-weight: 300;
  line-height: 1.3;
  color: #757575;
}

.nice-select.theme-select.form-control .list span:hover,
.nice-select.theme-select.form-control .list .option:hover {
  background-color: #0090f5;
  color: #fff;
}

.nice-select.theme-select.form-control .list span:last-child,
.nice-select.theme-select.form-control .list .option:last-child {
  border: none;
}

.nice-select.theme-select.form-control .list .optgroup .label {
  display: block;
  margin: 0;
  padding: 0.2rem 1rem;
  border-radius: 0;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #212121;
  pointer-events: none;
  cursor: default;
}

.nice-select.theme-select.form-control .list .optgroup .label:hover {
  background-color: #fff;
}

.nice-select.theme-select.form-control .list .optgroup .option {
  padding: 0.2rem 2rem;
  color: #a09f9f;
}

.nice-select.theme-select.form-control .list .optgroup .option:last-child {
  border-bottom: 0;
}

.custom-control {
  align-items: baseline;
}

.custom-control-description {
  margin-right: 0.2rem;
  margin-left: 0.5rem;
}

.custom-control-input:focus ~ .custom-control-indicator {
  border: none;
  box-shadow: none;
  outline: 0;
}

.custom-control-input:checked ~ .custom-control-indicator {
  background-color: #0090f5;
  border: none;
  box-shadow: none;
  outline: 0;
}

.form-field-icon {
  pointer-events: none;
}

.form-submit input[type="submit"] {
  padding: 8px 3rem;
  height: 44px;
  border: none;
  background-color: #0090f5;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #fff;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.form-submit input[type="submit"]:hover, .form-submit input[type="submit"]:active, .form-submit input[type="submit"]:focus {
  background-color: #007ed6;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
  color: #fff;
  outline: 0;
}

.form-submit input[type="submit"]:hover {
  transition: all 0.2s ease-in-out;
}

.comment-form input::-webkit-input-placeholder,
.comment-form textarea::-webkit-input-placeholder {
  color: #a09f9f;
}

.comment-form input:-moz-placeholder,
.comment-form textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #a09f9f;
}

.comment-form input::-moz-placeholder,
.comment-form textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #a09f9f;
}

.comment-form input:-ms-input-placeholder,
.comment-form textarea:-ms-input-placeholder {
  color: #a09f9f;
}

/* ----------------------------------------------------------------------
  Material Design Range Slider
------------------------------------------------------------------------- */
.rkmd-slider {
  display: block;
  position: relative;
  font-size: 16px;
  width: 100%;
}

.rkmd-slider input[type="range"] {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  visibility: hidden;
  opacity: 0;
}

.rkmd-slider input[type="range"] + .slider {
  display: block;
  position: relative;
  width: 100%;
  height: 2px;
  background-color: #bebebe;
}

.rkmd-slider input[type="range"] + .slider .slider-fill {
  display: block;
  position: absolute;
  width: 0;
  height: 100%;
  user-select: none;
  z-index: 1;
}

.rkmd-slider input[type="range"] + .slider .slider-handle {
  cursor: pointer;
  position: absolute;
  top: -6.5px;
  left: 0;
  width: 15px;
  height: 15px;
  margin-left: -8px;
  border-radius: 50%;
  transition: all .2s ease;
  user-select: none;
  z-index: 2;
}

.rkmd-slider input[type="range"]:disabled + .slider {
  background-color: #b0b0b0;
}

.rkmd-slider input[type="range"]:disabled + .slider .slider-fill,
.rkmd-slider input[type="range"]:disabled + .slider .slider-handle {
  cursor: default;
  background-color: #b0b0b0;
}

.rkmd-slider input[type="range"]:disabled + .slider .slider-fill .slider-label,
.rkmd-slider input[type="range"]:disabled + .slider .slider-handle .slider-label {
  display: none;
  background-color: #b0b0b0;
}

.rkmd-slider input[type="range"]:disabled + .slider .slider-fill.is-active,
.rkmd-slider input[type="range"]:disabled + .slider .slider-handle.is-active {
  top: -5.5px;
  width: 15px;
  height: 15px;
  margin-left: -8px;
}

.rkmd-slider input[type="range"]:disabled + .slider .slider-fill.is-active .slider-label,
.rkmd-slider input[type="range"]:disabled + .slider .slider-handle.is-active .slider-label {
  display: none;
  border-radius: 50%;
  transform: none;
}

.rkmd-slider input[type="range"]:disabled + .slider .slider-handle:active {
  box-shadow: none;
  transform: scale(1);
}

.rkmd-slider.slider-light input[type="range"] + .slider {
  background-color: #5c5c5c;
}

.rkmd-slider.slider-light input[type="range"]:disabled + .slider {
  background-color: #5c5c5c;
}

.rkmd-slider.slider-light input[type="range"]:disabled + .slider .slider-fill,
.rkmd-slider.slider-light input[type="range"]:disabled + .slider .slider-handle {
  background-color: #5c5c5c;
}

/* ----------------------------------------------------------------------
  Continuous Range Slider - by Ravikumar Chauhan
------------------------------------------------------------------------- */
.rkmd-slider.slider-continuous.slider-scale .slider-handle:active {
  transform: scale(1.4);
}

.rkmd-slider.slider-continuous.slider-shadow.slider-lightBlue .slider-handle:active {
  box-shadow: 0 0 0 10px rgba(0, 144, 245, 0.26);
}

/* ----------------------------------------------------------------------
  Discrete Range Slider - by Ravikumar Chauhan
------------------------------------------------------------------------- */
.rkmd-slider.slider-discrete .slider .slider-handle {
  position: relative;
  z-index: 1;
}

.rkmd-slider.slider-discrete .slider .slider-handle .slider-label {
  position: absolute;
  top: -17.5px;
  left: -2px;
  width: 30px;
  height: 30px;
  transform-origin: 50% 100%;
  border-radius: 50%;
  transform: scale(0.5) rotate(-45deg);
  transition: all .2s ease;
}

.rkmd-slider.slider-discrete .slider .slider-handle .slider-label span {
  position: absolute;
  top: 7px;
  left: 0;
  width: 100%;
  color: #fff;
  font-size: 12px;
  text-align: center;
  transform: rotate(45deg);
  opacity: 0;
  user-select: none;
}

.rkmd-slider.slider-discrete .slider .slider-handle.is-active {
  top: 0;
  margin-left: -2px;
  width: 2px;
  height: 2px;
}

.rkmd-slider.slider-discrete .slider .slider-handle.is-active .slider-label {
  top: -15px;
  left: -2px;
  border-radius: 15px 15px 15px 0;
  transform: rotate(-45deg) translate(23px, -25px);
}

.rkmd-slider.slider-discrete .slider .slider-handle.is-active .slider-label span {
  opacity: 1;
}

.rkmd-slider.slider-discrete.slider-lightBlue .slider-label {
  background-color: #0090f5;
}

/* ----------------------------------------------------------------------
  Range Slider Color
------------------------------------------------------------------------- */
.rkmd-slider.slider-lightBlue .slider-fill,
.rkmd-slider.slider-lightBlue .slider-handle {
  background-color: #0090f5;
}

/*
 |--------------------------------------------------------------------------
 | 0a. Animations Styling
 |--------------------------------------------------------------------------
 |
 | Global styling of the theme that contains same set of styles necessary for
 | any other instance of our base theme.
 |
 */
/* Menu Fade In Animation */
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}

@keyframes ripple {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}

@keyframes rippleDuplicate {
  0% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}

@keyframes fillIn {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}

@keyframes categoryTitleLine {
  0% {
    width: 0;
  }
  100% {
    width: 25px;
  }
}

@keyframes stretchIn {
  0% {
    box-shadow: 0 0 0 0 #0190f6;
  }
  50% {
    box-shadow: 0 0 0 2px rgba(1, 144, 246, 0.3);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(1, 144, 246, 0.5);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@-webkit-keyframes rotate90 {
  0% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(180deg);
  }
}

@keyframes rotate90 {
  0% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(180deg);
  }
}

/*
 |--------------------------------------------------------------------------
 | =.= Layout Styling
 |--------------------------------------------------------------------------
 |
 | All code that is not parsed into partials folder and that is used
 | throughout theme is based here
 |
 */
body {
  position: relative;
}

@media (min-width: 1200px) {
  .container {
    width: 1320px;
  }
  /* page hero section */
  .single:not(.single-craftsman):not(.single-job):not(.single-product):not(.blog) .container {
    width: 1020px;
  }
}

.row:empty {
  display: none;
}

.align-center {
  align-items: center;
}

main {
  padding: 4rem 0;
}

main.single {
  position: relative;
  padding-bottom: 0;
  z-index: 2;
}

main.single.single-craftsman {
  margin-top: 20px;
}

main.main-contact {
  position: relative;
  z-index: 1;
}

.page main .section-listing {
  background-color: transparent;
}

.hidden {
  display: none;
}

.invisibile {
  visibility: hidden;
}

.transparent {
  opacity: 0;
}

.tags a {
  color: #757575;
}

.tags a:not(:last-child) {
  margin-right: 0.7rem;
}

.tags a::before {
  content: "#";
}

.tags a:hover {
  color: #0090f5;
}

.input-group .form-control:not(:first-child),
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child) > .btn,
.input-group-btn:not(:first-child) > .btn-group > .btn,
.input-group-btn:not(:first-child) > .dropdown-toggle,
.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn,
.input-group-btn:not(:last-child) > .btn:not(:first-child) {
  border-radius: 6px;
}

/*todo move this to different file*/
.modal {
  top: 5%;
  height: 100%;
}

.title {
  margin-bottom: 3rem;
}

.title h2 {
  margin-bottom: 1rem;
  font-size: 32px;
  font-size: 2rem;
}

.title p {
  font-size: 19px;
  font-size: 1.1875rem;
  color: #757575;
}

.home.page .hero {
  padding-bottom: 0;
  color: #fff;
}

.home.page .hero .hero--centered {
  display: flex;
  justify-content: center;
}

.home.page main {
  padding: 0;
}

.home.page main section {
  padding: 3rem 0;
  background-color: #fff;
}

.home.page main section:nth-child(odd) {
  background-color: #f9f9f9;
}

.home.page.blog header.header-home-0 {
  position: relative;
  background-color: #212121;
}

.home.page.blog header.header-home-0 .container-fluid {
  top: -10px;
}

.home.page.blog.logged-in header.fixed.sticky {
  top: 32px;
}

.home.page.blog main {
  padding: 4rem 0;
}

.home.page.blog main.blog {
  padding: 4rem 0;
}

#map .delete-layer {
  position: absolute;
  top: 46px;
  right: 9px;
  width: 28px;
  height: 26px;
  padding-top: 2px;
  background-color: #fff;
  border-radius: 3px;
  border: 2px solid #c9c9c9;
  text-align: center;
  z-index: 99999999;
  cursor: pointer;
}

#map .delete-layer:hover {
  opacity: 0.9;
}

#map .delete-layer i {
  font-size: 20px;
  font-size: 1.25rem;
}

.tab-content:not(.tab-content-hiw) {
  position: relative;
  width: 100%;
}

.tab-content:not(.tab-content-hiw) > .active {
  display: block;
}

.delimiter {
  position: absolute;
  top: 7rem;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 60px;
  height: 60px;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  line-height: 3.3;
  text-align: center;
  z-index: 1;
}

.delimiter span {
  display: block;
  margin: 4px;
  width: 52px;
  height: 52px;
  background-color: #0090f5;
  border-radius: 50%;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
  color: #fff;
}

.home .delimiter {
  top: 50%;
  transform: translate(-50%, -50%);
}

select.form-control:not([size]):not([multiple]) {
  height: 47px;
  background-color: #fff;
  border: none;
}

body select.form-control.select-chosen {
  height: 47px;
  background-color: #fff;
}

/*tooltips*/
.tooltip {
  z-index: 9999;
}

.tooltip-inner {
  background-color: rgba(33, 33, 33, 0.6);
  font-size: 12px;
  font-size: 0.75rem;
}

.tooltip-inner::before {
  display: none;
  color: #0090f5;
}

iframe {
  max-width: 100%;
}

.form-contact label,
.form-contact input,
.form-contact textarea {
  width: 100%;
}

.form-contact .checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.form-contact .checkbox .label-text {
  margin-left: 10px;
}

.form-contact [type="submit"] {
  margin-top: 10px;
  width: auto;
}

.ks-navbar-logo img {
  max-width: 180px;
}

.packages-craftsman-premium,
div.ks-extras-block-item:nth-child(2),
div.delimiter:nth-child(2),
.packages-client-premium,
.packages-craftsman-free div.package.h-60 div.package-header span:nth-child(3),
.packages-client-free .package-header span:nth-child(3),
.packages-craftsman-free .package-header span:nth-child(3) {
  display: none !important;
}

.craftsman-inner figure.craftsman-image {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.city-search {
  display: none !important;
}

.how-it-works .btn-shadow {
  display: none !important;
}

.logo-home {
  padding: 0px !important;
  max-width: 180px;
}

header.header .top-nav ul > li .sub-menu-offset {
  right: 7px !important;
}

header.header .top-nav ul > li .sub-menu {
  margin-top: 6px !important;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .logo-home {
    max-width: 120px;
  }
  .home .hero-image {
    height: calc(100vh - 305px) !important;
  }
}

#craftsman_region {
  display: none;
}

.navigation .search-item {
  display: none !important;
}

.open-popup-cerere a {
  background-color: #194378;
  transition: background-color 200ms linear;
}

.open-popup-cerere a:hover {
  background-color: #0090f5;
}

.home main > .category {
  background-image: url("https://prolist.ro/wp-content/uploads/2020/06/1593350821background.png");
  background-repeat: no-repeat;
  background-position: right bottom;
}

@media only screen and (max-width: 600px) {
  .home .category {
    background-size: contain;
  }
}

/*
 |--------------------------------------------------------------------------
 | 1. Header Styling
 |--------------------------------------------------------------------------
 |
 | Set of styles for different variations of headers that comes with the theme.
 |
 */
header {
  position: sticky;
  top: 0;
  z-index: 9999;
}

header .row.row-alt {
  margin-right: auto;
  margin-left: auto;
}

header.header {
  padding: 1rem 0;
  background-color: #212121;
  /* Navigation */
}

@media screen and (min-width: 991px) {
  header.header {
    padding: 1rem 0.7rem;
  }
}

header.header a[rel="home"] {
  display: inline-block;
  padding-top: 10px;
}

header.header .top-nav {
  display: inline-block;
}

header.header .top-nav ul {
  margin: 0;
}

header.header .top-nav ul > li {
  position: relative;
  display: inline-block;
  margin-right: 1rem;
  border-radius: 6px;
  transition: all 0.2s ease-in-out;
  /* sub menu */
}

header.header .top-nav ul > li a.user-logged {
  padding: 0;
}

header.header .top-nav ul > li ul.sub-menu li.menu-item-has-children:hover {
  background-color: transparent;
}

header.header .top-nav ul > li ul.sub-menu li.menu-item-has-children:hover a {
  padding: 0;
  color: #212121;
}

header.header .top-nav ul > li ul.sub-menu li.menu-item-has-children ul.sub-menu {
  top: 38px;
}

header.header .top-nav ul > li > a:not(.icon-transparent) {
  display: inline-block;
  padding: 0.7rem;
  border-radius: 6px;
  color: #fff;
}

header.header .top-nav ul > li > a:not(.icon-transparent) i {
  margin-left: 0.4rem;
  font-size: 13px;
  color: #fff;
}

header.header .top-nav ul > li > a:not(.icon-transparent).btn-link {
  padding: 0;
  margin-left: 0.7rem;
}

header.header .top-nav ul > li a.btn-transparent {
  margin: -2px 0.2rem 0 0.6rem;
  border-color: #fff;
}

header.header .top-nav ul > li a.btn-transparent.btn-membership {
  padding: 0.6rem 0.7rem;
  background-color: #0090f5;
  border-color: #0090f5;
}

header.header .top-nav ul > li a.btn-transparent.btn-membership span {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 300;
}

header.header .top-nav ul > li a.btn-transparent.btn-membership:hover, header.header .top-nav ul > li a.btn-transparent.btn-membership:focus {
  background-color: #0087e6;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
}

header.header .top-nav ul > li a.icon-transparent {
  margin-left: 1rem;
  color: #fff;
}

header.header .top-nav ul > li a.icon-transparent .fa-user-o {
  font-size: 22px;
}

header.header .top-nav ul > li a.icon-transparent.logout {
  position: relative;
  top: 2px;
}

header.header .top-nav ul > li a.icon-transparent.logout::after {
  position: absolute;
  top: 6px;
  right: 0;
  content: "\E15C";
  font-family: "Material Icons";
  font-size: 14px;
  color: #e2401c;
}

header.header .top-nav ul > li.menu-item-has-children:hover > a:not([class*="btn-danger"]) {
  background-color: transparent;
  color: #fff;
}

header.header .top-nav ul > li:hover > a:not([class*="btn"]) {
  transition: all 0.2s ease-in-out;
  background-color: transparent;
}

header.header .top-nav ul > li:hover > a:not([class*="btn"]) i {
  color: #fff;
}

header.header .top-nav ul > li:hover a.icon-transparent {
  background-color: transparent;
  color: #fff;
}

header.header .top-nav ul > li:hover a.btn-transparent:hover {
  background-color: #0090f5;
  border-color: #0090f5;
  color: #fff;
}

header.header .top-nav ul > li:hover a.btn-transparent.btn-membership:hover {
  background-color: #0087e6;
  border-color: #0087e6;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
}

header.header .top-nav ul > li:hover > .sub-menu {
  display: block;
  visibility: visible;
  opacity: 1;
}

@media screen and (min-width: 1030px) {
  header.header .top-nav ul > li:hover > .sub-menu {
    animation: fadeInUp 0.2s ease-in;
  }
}

header.header .top-nav ul > li:hover > .sub-menu-click, header.header .top-nav ul > li:hover > .sub-menu-form {
  display: none;
  animation: none;
}

header.header .top-nav ul > li:hover > .sub-menu.active-click, header.header .top-nav ul > li:hover > .sub-menu.active-form {
  display: block;
}

@media screen and (min-width: 1030px) {
  header.header .top-nav ul > li:hover > .sub-menu.active-click, header.header .top-nav ul > li:hover > .sub-menu.active-form {
    animation: fadeInUp 0.2s ease-in;
  }
}

header.header .top-nav ul > li:hover > .sub-menu.active-form {
  display: flex;
}

header.header .top-nav ul > li .sub-menu {
  display: none;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  margin-top: -10px;
  padding: 1rem 0.7rem;
  min-width: 335px;
  background: #fff;
  border-radius: 6px;
  text-align: left;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
  z-index: 999;
}

header.header .top-nav ul > li .sub-menu::after {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  left: 20px;
  background-image: url(assets/images/elements/drop_arrow.png);
  background-size: 20px;
  width: 20px;
  height: 10px;
}

header.header .top-nav ul > li .sub-menu-offset {
  left: auto;
  right: 0;
}

header.header .top-nav ul > li .sub-menu-offset::after {
  left: auto;
  right: 20px;
}

header.header .top-nav ul > li .sub-menu-form .loader, header.header .top-nav ul > li .sub-menu-click .loader {
  transform: translate(-50%, -50%) scale(0.8);
}

header.header .top-nav ul > li .sub-menu-form.active, header.header .top-nav ul > li .sub-menu-click.active {
  display: block;
  visibility: visible;
  opacity: 1;
}

@media screen and (min-width: 1030px) {
  header.header .top-nav ul > li .sub-menu-form.active, header.header .top-nav ul > li .sub-menu-click.active {
    animation: fadeInUp 0.2s ease-in;
  }
}

header.header .top-nav ul > li .sub-menu-form.active {
  display: flex;
}

header.header .top-nav ul > li .sub-menu-form {
  display: none;
  top: 50px;
  left: -277px;
  width: 300px;
}

header.header .top-nav ul > li .sub-menu-form form {
  width: 100%;
}

header.header .top-nav ul > li .sub-menu-form form .input-group .form-field {
  position: relative;
}

header.header .top-nav ul > li .sub-menu-form form .input-group .form-field .description-error .alert {
  font-size: 12px;
  font-size: 0.75rem;
}

header.header .top-nav ul > li .sub-menu-form form .input-group .form-field-icon {
  position: absolute;
  top: 0.65rem;
  right: 1rem;
  transform: none;
  font-size: 18px;
  font-size: 1.125rem;
  color: #757575;
  z-index: 3;
}

header.header .top-nav ul > li .sub-menu-form form .input-group .form-field .form-control::-webkit-input-placeholder {
  color: #a09f9f;
}

header.header .top-nav ul > li .sub-menu-form form .input-group .form-field .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #a09f9f;
}

header.header .top-nav ul > li .sub-menu-form form .input-group .form-field .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #a09f9f;
}

header.header .top-nav ul > li .sub-menu-form form .input-group .form-field .form-control:-ms-input-placeholder {
  color: #a09f9f;
}

header.header .top-nav ul > li .sub-menu-form form .form-btn input[type="submit"] {
  padding: 8px 3rem;
  font-size: 15px;
  font-size: 0.9375rem;
}

header.header .top-nav ul > li .sub-menu li {
  display: block;
  float: left;
  margin: 0;
  padding: 0 0.7rem;
  width: 50%;
  min-width: 155px;
}

header.header .top-nav ul > li .sub-menu li a {
  display: block;
  margin: 0.23rem 0;
  padding: 0;
  color: #212121;
}

header.header .top-nav ul > li .sub-menu li:not(.menu-item-has-children):hover {
  background-color: #efefef;
}

header.header .top-nav ul > li .sub-menu li:not(.menu-item-has-children):hover a {
  padding: 0;
  color: #212121;
  background-color: transparent;
}

header.header .top-nav ul > li .sub-menu-alt {
  min-width: auto;
}

header.header .top-nav ul > li .sub-menu-alt li {
  float: none;
  padding: 0.05rem 0.7rem;
  width: auto;
  margin-right: 0;
}

header.header .top-nav ul > li .sub-menu-alt li:not(:first-child) {
  margin-top: 0.3rem;
}

header.header .top-nav.top-nav-plugin ul li a img {
  border-radius: 50%;
}

header.header .top-nav.top-nav-plugin ul li a span {
  vertical-align: top;
}

header.header .top-nav.top-nav-plugin ul li .btn span {
  font-size: 16px;
  font-size: 1rem;
  vertical-align: bottom;
}

header.header .top-nav.top-nav-plugin ul li .btn-transparent {
  padding: 0.3rem 0.7rem;
}

header.header.fixed {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99999;
  transform: translateY(-100%);
  transition: all 0.2s ease-in-out;
}

header.header.fixed.sticky {
  visibility: visible;
  opacity: 1;
  top: 0;
  transform: translateY(0);
  transition: all 0.2s ease-in-out;
}

header .sub-menu form .social-login {
  margin-bottom: 1.3rem;
}

header .sub-menu form .social-login-networks a {
  padding: 0.5rem 1rem;
}

header .sub-menu form .social-login-networks a:first-child {
  margin-right: 0.5rem;
}

header .sub-menu form .social-login-networks a:nth-child(3) {
  margin-top: 0.5rem;
}

header .sub-menu form .social-login-networks a .social-login-network-icon span.hidden {
  display: inline-block;
  vertical-align: middle;
}

header .sub-menu form .social-login-networks a .social-login-network-icon span:last-child {
  display: none;
}

header .sub-menu form .social-login-delimiter {
  margin-top: 1.3rem;
}

/* page hero section */
.single-post .hero {
  position: relative;
}

.single-post .hero-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 350px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0;
  overflow: hidden;
}

.single-post .hero-image::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.single-post .hero-image::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.single-post .hero-posts {
  position: absolute;
  bottom: 20px;
  z-index: 10;
}

.single-post .hero-posts-nav a {
  color: #fff;
  opacity: 0.6;
}

.single-post .hero-posts-nav a:hover {
  opacity: 1;
}

.single-post .hero-posts-nav.prev i {
  transform: rotate(180deg);
}

/* header for home */
header[class*="header-home"] {
  position: absolute;
  background-color: transparent;
  width: 100%;
  z-index: 9999;
}

.home .home-slider {
  width: 100%;
  height: 100%;
}

.home .home-slider .swiper-wrapper {
  height: 780px;
}

.home .home-slider .swiper-slide {
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.blog-default.logged-in header.header.fixed {
  top: 30px;
}

.header .top-nav ul > li.search-item a.icon-transparent {
  margin-left: 1rem;
}

.header .top-nav ul > li .search-menu-form.sub-menu-offset::after {
  right: 20px;
  left: auto;
}

.header .top-nav ul > li .search-menu-form label {
  margin: 0;
  width: 100%;
}

.header .top-nav ul > li .search-menu-form label input {
  width: 81%;
  height: 48px;
}

.header .top-nav ul > li .search-menu-form label a.submit {
  position: relative;
  display: inline-block;
  float: right;
  padding: 0.7rem 0.4rem;
  width: 17%;
  height: 48px;
  background-color: #0090f5;
  border-radius: 6px;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  text-align: center;
  z-index: 1;
  overflow: hidden;
}

.header .top-nav ul > li .search-menu-form label a.submit:hover, .header .top-nav ul > li .search-menu-form label a.submit:focus {
  background-color: #0090f5;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
}

.header .top-nav ul > li .search-menu-form label a.submit.action::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -100%;
  background-color: #fff;
  height: 3px;
  width: 100%;
  opacity: 0.4;
}

.header .top-nav ul > li .search-menu-form label a.submit::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 180px;
  height: 180px;
  margin-left: -90px;
  margin-top: -90px;
  border-radius: 100%;
  opacity: 0.6;
  background: #3fb0ff;
  transform: scale(0);
}

.header .top-nav ul > li .search-menu-form label a.submit:not(:active)::after {
  animation: ripple 2s ease-out;
}

.header .top-nav ul > li .search-menu-form label a.submit::after {
  visibility: hidden;
}

.header .top-nav ul > li .search-menu-form label a.submit:focus::after {
  visibility: visible;
  z-index: -1;
}

header.header-home-0 {
  padding: 2rem;
}

.sub-menu-form .input-group label[for="remember_me"] {
  font-size: 12px;
  font-size: 0.75rem;
}

.form-password-forgot {
  position: relative;
  top: 2px;
}

.form-password-forgot a {
  font-size: 12px;
  font-size: 0.75rem;
  color: #e2401c;
  vertical-align: text-top;
}

.form-password-forgot a:hover {
  color: #e2401c;
  text-decoration: underline;
}

.page .sub-menu-form .form-alternative small {
  font-size: 13px;
  font-size: 0.8125rem;
}

.user-logged span {
  position: relative;
  top: -0.3rem;
  padding: 0.1rem 0.7rem;
  background-color: #0090f5;
  border: 1px solid #0090f5;
  border-radius: 6px;
}

@media screen and (max-width: 1030px) {
  .mobile-nav-action,
  .mobile-login-button {
    position: relative;
    font-size: 22px;
    padding: 0.2rem 0.5rem;
    line-height: 1;
    color: #fff;
    cursor: pointer;
  }
  .mobile-nav-action span,
  .mobile-login-button span {
    font-size: 32px;
    font-size: 2rem;
    vertical-align: middle;
  }
  .mobile-nav-action:focus, .mobile-nav-action:hover, .mobile-nav-action:active,
  .mobile-login-button:focus,
  .mobile-login-button:hover,
  .mobile-login-button:active {
    color: #fff;
  }
  .logged-in.mobile header.header .navigation.mobile-nav ul {
    flex-flow: wrap column-reverse;
  }
  .logged-in.mobile header.header .navigation.mobile-nav ul .sub-menu-alt li:not(:first-child) {
    margin-top: 0;
  }
  header.header .navigation.mobile-nav {
    position: fixed;
    top: 66px;
    right: 0;
    left: 0;
    min-width: 100%;
    max-height: 100%;
    background-color: #1f262a;
    z-index: 9999999;
    overflow: visible;
    transition: all 0.25s ease-in-out;
    transition-delay: 150ms;
  }
  header.header .navigation.mobile-nav.hidden {
    max-height: 0;
    overflow: hidden;
  }
  header.header .navigation.mobile-nav.hidden > ul {
    opacity: 0;
  }
  header.header .navigation.mobile-nav > ul {
    padding: 15px 30px;
    transition: all 0.3s ease-in-out;
    transition-delay: 300ms;
    opacity: 1;
  }
  header.header .navigation.mobile-nav ul {
    display: flex;
    flex-flow: wrap column;
    justify-content: flex-end;
  }
  header.header .navigation.mobile-nav ul > li {
    margin: 0;
    border-bottom: 1px solid;
    border-radius: 0;
  }
  header.header .navigation.mobile-nav ul > li.menu-item-has-children {
    border: none;
  }
  header.header .navigation.mobile-nav ul > li.menu-item-has-children > a {
    padding-bottom: 1rem;
  }
  header.header .navigation.mobile-nav ul > li.menu-item-has-children > a i {
    color: #d6d6d6;
  }
  header.header .navigation.mobile-nav ul > li.menu-item-has-children a.user-logged i {
    transition: all 0.2s ease-in-out;
  }
  header.header .navigation.mobile-nav ul > li.menu-item-has-children.open {
    border-color: #fff;
  }
  header.header .navigation.mobile-nav ul > li.menu-item-has-children.open a.user-logged i {
    transform: rotate(180deg);
  }
  header.header .navigation.mobile-nav ul > li > a {
    display: block;
    padding: 1rem;
    color: #d6d6d6;
    font-size: 1.2rem;
  }
  header.header .navigation.mobile-nav ul > li ul.sub-menu {
    visibility: visible;
    display: none;
    opacity: 1;
    position: relative;
    top: auto;
    margin: 0;
    padding: 0;
    box-shadow: none;
    text-align: right;
    background-color: #354147;
    transition: all 0.2s ease-in-out;
  }
  header.header .navigation.mobile-nav ul > li ul.sub-menu::after {
    display: none;
  }
  header.header .navigation.mobile-nav ul > li ul.sub-menu > li {
    display: block !important;
    float: none;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #1f262a;
  }
  header.header .navigation.mobile-nav ul > li ul.sub-menu > li:last-child {
    border: 0;
  }
  header.header .navigation.mobile-nav ul > li ul.sub-menu > li > a {
    margin: 0;
    padding: 1rem 2rem;
    color: #c9c9c9;
  }
  header.header .navigation.mobile-nav ul > li ul.sub-menu > li.menu-item-has-children ul.sub-menu {
    top: auto;
  }
  header.header .navigation.mobile-nav ul > li ul.sub-menu.active {
    display: block;
  }
  header.header .navigation.mobile-nav ul > li ul.sub-menu.active li .sub-menu.active li {
    background-color: #e6e6e6;
  }
  header.header .navigation.mobile-nav ul > li:nth-last-child(2),
  header.header .navigation.mobile-nav ul > li:last-child {
    border: 0;
  }
  header.header .navigation.mobile-nav .top-nav-plugin > ul li:nth-child(2) {
    display: none;
  }
  header.header .top-nav ul > li .sub-menu-form.active {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
  }
  header.header .top-nav ul > li .sub-menu-form.active::after {
    display: none;
  }
  header.header .top-nav ul > li.on-click .btn-login,
  header.header .top-nav ul > li.on-click .btn-search {
    position: fixed;
    top: 4px;
    margin-left: 12px;
    padding: 4px 7px;
    background-color: #fff;
    border-radius: 6px;
    color: #0090f5;
  }
  header.header .top-nav ul > li.on-click .btn-search {
    margin-left: 58px;
  }
  header.header .top-nav-plugin ul li.list-inline-item {
    border: none;
  }
  header.header .top-nav-plugin ul li.list-inline-item a.btn-membership.btn-transparent {
    margin-top: 0.5rem;
    padding: 0.5rem 0.7rem;
    color: #fff;
  }
}

.login-demo {
  margin-top: -0.6rem;
  padding: 1rem;
  background-color: #ff22220d;
  font-size: 12px;
}

header .login-demo {
  margin-right: 0;
  margin-left: 0;
}

.page-craftsman-auth .login-demo {
  margin-top: 1.3rem;
}

.login-demo .col-sm-12 {
  color: #cc1919;
}

.login-demo .craftsman-demo div span {
  color: #cc1919;
}

a[rel="home"] h1.site-title {
  margin-top: -22px;
  margin-bottom: 0;
  font-weight: 400;
  color: #fff;
}

a[rel="home"] h2.site-description {
  font-size: 16px;
  font-size: 1rem;
  color: #fff;
}

.blog-default header.header .top-nav ul > li.woocommerce-cart-item {
  margin-left: 20px;
}

.header-home-0[rel="home"] h1.site-title {
  color: #212121;
}

.header-home-0[rel="home"] h2.site-description {
  color: #212121;
}

.mobile a h1.site-title {
  margin-top: -17px;
}

@media screen and (min-width: 992px) {
  header.header .top-nav ul > li.column-single ul.sub-menu {
    min-width: 200px;
  }
  header.header .top-nav ul > li.column-single ul.sub-menu li {
    width: 100%;
    min-width: auto;
  }
  header.header .top-nav ul > li.column-single ul.sub-menu li ul.sub-menu {
    top: 1rem;
    left: 70%;
  }
}

header .badge {
  position: relative;
  top: -10px;
  left: 3px;
  font-weight: 300;
}

header .badge.bagde-pill.theme-color {
  background-color: #0090f5;
}

@media screen and (min-width: 992px) {
  .blog-default header.header .top-nav ul > li .sub-menu {
    min-width: 0;
  }
  .blog-default header.header .top-nav ul > li .sub-menu li,
  .blog-default header.header .top-nav ul > li .sub-menu li.menu-item-has-children,
  .blog-default header.header .top-nav ul > li .sub-menu li.menu-item-has-children:hover {
    width: 100%;
    float: none;
  }
  .blog-default header.header .top-nav ul > li .sub-menu li a,
  .blog-default header.header .top-nav ul > li .sub-menu li a:hover,
  .blog-default header.header .top-nav ul > li .sub-menu li.menu-item-has-children a,
  .blog-default header.header .top-nav ul > li .sub-menu li.menu-item-has-children a:hover,
  .blog-default header.header .top-nav ul > li .sub-menu li.menu-item-has-children:hover a,
  .blog-default header.header .top-nav ul > li .sub-menu li.menu-item-has-children:hover a:hover {
    padding: 0.1rem 0;
  }
  .blog-default header.header .top-nav ul > li .sub-menu li.menu-item-has-children ul.sub-menu {
    top: 0;
    left: 60%;
  }
}

.mobile-menu {
  display: flex;
  align-items: center;
}

.mobile-menu__item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 32%;
}

.mobile-menu__item a {
  line-height: 1;
}

.quote-banner {
  background-color: #194378;
  position: relative;
  display: block;
  cursor: pointer;
  padding: 5px 15px;
  max-width: 100vw;
}

@media screen and (max-width: 991px) {
  .quote-banner {
    z-index: 1010;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    display: inline-flex;
    display: none;
    align-items: center;
  }
  .quote-banner p {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 992px) {
  .quote-banner {
    padding: 25px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
  }
}

.quote-banner h2 {
  font-weight: bold;
  font-size: 1.5rem;
}

@media screen and (max-width: 991px) {
  .quote-banner h2 {
    font-size: 1rem;
    weight: 400;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 992px) {
  .quote-banner h2 {
    font-size: 1.75rem;
  }
}

.quote-banner h2,
.quote-banner p,
.quote-banner span {
  color: #fff !important;
}

@media screen and (max-width: 991px) {
  .quote-banner__title {
    padding-right: 5px;
  }
}

.quote-banner__title div:last-child {
  display: none;
}

@media screen and (min-width: 992px) {
  .quote-banner__title div:last-child {
    display: block;
  }
  .quote-banner__title p:first-of-type {
    display: none;
  }
}

.quote-banner__button {
  display: inline-block;
  border-radius: 5px;
  padding: 5px;
  background-color: #286eb5;
}

@media screen and (max-width: 991px) {
  .quote-banner__button {
    max-width: 85px;
    font-weight: bold;
  }
}

@media screen and (min-width: 992px) {
  .quote-banner__button {
    margin-bottom: 7px;
  }
}

.mfp-hide {
  display: none;
}

.mfp-wrap {
  z-index: 999999 !important;
}

.white-popup {
  position: relative;
  background: #fff;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

.white-popup .wpcf7-list-item {
  margin: 0;
}

.white-popup input {
  width: 100%;
  box-sizing: border-box;
}

.white-popup input[type="checkbox"] {
  width: 18px;
  height: 18px;
}

.white-popup textarea {
  min-height: 50px;
  max-height: 120px;
  margin-bottom: 5px;
  width: 100%;
  box-sizing: border-box;
}

.ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.hamRotate.active {
  transform: rotate(45deg);
}

.line {
  fill: none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke: #fff;
  stroke-width: 5.5;
  stroke-linecap: round;
}

.ham8 .top {
  stroke-dasharray: 40 160;
}

.ham8 .middle {
  stroke-dasharray: 40 142;
  transform-origin: 50%;
  transition: transform 400ms;
}

.ham8 .bottom {
  stroke-dasharray: 40 85;
  transform-origin: 50%;
  transition: transform 400ms, stroke-dashoffset 400ms;
}

.ham8.active .top {
  stroke-dashoffset: -64px;
}

.ham8.active .middle {
  transform: rotate(90deg);
}

.ham8.active .bottom {
  stroke-dashoffset: -64px;
}

.featured-category-box {
  width: 50%;
  align-self: stretch;
}

@media screen and (min-width: 991px) {
  .featured-category-box {
    width: 25%;
  }
}

.featured-category-box a {
  padding: 10px;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  color: #111;
  border-radius: 5px;
  margin-bottom: 10px;
  margin-right: 10px;
  overflow: hidden;
  position: relative;
  transition: all 250ms linear;
  z-index: 1;
}

.featured-category-box a svg {
  margin-right: 10px;
  background-color: #ddd;
  border-radius: 5px;
  padding: 7px;
  display: inline-block;
  width: 40px;
  height: 40px;
  transition: all 200ms linear;
}

.featured-category-box a:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  left: 50%;
  bottom: -30px;
  background-image: url("./assets/images/front-end/brush-o.svg");
  background-size: contain;
  transition: all 250ms linear;
  rotate: 180deg;
}

.featured-category-box a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0;
  width: 100%;
  background-color: #2666b7;
  transition: all 200ms linear;
  transition-delay: 200ms;
  z-index: -1;
}

.featured-category-box a:hover {
  color: #fff;
}

.featured-category-box a:hover svg {
  background-color: transparent;
}

.featured-category-box a:hover svg path,
.featured-category-box a:hover svg rect,
.featured-category-box a:hover svg polygon,
.featured-category-box a:hover svg polyline,
.featured-category-box a:hover svg line,
.featured-category-box a:hover svg circle,
.featured-category-box a:hover svg ellipse {
  stroke: #fff !important;
}

.featured-category-box a:hover:after {
  bottom: calc(100%+20px);
  rotate: 0deg;
}

.featured-category-box a:hover:before {
  height: 100%;
}

.featured-category-box-container {
  display: flex;
  flex-wrap: wrap;
}

/*
 |--------------------------------------------------------------------------
 | 2. Home Search Box Styling
 |--------------------------------------------------------------------------
 |
 | Set of styles for search box on homepage
 |
 */
.home .hero {
  position: relative;
}

.home .hero .video {
  position: absolute;
  padding-top: 0;
  padding-bottom: 56.25%;
  width: 100%;
  height: 0;
  overflow: hidden;
}

.home .hero .video.faded {
  animation: fadeOut .3s ease-out;
}

.home .hero .video-youtube {
  opacity: 0;
}

.home .hero-image {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  height: 800px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}

@media all and (max-width: 768px) {
  .home .hero-image .video {
    display: none;
  }
}

.home .hero-image iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.home .hero-image-content {
  width: 45.5%;
  backface-visibility: hidden;
  z-index: 2;
}

.home .hero .overlay {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  opacity: 0;
  z-index: 2;
}

.home .text-animation {
  margin-bottom: 1rem;
  text-align: center;
}

.home .text-animation h2 {
  font-size: 42px;
  font-size: 2.625rem;
  font-weight: 600;
  letter-spacing: 2px;
  color: #fff;
}

.home .text-animation h5 {
  margin-bottom: 0;
  letter-spacing: 1px;
  color: #fff;
}

.home .search-box {
  backface-visibility: hidden;
}

.home .search-box-form {
  display: flex;
  justify-content: center;
  align-items: center;
}

.home .search-box-form select {
  padding: 8px 15px;
  background-color: transparent;
  color: #212121;
}

.home .search-box-form select option {
  padding: .3rem 1rem;
}

.home .search-box-form select.select-chosen {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.home .search-box-form .select-custom {
  position: relative;
  display: block;
  flex: 1;
  padding: 0 .28rem;
  width: 100%;
}

.home .search-box-form .select-custom select {
  padding: 13px 20px;
  color: #757575;
}

.home .search-box-form .select-custom:first-child {
  padding: 0 .26rem;
}

.home .search-box-form .select-custom-type::after {
  pointer-events: none;
}

.home .search-box-form .select-custom.select-craftsman::after {
  display: none;
  content: '\E313';
  position: absolute;
  top: 50%;
  right: 20px;
  font-family: 'Material Icons';
  font-size: 20px;
  color: #999;
  transform: translateY(-50%);
  pointer-events: none;
}

.home .search-box-form .select-custom label {
  margin: 0;
}

.home .search-box-form .select-custom.type-select {
  flex: 0 0 auto;
  width: 20%;
}

.home .search-box-form .select-custom a {
  display: block;
  padding: 12px 20px;
  height: 47px;
  width: 100%;
  background-color: #fff;
  border-radius: 6px;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #757575;
}

.home .search-box-form .select-custom-dropdown {
  position: absolute;
  top: 0;
  width: 100%;
  background-color: #fff;
  border-radius: 6px;
}

.home .search-box-form .select-custom-dropdown li {
  padding: 16px;
  border-bottom: 1px solid #f1f1f1;
  font-size: 16px;
  font-size: 1rem;
  cursor: pointer;
}

.home .search-box-form .select-custom-dropdown li:first-child {
  border-top-left-radius: 6px;
}

.home .search-box-form .select-custom-dropdown li:first-child::after {
  content: '\E313';
  position: absolute;
  top: 50%;
  right: 20px;
  font-family: 'Material Icons';
  font-size: 22px;
  color: #999;
  transform: translateY(-50%);
}

.home .search-box-form .select-custom-dropdown li:last-child {
  border: 0;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.home .search-box-form .select-custom-dropdown li:hover {
  background-color: #0090f5;
  color: #fff;
}

.home .search-box-form .select-custom-dropdown li:hover:first-child::after {
  color: #fff;
}

.home .search-box-form .select-custom-input {
  width: 100%;
}

.home .search-box-form .select-custom-input::after {
  content: '\E313';
  position: absolute;
  top: 50%;
  right: 20px;
  font-family: 'Material Icons';
  font-size: 22px;
  color: #999;
  transform: translateY(-50%);
}

.home .search-box-form .select-custom-city {
  position: relative;
  width: 100%;
}

.home .search-box-form .select-custom-city::after {
  display: none;
  content: '\E55F';
  position: absolute;
  top: 50%;
  right: 4.5rem;
  font-family: 'Material Icons';
  font-size: 22px;
  color: #999;
  z-index: 3;
  transform: translateY(-50%);
}

.home .search-box-form .btn {
  margin-left: .6rem;
  padding: 12px 2.5rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  cursor: pointer;
}

.home div[class*=select-custom-city] .geolocation {
  position: absolute;
  top: 50%;
  right: 0;
  padding: 12px 1rem;
  border-left: 1px solid #f1f1f1;
  color: #999;
  z-index: 3;
  transform: translateY(-50%);
  text-align: center;
}

.home div[class*=select-custom-city] .geolocation .geolocate {
  position: relative;
  font-size: 22px;
  line-height: 1;
  vertical-align: middle;
  color: #999;
  cursor: pointer;
}

.home .chosen-container-no-drop .chosen-drop {
  clip: auto;
}

.home .chosen-container-single .chosen-single {
  height: auto;
  background: none;
  background-color: #fff;
  border: none;
  border-radius: 6px;
  box-shadow: none;
  line-height: 1.5;
}

.home .chosen-container-single .chosen-single span {
  color: #212121;
}

.home .chosen-container-single .chosen-single div:not(.close) {
  display: none;
}

.home .chosen-container-single .chosen-single abbr {
  display: block;
  top: 50%;
  right: 1rem;
  margin: 0;
  width: 22px;
  height: 22px;
  background: none;
  background-color: #fff;
  transform: translateY(-50%);
  font-size: 22px;
  line-height: 1;
  color: #999;
  z-index: 4;
}

.home .chosen-container-single .chosen-single abbr::before {
  display: block;
  font-family: 'Material Icons';
  content: '\E5CD';
  vertical-align: middle;
  line-height: 1;
  animation: bounceIn .6s ease-in;
}

.home .chosen-container-single .chosen-single abbr:hover::before {
  color: #212121;
}

.home .chosen-container-single .chosen-single abbr.no-before {
  background-color: transparent;
}

.home .chosen-container-single .chosen-single abbr.no-before::before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  background-color: #0090f5;
  border-radius: 50%;
  z-index: 1;
  animation: stretchIn .3s ease-in;
}

.home .chosen-container-single .chosen-single abbr.no-before:hover::before {
  color: #0090f5;
}

.home .chosen-container .chosen-drop {
  margin-top: -9px;
  padding: .7rem;
  border: none;
  border-radius: 6px;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
}

.home .chosen-container .chosen-drop .chosen-search {
  position: relative;
  margin-bottom: .7rem;
}

.home .chosen-container .chosen-drop .chosen-search::after {
  position: absolute;
  display: block;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  font-family: 'Material Icons';
  font-size: 22px;
  color: #999;
  content: '\E8B6';
  vertical-align: middle;
  line-height: 1;
}

.home .chosen-container .chosen-drop .chosen-search input {
  padding: .4rem 1rem;
  background: none;
  background-color: #f9f9f9;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #212121;
}

.home .chosen-container .chosen-drop .chosen-search input:focus {
  box-shadow: none;
}

.home .chosen-container .chosen-drop .chosen-results {
  margin: 0;
  padding: 0;
}

.home .chosen-container .chosen-drop .chosen-results li {
  padding: 7px 6px;
  border-radius: 6px;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 1.3;
  color: #212121;
}

.home .chosen-container .chosen-drop .chosen-results li.no-results {
  background-color: transparent;
}

.home .chosen-container .chosen-drop .chosen-results li.no-results span {
  color: #212121;
  font-weight: 400;
}

.home .chosen-container .chosen-drop .chosen-results li.highlighted {
  background-image: none;
  background-color: #0090f5;
  color: #fff;
}

.home .chosen-container .chosen-drop .chosen-results li.highlighted::before {
  color: #fff;
}

.home .select-custom-city .chosen-container-single .chosen-single abbr {
  right: 4.5rem;
}

.home .select-custom-city .chosen-container-single .chosen-single abbr.no-before {
  right: 1rem;
}

.home .select-custom-type::after {
  pointer-events: none;
}

.select-icon {
  position: absolute;
  top: 12px;
  right: 1.3rem;
  height: 22px;
  font-size: 22px;
  color: #999;
  z-index: 4;
  pointer-events: none;
  line-height: 1;
}

.select-icon-geo {
  right: 4.5rem;
}

.select-icon.active {
  animation: bounceIn .6s ease-in;
}

.demo-excerpt {
  position: absolute;
  bottom: -22px;
  left: 10px;
  font-size: 13px;
  font-weight: 300;
  color: #fff;
}

/* chosen sprites override */
.chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-single div b,
.chosen-container-single .chosen-search input[type=text],
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close,
.chosen-rtl .chosen-search input[type=text],
.chosen-rtl .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type=text], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span {
  background: none;
}

/*
 |--------------------------------------------------------------------------
 | 3. Category Box Styling
 |--------------------------------------------------------------------------
 |
 | Set of styles for search box on homepage
 |
 */
.category-boxes .full-height {
  height: 100%;
}

.category-boxes .category-box {
  position: relative;
  min-height: 250px;
  background-size: cover;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
}

.category-boxes .category-box img {
  position: absolute;
  width: 100vw;
  height: 250px;
  object-fit: cover;
  border-radius: 6px;
}

.category-boxes .category-box-alt > img {
  height: 516px;
}

.category-boxes .category-box::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  background-color: rgba(33, 33, 33, 0.25);
}

.category-boxes .category-box:hover::after {
  background-color: rgba(33, 33, 33, 0.2);
  transition: all 0.2s ease-in-out;
}

.category-boxes .category-box-alt {
  height: 100%;
}

.category-boxes .category-box-title {
  position: absolute;
  bottom: 1.3rem;
  right: 1.3rem;
  max-width: 80%;
  color: #fff;
  text-align: right;
  z-index: 1;
}

.category-boxes .category-box-title h6 {
  margin: 0;
  color: #fff;
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: 300;
  text-align: left;
  background: rgba(72, 72, 72, 0.7);
  padding: 5px 10px;
  border-radius: 10px;
}

.category-boxes .category-box-title h6 span {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 7px;
  border: 1px solid #fff;
  border-radius: 20%;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
  transition: all 0.2s ease-in-out;
}

/*
 |--------------------------------------------------------------------------
 | 4. How It Works Box Styling
 |--------------------------------------------------------------------------
 |
 | Set of styles for search box on homepage
 |
 */
.how-it-works-article {
  padding: 2rem;
  height: 100%;
  background-color: #f5f5f5;
  border-radius: 6px;
  text-align: center;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}

.how-it-works-article-image {
  margin-top: .6rem;
  margin-bottom: 2rem;
}

.how-it-works-article p {
  margin-top: .3rem;
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.6;
  color: #757575;
}

.how-it-works-article:hover {
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
}

.page-craftsman-how-it-works .craftsman-how-it-works .packages h5 {
  font-size: 20px;
  font-size: 1.25rem;
}

@media screen and (max-width: 992px) {
  #craftsman_gateway p:empty,
  #client_gateway p:empty {
    display: none;
  }
  .row.pebas-row p:empty {
    display: none;
  }
}

/*
 |--------------------------------------------------------------------------
 | 5. Posts Styling
 |--------------------------------------------------------------------------
 |
 | Set of styles for craftsmans on homepage
 |
 */
.posts .posts {
  margin-top: 1.3rem;
}

.posts .posts:nth-child(2) {
  margin: 0;
}

.featured {
  position: absolute;
  top: 1rem;
  left: 10px;
  padding: 0.1rem 0.5rem;
  background-color: #0090f5;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 20px;
  color: #fff;
  z-index: 2;
}

.post-info {
  display: block;
  background-color: #fff;
}

.post-info .category-link {
  display: inline-block;
  margin-top: 0.3rem;
  font-size: 14px;
  font-size: 0.875rem;
  color: #a09f9f;
}

.see-all {
  margin-top: 3rem;
}

.see-all a i {
  vertical-align: middle;
}

.single-post .content .gallery {
  display: flex;
  flex-flow: row wrap;
}

.single-post .content .gallery.gallery-size-thumbnail .gallery-item {
  flex-basis: 20%;
}

.single-post .content .gallery-item {
  padding: 0 0.5rem;
}

.single-post .content .gallery-item:first-child {
  padding-left: 0;
}

.single-post .content .gallery-item:last-child {
  padding-right: 0;
}

.media.left-padding {
  padding-left: 40px;
}

/*
 |--------------------------------------------------------------------------
 | 6. Latest Jobs Styling
 |--------------------------------------------------------------------------
 |
 | Set of styles for search box on homepage
 |
 */
.jobs .jobs {
  margin-top: 1.3rem;
}

.jobs .jobs:nth-child(2) {
  margin: 0;
}

.job {
  position: relative;
  border-radius: 6px;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.job-image {
  position: relative;
  margin: 0;
  height: 225px;
  background-size: cover;
}

.job-image::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(33, 33, 33, 0.4);
  z-index: 1;
}

.job-craftsman {
  position: relative;
  padding-top: 1.3rem;
  padding-left: 1.3rem;
  z-index: 2;
}

.job-craftsman a {
  display: inline-block;
}

.job-craftsman h6 {
  margin: 0;
  color: #fff;
}

.job-craftsman h6 a {
  font-size: 16px;
  font-size: 1rem;
  color: #fff;
}

.job address {
  position: relative;
  margin-top: 0.3rem;
  color: #757575;
  font-weight: 300;
  z-index: 2;
}

.job address a {
  font-size: 14px;
  font-size: 0.875rem;
  color: #757575;
}

.job address i {
  font-size: 22px;
  font-size: 1.375rem;
  color: #cccccc;
  vertical-align: text-bottom;
}

.job-info {
  display: flex;
  align-items: center;
  padding: 1.5rem 1.3rem;
  min-height: 80px;
}

.job-info h6 {
  margin: 0;
  line-height: 1.6;
}

.job-info h6 a {
  font-size: 16px;
  font-size: 1rem;
  color: #212121;
}

.job-info h6 a:hover {
  color: #0090f5;
}

/* rating circle slider */
.rating-circle {
  margin-right: 0.7rem;
}

.rating-circle .c100::after {
  background-color: #fff;
}

.rating-circle .c100.cst-small {
  font-size: 40px;
}

.rating-circle .c100.cst-small span {
  width: 40px;
  line-height: 40px;
  font-size: 16px;
  font-weight: 300;
  color: #212121;
}

.rating-circle .c100.cst-small .slice .fill,
.rating-circle .c100.cst-small .slice .bar {
  border-color: #0090f5;
}

/*
 |--------------------------------------------------------------------------
 | 7. Craftsmen Styling
 |--------------------------------------------------------------------------
 |
 | Set of styles for craftsmans on homepage
 |
 */
.craftsmans .craftsmans {
  margin-top: 1.3rem;
}

.craftsmans .craftsmans:nth-child(2) {
  margin: 0;
}

body.home .craftsman-inner,
.craftsman-inner {
  background-color: #212121;
  position: relative;
}

body.home .craftsman-image,
.craftsman-image {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin: 0;
  height: 205px;
  background-size: cover;
  opacity: 0.8;
}

body.home .craftsman-image address a,
.craftsman-image address a {
  color: #cccccc;
}

body.home .craftsman-info,
.craftsman-info {
  flex-direction: column;
}

body.home .craftsman-info h6,
.craftsman-info h6 {
  margin: 0;
}

body.home .craftsman-info h6,
body.home .craftsman-info .category-link,
.craftsman-info h6,
.craftsman-info .category-link {
  align-self: auto;
}

body.home .craftsman-info .category-link,
.craftsman-info .category-link {
  margin-top: 0.3rem;
  color: #757575;
}

body.home .craftsman-info-footer address a,
.craftsman-info-footer address a {
  color: #757575;
  font-size: 14px;
  font-size: 0.875rem;
}

.see-all {
  margin-top: 3rem;
}

/*
 |--------------------------------------------------------------------------
 | 8. Page Styling
 |--------------------------------------------------------------------------
 |
 | Set of styles for different variations of pages that comes with the theme.
 |
 */
main.main-minus {
  padding-bottom: 0;
}

.hero-image .home-banner-image {
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 1;
  transition: all 0.2s ease-in-out;
}

.page.blog-default .section-minus-default section {
  padding-bottom: 2rem;
}

.page .hero.page-hero.hero-blog .hero-image {
  height: 200px;
}

.page:not(.page-craftsman-auth) main.craftsman-profile.craftsman-register {
  padding: 4rem 0;
}

.page-template-default main .section-minus-default {
  margin-top: -9%;
}

.page-template-default main .section-minus-default section {
  padding: 3rem 4rem;
  padding-bottom: 9%;
}

.page-template-default main .section-minus-default section hr {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.page-template-default main .section-minus-default section h1,
.page-template-default main .section-minus-default section h2,
.page-template-default main .section-minus-default section h3,
.page-template-default main .section-minus-default section h4,
.page-template-default main .section-minus-default section h5,
.page-template-default main .section-minus-default section h6 {
  margin-bottom: 1rem;
}

.page-template-default main .section-minus-default section p {
  margin-bottom: 2rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.6;
}

.page-template-default main .section-minus-default section a {
  color: #0090f5;
}

.page-template-default main .section-minus-default section a:hover {
  text-decoration: underline;
}

.page main section {
  padding: 2rem 1.5rem;
  background-color: #fff;
  border-radius: 6px;
}

.page.home main section {
  border-radius: 0;
}

.page .section-minus {
  margin-top: -22%;
}

.page .section-minus section {
  padding-bottom: 20%;
  box-shadow: none;
  z-index: 2;
}

.page .hero.page-hero {
  overflow: hidden;
}

.page .hero.page-hero .hero-image {
  height: 350px;
  background-size: cover;
  background-position: 0;
}

.page .hero.page-hero .hero-image::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  z-index: 1;
}

.page .hero.page-hero .hero-image::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.page .hero-header {
  z-index: 1;
}

.page .hero-header-title, .page .hero-header-subtitle {
  color: #fff;
}

.page .hero-header-title.title-dark, .page .hero-header-subtitle.title-dark {
  color: #474747;
}

.page .hero-header-title {
  font-size: 48px;
  font-size: 3rem;
}

.page .hero-header-subtitle {
  font-size: 20px;
  font-size: 1.25rem;
}

.page main section .header {
  display: none;
}

.page .form-alternative small {
  font-size: 14px;
  font-size: 0.875rem;
}

.page-craftsman-auth .form-check a {
  color: #0090f5;
}

.page-craftsman-auth .form-check a:hover {
  text-decoration: underline;
}

.page main.craftsman-how-it-works .packages {
  padding: 4rem 5rem;
}

.page-craftsman-how-it-works .tab-pane div[class*=col] {
  align-self: center;
}

.page-craftsman-how-it-works h1,
.page-craftsman-how-it-works h2,
.page-craftsman-how-it-works h3 {
  margin-top: 0;
  margin-bottom: .8rem;
}

.page-craftsman-how-it-works h2 {
  font-size: 30px;
  font-size: 1.875rem;
}

.page-craftsman-how-it-works p {
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.page-craftsman-how-it-works .hero.page-hero .hero-image {
  padding-bottom: 2rem;
}

.page.blog-default.error404 .hero.page-hero .hero-image {
  padding-bottom: 0;
}

.page.blog-default.error404 main.craftsman-profile.craftsman-register {
  padding-top: 0;
  padding-bottom: 10rem;
}

.page.error404 main {
  padding: 5rem 0;
}

.page.error404 .error404 {
  padding: 2.7rem;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
}

.page.error404 .error404 .content {
  margin-top: 1.5rem;
}

.page.error404 .error404 .content form label {
  position: relative;
  margin-bottom: 0;
  width: 100%;
}

.page.error404 .error404 .content form label input {
  width: 100%;
  height: 52px;
  padding: 8px 15px;
  background-color: #fbfbfb;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  font-family: "Rubik", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 14px;
  font-size: 0.875rem;
  color: #212121;
  outline: 0;
}

.page.error404 .error404 .content form label input:hover, .page.error404 .error404 .content form label input:active, .page.error404 .error404 .content form label input:focus {
  background-color: #f9f9f9;
  border-color: #e4e4e4;
  outline: 0;
}

.page.error404 .error404 .content form label .submit {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  font-size: 14px;
  line-height: 1;
  color: #757575;
}

.page.error404 .error404 .content form label .submit i {
  font-size: 21px;
}

.page.page-template-page_contact .map-contact {
  height: 375px;
  border-radius: 6px;
  z-index: 1;
}

/* contact information style */
.main-contact section.section-minus {
  margin-top: -14%;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
}

.main-contact h5 {
  margin: 2rem 0 1rem;
}

.main-contact h5.contact-form-title {
  margin-top: 0;
  margin-bottom: 2rem;
}

.main-contact .contact-info {
  margin-bottom: 1rem;
}

.main-contact .contact-info:last-child {
  margin-bottom: 0;
}

.main-contact .contact-info p {
  margin-bottom: .4rem;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #757575;
}

.main-contact .contact-info a {
  display: block;
  margin-top: .4rem;
  color: #0090f5;
}

.main-contact .contact-info a:hover {
  text-decoration: underline;
}

.main-contact .contact-detail {
  margin-bottom: 1rem;
}

.main-contact .contact-detail p {
  margin-bottom: .7rem;
}

.main-contact .contact-detail a.phone {
  color: #212121;
}

.main-contact .contact-detail a.phone:hover {
  color: #0090f5;
}

.main-contact .contact-detail .footer-copy-social a {
  display: block;
  margin: 0 .2rem;
  width: 38px;
  height: 38px;
  border: 2px solid #767676;
  border-radius: 50%;
  font-size: 22px;
  font-size: 1.375rem;
  text-align: center;
  color: #757575;
}

.main-contact .contact-detail .footer-copy-social a:first-child {
  margin-left: 0;
}

.main-contact .contact-detail .footer-copy-social a:hover {
  color: #fff;
}

.main-contact .contact-detail .footer-copy-social a.facebook {
  border-color: #3b5998;
  color: #3b5998;
}

.main-contact .contact-detail .footer-copy-social a.facebook:hover {
  color: #fff;
}

.main-contact .contact-detail .footer-copy-social a.twitter {
  border-color: #55acee;
  color: #55acee;
}

.main-contact .contact-detail .footer-copy-social a.twitter:hover {
  color: #fff;
}

.main-contact .contact-detail .footer-copy-social a.google {
  border-color: #dd4b39;
  color: #dd4b39;
}

.main-contact .contact-detail .footer-copy-social a.google:hover {
  color: #fff;
}

.main-contact .contact-detail .footer-copy-social a.instagram {
  border-color: #e4405f;
  color: #e4405f;
}

.main-contact .contact-detail .footer-copy-social a.instagram:hover {
  color: #fff;
}

.main-contact .contact-detail .footer-copy-social a.linkedin {
  border-color: #0077b5;
  color: #0077b5;
}

.main-contact .contact-detail .footer-copy-social a.linkedin:hover {
  color: #fff;
}

.main-contact .contact-content form label {
  display: block;
  margin-bottom: 2rem;
  font-size: 14px;
  font-size: 0.875rem;
}

.main-contact .contact-content form label .required {
  color: #e2401c;
}

.main-contact .contact-content form input:not([type=submit]) {
  margin-top: .7rem;
  width: 100%;
  height: 48px;
}

.main-contact .contact-content form textarea {
  margin-top: .7rem;
  width: 100%;
}

.main-contact .contact-content form input[type=submit] {
  background-color: #0090f5;
  transition: all 0.2s ease-in-out;
}

.main-contact .contact-content form input[type=submit]:hover {
  transition: all 0.2s ease-in-out;
}

.main-contact .contact-content form p {
  margin-bottom: .8rem;
}

.main-contact .contact-content form p:last-of-type {
  text-align: right;
}

/* confirm & thank you pages */
.page .craftsman-profile .profile-content h5 {
  margin: 0;
}

.page .craftsman-profile .payments {
  margin-top: 1.3rem;
}

.page .craftsman-profile .payments .label {
  margin-right: .7rem;
  margin-bottom: 0;
  font-weight: 400;
}

.page .craftsman-profile .payments-payment {
  margin-right: .7rem;
}

.page .craftsman-profile .payments-payment a {
  padding: .2rem 1rem;
  background-color: #f1f1f1;
  border-radius: 6px;
  color: #757575;
}

.page .craftsman-profile .payments-payment a:hover {
  background-color: #0090f5;
  color: #fff;
}

.page .craftsman-profile .payments-alternative {
  margin-top: 1.5rem;
  margin-right: .7rem;
  margin-bottom: 0;
}

.page .craftsman-profile .payments-alternative a {
  color: #0090f5;
}

.page .craftsman-profile .payments-alternative a:hover {
  text-decoration: underline;
}

/*
 |--------------------------------------------------------------------------
 | 9. Promo Register Box Styling
 |--------------------------------------------------------------------------
 |
 | Set of styles for search box on homepage
 |
 */
.custom-list {
  margin-bottom: 25px;
  padding-left: 0px;
  list-style-type: none;
}

.custom-list li {
  position: relative;
  padding-left: 20px;
  line-height: 1.7;
  font-size: 16px;
}

.custom-list li:after {
  content: '\f046';
  position: absolute;
  top: 2px;
  left: 0px;
  color: #00c6bd;
  font-family: 'FontAwesome';
}

/*
 |--------------------------------------------------------------------------
 | 10. Profile Styling
 |--------------------------------------------------------------------------
 |
 | Set of styles for different variations of profile page that comes with the theme.
 |
 */
.profile-header {
  padding: 1rem;
  background-color: #212121;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
}

.profile-header .logout {
  z-index: 2;
}

.profile-header .logout a {
  color: rgba(255, 255, 255, 0.6);
}

.profile-header .logout a i {
  vertical-align: bottom;
}

.profile-header .logout a:hover {
  background-color: transparent;
  color: #fff;
  text-decoration: none;
}

.profile-header .logout a:active, .profile-header .logout a:focus {
  text-decoration: none;
}

.craftsman-profile {
  padding: 0;
}

@media screen and (min-width: 1200px) {
  .craftsman-profile .container-fluid {
    padding: 0;
  }
}

.craftsman-profile form .input-group .form-control::-webkit-input-placeholder {
  color: #a09f9f;
}

.craftsman-profile form .input-group .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #a09f9f;
}

.craftsman-profile form .input-group .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #a09f9f;
}

.craftsman-profile form .input-group .form-control:-ms-input-placeholder {
  color: #a09f9f;
}

.craftsman-profile-sidebar {
  margin-top: 0;
}

.craftsman-profile-sidebar-section.section-avatar {
  margin-top: 0;
}

.craftsman-profile-sidebar-section.section-avatar .author-meta .avatar img {
  width: 75px;
  height: 75px;
  border: 4px solid #f1f1f1;
  border-radius: 6px;
}

.craftsman-profile .notification {
  position: relative;
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
  z-index: 1;
}

.craftsman-profile .notification p {
  margin: 0;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  color: #e2401c;
}

.craftsman-profile .notification small {
  display: block;
  margin-top: .3rem;
  margin-bottom: .7rem;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #a09f9f;
}

.craftsman-profile .notification-reminders {
  display: inline-block;
}

.craftsman-profile .notification-reminders.ajaxed .loader {
  transform: translate(-50%, -50%) scale(0.5);
}

.craftsman-profile .notification-reminders.ajaxed .loader p {
  position: relative;
  top: -20px;
  color: #212121;
}

.craftsman-profile .section-minus .personal-details {
  padding: 2rem 2rem 3rem 2rem;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
}

.craftsman-profile .header-profile {
  margin-bottom: 1rem;
}

.craftsman-profile .header-profile h2 {
  font-weight: 400;
}

.craftsman-profile .profile-content {
  z-index: 1;
}

.craftsman-profile .statistics-box {
  margin-top: 1.3rem;
  padding: 2rem;
  background-color: #f9f9f9;
  border: 3px solid #f1f1f1;
  border-radius: 6px;
  transition: all 0.2s ease-in-out;
}

.craftsman-profile .statistics-box-number {
  margin-top: -.3rem;
  font-size: 68px;
  font-size: 4.25rem;
  font-weight: 500;
  color: #0090f5;
}

.craftsman-profile .statistics-box-name {
  margin-top: -.6rem;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
  color: #a09f9f;
}

.craftsman-profile .statistics-box:hover {
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
}

.craftsman-profile .craftsman-sidebar {
  margin-bottom: 0;
  height: 100%;
}

.craftsman-profile .craftsman-sidebar-section {
  border-radius: 6px;
}

.craftsman-profile .craftsman-sidebar-section.section-account {
  overflow: hidden;
}

.craftsman-profile .craftsman-sidebar-section.section-review {
  margin-top: -.5rem;
  margin-bottom: 0;
  margin-left: 2rem;
}

.craftsman-profile .craftsman-sidebar-section.section-review .review-rating {
  background-color: #0090f5;
  border: 3px solid #f1f1f1;
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
}

.craftsman-profile .craftsman-sidebar-section.section-review .review-rating .rating-circle {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 300;
  color: #fff;
}

.craftsman-profile .craftsman-sidebar-section .account,
.craftsman-profile .craftsman-sidebar-section .account-option {
  padding: .7rem;
  background-color: #f9f9f9;
  border-bottom: 1px solid #f1f1f1;
}

.craftsman-profile .craftsman-sidebar-section .account-action,
.craftsman-profile .craftsman-sidebar-section .account-option-action {
  display: flex;
  align-items: center;
}

.craftsman-profile .craftsman-sidebar-section .account-action:last-child,
.craftsman-profile .craftsman-sidebar-section .account-option-action:last-child {
  margin-top: .3rem;
}

.craftsman-profile .craftsman-sidebar-section .account .btn-full,
.craftsman-profile .craftsman-sidebar-section .account-option .btn-full {
  padding: .8rem 4px;
  border: 3px solid #0090f5;
  color: #0090f5;
}

.craftsman-profile .craftsman-sidebar-section .account i,
.craftsman-profile .craftsman-sidebar-section .account-option i {
  margin-left: .5rem;
  cursor: pointer;
  color: #a09f9f;
}

.craftsman-profile .craftsman-sidebar-section .account-master,
.craftsman-profile .craftsman-sidebar-section .account-option-master {
  border-bottom: 0;
}

.craftsman-profile .craftsman-sidebar-section .account-master .btn-secondary,
.craftsman-profile .craftsman-sidebar-section .account-option-master .btn-secondary {
  border-color: #4caf50;
  color: #4caf50;
}

.craftsman-profile .craftsman-sidebar-section .account .account-option,
.craftsman-profile .craftsman-sidebar-section .account-option .account-option {
  padding: 0;
  border: 0;
}

.craftsman-profile .craftsman-sidebar-section .account:nth-child(3),
.craftsman-profile .craftsman-sidebar-section .account-option:nth-child(3) {
  border-bottom: 0;
}

.craftsman-profile .craftsman-sidebar-section .account p,
.craftsman-profile .craftsman-sidebar-section .account-option p {
  margin: 0;
  margin-bottom: .3rem;
}

.craftsman-profile .craftsman-sidebar-section .account p + p,
.craftsman-profile .craftsman-sidebar-section .account-option p + p {
  margin: 0;
  color: #a09f9f;
}

.craftsman-profile .craftsman-sidebar-section .profile-navigation ul {
  margin: 0;
}

.craftsman-profile .craftsman-sidebar-section .profile-navigation ul li {
  position: relative;
  margin: 0 -1.3rem;
  padding: 0;
  border-top: 1px solid #f1f1f1;
}

.craftsman-profile .craftsman-sidebar-section .profile-navigation ul li.craftsman-profile-lead {
  margin: 0;
  padding: 0;
  border: 0;
}

.craftsman-profile .craftsman-sidebar-section .profile-navigation ul li.craftsman-profile-lead:hover {
  background-color: transparent;
}

.craftsman-profile .craftsman-sidebar-section .profile-navigation ul li.craftsman-profile-lead p {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
}

.craftsman-profile .craftsman-sidebar-section .profile-navigation ul li.craftsman-profile-lead i {
  color: white;
}

.craftsman-profile .craftsman-sidebar-section .profile-navigation ul li .help-icon {
  position: absolute;
  top: 5px;
  right: 1rem;
  color: #a09f9f;
  cursor: pointer;
}

.craftsman-profile .craftsman-sidebar-section .profile-navigation ul li:hover .help-icon i {
  color: #fff;
}

.craftsman-profile .craftsman-sidebar-section .profile-navigation ul li:last-child {
  border-bottom: 1px solid #f1f1f1;
}

.craftsman-profile .craftsman-sidebar-section .profile-navigation ul li a {
  display: block;
  padding: .3rem 1.3rem;
  color: #212121;
}

.craftsman-profile .craftsman-sidebar-section .profile-navigation ul li:hover {
  background-color: #0090f5;
  border-color: #0090f5;
}

.craftsman-profile .craftsman-sidebar-section .profile-navigation ul li:hover a {
  color: #fff;
}

.craftsman-profile .craftsman-sidebar-section .profile-navigation ul li.active {
  background-color: #0090f5;
  border-color: #0090f5;
}

.craftsman-profile .craftsman-sidebar-section .profile-navigation ul li.active a {
  color: #fff;
}

.craftsman-profile .craftsman-sidebar-section .profile-navigation ul li.active .help-icon {
  color: #fff;
}

.craftsman-profile .craftsman-sidebar-section .profile-navigation ul li.error {
  background-color: #e2401c;
  border-color: #e2401c;
}

.craftsman-profile .craftsman-sidebar-section .profile-navigation ul li.error:hover {
  border-color: #e2401c;
}

.craftsman-profile .craftsman-sidebar-section .profile-navigation ul li.error a {
  color: #fff;
}

.craftsman-profile .craftsman-sidebar-section .profile-navigation ul li.error .help-icon {
  color: #fff;
}

.craftsman-profile .profile-content .job {
  position: relative;
  margin-top: 1rem;
  height: auto;
}

.craftsman-profile .profile-content .job-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% - 45px);
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 16px;
  color: #fff;
  transition: all 0.2s ease-in-out;
}

.craftsman-profile .profile-content .job-thumbnail {
  margin: 0;
  background-size: cover;
  min-height: 135px;
}

.craftsman-profile .profile-content .job-actions {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.craftsman-profile .profile-content .job-edit-job {
  padding: .6rem;
  width: 100%;
  text-align: center;
}

.craftsman-profile .profile-content .job-edit-job:nth-child(2) {
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}

.craftsman-profile .profile-content .job-edit-job a {
  display: block;
  width: 100%;
  height: 100%;
  color: #3b3b3b;
}

.craftsman-profile .profile-content .job-edit-job a i {
  font-size: 20px;
  font-size: 1.25rem;
}

.craftsman-profile .profile-content .job-edit-job a:hover {
  color: #0090f5;
}

.craftsman-profile .profile-content .job-edit-job-delete {
  border-left: 1px solid #f1f1f1;
}

.craftsman-profile .profile-content .job-edit-job-delete a {
  color: #e2401c;
}

.craftsman-profile .profile-content .job-edit-job-delete a:hover {
  color: #e2401c;
}

.craftsman-profile .craftsman-sidebar-section.section-review,
.craftsman-profile-sidebar .craftsman-sidebar-section.section-review {
  margin-bottom: -1.7rem;
  margin-left: -1.7rem;
}

.craftsman-profile .craftsman-sidebar-section.section-review .review-rating,
.craftsman-profile-sidebar .craftsman-sidebar-section.section-review .review-rating {
  border-width: 4px;
  border-color: #f1f1f1;
  width: 42px;
  height: 42px;
}

.craftsman-profile .craftsman-sidebar-section.section-review .review-rating .rating-circle,
.craftsman-profile-sidebar .craftsman-sidebar-section.section-review .review-rating .rating-circle {
  top: auto;
  right: auto;
  width: auto;
  height: auto;
  border: none;
  font-size: 16px;
  font-size: 1rem;
}

.profile-level {
  position: absolute;
  right: 0;
}

.profile-level-item {
  margin-bottom: .4rem;
  padding: .1rem .6rem;
  background-color: #0090f5;
  border-radius: 6px 0 0 6px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 300;
  color: #fff;
}

.profile-level-item-premium {
  background-color: #4caf50;
}

.ks-theme-primary footer {
  display: none;
}

.ks-info .ks-rating ul li {
  margin-right: 0;
  width: 1.28571429em;
}

.ks-info .ks-rating ul li i {
  font-size: 16px;
  font-size: 1rem;
  color: #f39d16;
}

.page-craftsman-profile .ks-wrapper {
  flex-grow: 0;
}

.page-craftsman-profile .icon-addon .material-icons {
  font-size: 22px;
  font-size: 1.375rem;
}

@media screen and (min-width: 1200px) {
  .page-craftsman-profile .ks-panels-column-section + .ks-panels-column-section.margin-top {
    margin-top: 6rem;
  }
}

.page-craftsman-profile .card:not(.panel) {
  border: none;
}

.ks-sidebar.ks-info .nav .nav-item .dropdown-menu::before,
.ks-sidebar.ks-info .nav .nav-item .dropdown-menu .dropdown-item::before {
  background: transparent;
}

.ks-sidebar.ks-info .nav .nav-item.open .nav-link::before {
  background: #0090f5;
}

.ks-sidebar.ks-info .nav .nav-item.open .dropdown-item.active {
  color: #fff;
}

.ks-sidebar.ks-info .nav .nav-item.open .dropdown-item.active::before {
  background: #0090f5;
}

.ks-sidebar .ks-sidebar-wrapper .nav .dropdown-item::after,
.ks-sidebar .ks-sidebar-wrapper .nav .dropdown-menu::after,
.ks-sidebar .ks-sidebar-wrapper .nav .nav-link::after,
.ks-sidebar > .ks-wrapper .nav .dropdown-item::after,
.ks-sidebar > .ks-wrapper .nav .dropdown-menu::after,
.ks-sidebar > .ks-wrapper .nav .nav-link::after {
  height: auto;
}

.required {
  color: #e2401c;
}

.table .ks-table-cell-block .ks-status-block-container .ks-status-block-inactive,
.table .ks-table-cell-block .ks-status-block-container .status-block-inactive,
.table .ks-table-cell-block .status-block-container .ks-status-block-inactive,
.table .ks-table-cell-block .status-block-container .status-block-inactive,
.table .table-cell-block .ks-status-block-container .ks-status-block-inactive,
.table .table-cell-block .ks-status-block-container .status-block-inactive,
.table .table-cell-block .status-block-container .ks-status-block-inactive,
.table .table-cell-block .status-block-container .status-block-inactive {
  border-color: #a09f9f;
}

.table .ks-table-cell-block .ks-status-block-container .ks-status-block-rejected,
.table .ks-table-cell-block .ks-status-block-container .status-block-rejected,
.table .ks-table-cell-block .status-block-container .ks-status-block-rejected,
.table .ks-table-cell-block .status-block-container .status-block-rejected,
.table .table-cell-block .ks-status-block-container .ks-status-block-rejected,
.table .table-cell-block .ks-status-block-container .status-block-rejected,
.table .table-cell-block .status-block-container .ks-status-block-rejected,
.table .table-cell-block .status-block-container .status-block-rejected {
  border-color: #e2401c;
}

.table-contact-job-author {
  float: right;
  line-height: 1;
}

.table-contact-job-author a {
  font-size: 22px;
  font-size: 1.375rem;
  color: #0090f5;
}

.ks-panel.ks-information .card-block.ks-datatable .table thead th,
.panel.ks-information .card-block.ks-datatable .table thead th {
  font-weight: 500;
}

div.dataTables_wrapper > .row:first-child {
  background-color: #f5f6fa;
  border: none;
  border-bottom: 1px solid #f1f1f1;
}

.icon-error,
.color-error {
  color: #e2401c;
}

.icon-success,
.color-success {
  color: #0f834d;
}

.icon-warning,
.color-warning {
  color: #decc00;
}

.icon-primary,
.color-primary {
  color: #0090f5;
}

.icon-grey,
.color-grey {
  color: #a09f9f;
}

.page-craftsman-profile .card.card-jobs {
  border: 1px solid #dee0e1;
}

.page-craftsman-profile .card.card-jobs .card-img-top {
  margin: 0;
  height: 250px;
  background-size: cover;
}

.page-craftsman-profile .card.card-jobs .card-title {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #333;
}

.page-craftsman-profile .card.card-jobs .card-text {
  font-family: 'Montserrat';
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #545454;
}

.ks-small {
  text-transform: none;
}

.btn-action-block a.btn-active {
  background-color: inherit;
}

.btn-action-block a.btn-active:hover, .btn-action-block a.btn-active:active, .btn-action-block a.btn-active:focus {
  background-color: inherit;
  border: none;
  box-shadow: none;
  outline: 0;
  cursor: default;
}

.btn-action-block a.btn-error {
  background-color: #e2401c;
}

body.ks-navbar-fixed.page-craftsman-profile .ks-navbar {
  z-index: 9999;
}

.page-craftsman-profile a.btn.btn-sm {
  padding: .8rem 1.7rem;
}

.page-craftsman-profile a.btn-secondary {
  height: auto;
}

.page-craftsman-profile a.btn-secondary:hover, .page-craftsman-profile a.btn-secondary:active, .page-craftsman-profile a.btn-secondary:focus {
  box-shadow: none;
  outline: 0;
}

.ks-sidebar-copyright a {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #0090f5;
}

.ks-split span {
  cursor: pointer;
}

.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .btn-action-block:nth-child(2) {
  border-right: 0;
}

.ks-sidebar.ks-info .nav .nav-item.open .dropdown-item.has-apps::before {
  background: #4caf50;
}

.badge-pill.badge-secondary {
  background-color: #4caf50;
}

.table-cell-block .ks-info .ks-rating ul {
  margin: 0;
}

.table-cell-block .ks-info .ks-rating ul li {
  margin: 0;
  width: 13px;
}

.page-craftsman-profile .minus-margin {
  margin-bottom: -60px;
}

.page-craftsman-profile .ks-page-header .ks-title {
  background-color: #e75a3b;
}

.page-craftsman-profile .ks-page-header .ks-title p,
.page-craftsman-profile .ks-page-header .ks-title small {
  color: #fff;
}

.page-craftsman-profile .ks-widget-post > .card-header > .ks-text {
  font-size: 18px;
  font-size: 1.125rem;
}

.page-craftsman-profile .ks-panel .card-header,
.page-craftsman-profile .ks-panel .panel-heading,
.page-craftsman-profile .panel .card-header,
.page-craftsman-profile .panel .panel-heading {
  padding: 10px 20px;
}

.ks-profile .ks-profile-header .ks-profile-header-statistics .ks-item {
  text-align: center;
}

.page-craftsman-profile .btn.btn-sm {
  height: auto;
  padding: 8px 15px;
}

.page-craftsman-profile .alert {
  border: none;
  border-radius: 0;
  font-size: 17px;
  font-size: 1.0625rem;
}

.page-craftsman-profile .alert::before {
  display: none;
}

.page-craftsman-profile .alert-success::before {
  content: '\E5CA';
  display: inline-block;
  position: relative;
  top: -2px;
  margin-right: .5rem;
  width: auto;
  background: none;
  border: none;
  border-radius: 0;
  font-family: 'Material Icons';
  font-size: 24px;
  vertical-align: middle;
  color: #0f834d;
}

.page .ks-navbar {
  background-color: #2b3034;
}

.page .ks-navbar .nav-item {
  border-color: #59646c;
}

.page .ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-user {
  border: none;
}

.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .btn-action-block > .btn:not(.btn-secondary) {
  background-color: transparent;
}

.btn.ks-split > .ks-text + .ks-icon {
  background-color: #ef5350;
  height: 100%;
}

.page-craftsman-profile a.geolocate.click-icon {
  position: absolute;
  top: 10px;
  right: -3rem;
  height: 20px;
  width: 30px;
}

.page-craftsman-profile a.geolocate.click-icon span.icon-addon i {
  position: relative;
  top: auto;
  right: auto;
}

.card .input-icon .form-field-icon {
  cursor: pointer;
  pointer-events: all;
}

/*
 |--------------------------------------------------------------------------
 | 10a. Profile Forms Styling
 |--------------------------------------------------------------------------
 |
 | Set of styles for different variations of profile page that comes with the theme.
 |
 */
.craftsman-profile .profile-content .content form label[for="location_input"] {
  margin-bottom: 0;
}

.craftsman-profile .profile-content .content form .input-group:last-of-type {
  margin-bottom: 0;
}

.craftsman-profile .profile-content .content form .input-group.category-input.hidden {
  display: none;
}

.craftsman-profile .profile-content .content form .input-group-area .description {
  margin-bottom: 1rem;
  width: 66.7%;
}

.craftsman-profile .profile-content .content form .input-group-gallery {
  width: 100%;
}

.craftsman-profile .profile-content .content form .input-group .required {
  color: #e2401c;
}

.craftsman-profile .profile-content .content form .input-group .form-field .form-control {
  width: auto;
}

.craftsman-profile .profile-content .content form .input-group .form-field input {
  padding-right: 3.5rem;
}

.craftsman-profile .profile-content .content form .input-group .form-field i {
  position: relative;
  top: 50%;
  right: 3rem;
  transform: none;
  pointer-events: none;
}

.craftsman-profile .profile-content .content form .input-group .form-field i.click-icon {
  right: 0;
  width: 4%;
  margin: 0 1rem;
  color: #0090f5;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}

.craftsman-profile .profile-content .content form .input-group .form-field i.single-icon {
  right: 0;
  margin: 0;
  width: 10%;
  text-align: center;
  font-size: 22px;
  font-size: 1.375rem;
}

.craftsman-profile .profile-content .content form .input-group .form-field i.w-0 {
  width: 0;
}

.craftsman-profile .profile-content .content form .input-group .form-field-tinymce .description {
  padding-left: 1.7rem;
}

.craftsman-profile .profile-content .content form .input-group .form-field-tinymce .tmce-active {
  width: 100%;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  overflow: hidden;
}

.craftsman-profile .profile-content .content form .input-group .form-field-tinymce .tmce-active .mce-panel {
  background-color: #f9f9f9;
  border-radius: 6px;
}

.craftsman-profile .profile-content .content form .input-group .form-field-tinymce .tmce-active .mce-panel .mce-resizehandle {
  bottom: 9px;
}

.craftsman-profile .profile-content .content form .input-group .form-field-tinymce i {
  position: relative;
  right: auto;
  transform: none;
}

.craftsman-profile .profile-content .content form .input-group .form-field-address {
  margin-bottom: 0.5rem;
}

.craftsman-profile .profile-content .content form .input-group .form-field-address input {
  border-radius: 6px;
}

.craftsman-profile .profile-content .content form .input-group .form-field-address i {
  right: 5rem;
}

.craftsman-profile .profile-content .content form .input-group .form-field-address a {
  position: relative;
  display: flex;
  top: 50%;
  right: 3rem;
}

.craftsman-profile .profile-content .content form .input-group .form-field-address a i {
  position: relative;
  top: auto;
  right: auto;
}

.craftsman-profile .profile-content .content form .input-group .form-field-address a.click-icon {
  display: inline-block;
  right: -10px;
  margin: 0;
  width: 5%;
  color: #0090f5;
  text-align: center;
  cursor: pointer;
}

.craftsman-profile .profile-content .content form .input-group .form-field-address a.click-icon i {
  position: initial;
  color: #0090f5;
}

.craftsman-profile .profile-content .content form .input-group #map {
  display: block;
  max-width: 66.7%;
  background-color: transparent;
  border-radius: 6px;
  overflow: hidden;
  z-index: 1;
}

.craftsman-profile .profile-content .content form .input-group .image-upload {
  margin-top: 1rem;
}

.craftsman-profile .profile-content .content form .input-group.category-input .form-field select {
  -webkit-appearance: none;
  cursor: pointer;
}

.craftsman-profile .profile-content .content form .input-group.category-input .form-field select::-ms-expand {
  display: none;
}

.craftsman-profile .profile-content .content form .input-group.category-input .form-field select.form-control {
  padding: 1rem;
  height: 52px;
}

.craftsman-profile .profile-content .content form .input-group.category-input .form-field span:not(.description):not(.current):not(.label) {
  position: relative;
  right: 10px;
  font-size: 26px;
  background-color: transparent;
  border: none;
  border-radius: 6px;
  text-align: center;
  color: #fff;
  cursor: pointer;
}

.craftsman-profile .profile-content .content form .input-group.category-input .form-field span:not(.description):not(.current):not(.label).add-field {
  color: #0090f5;
}

.craftsman-profile .profile-content .content form .input-group.category-input .form-field span:not(.description):not(.current):not(.label).remove-field {
  color: #e2401c;
}

.video-preview {
  display: block;
  margin-top: 1rem;
  max-width: 100%;
  border-radius: 6px;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.video-preview iframe {
  display: block;
  width: 100%;
  height: 270px;
  border-radius: 6px;
  overflow: hidden;
}

select option {
  padding: 0.3rem 0;
  font-size: 15px;
  font-size: 0.9375rem;
}

.select-2-container:focus, .select-2-container:active {
  outline: 0;
  border: none;
}

.page-craftsman-profile .select2-container--default .select2-selection--single {
  padding: 8px 15px;
  background-color: #f9f9f9;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
}

.page-craftsman-profile .select2-container .select2-selection--single {
  height: 52px;
}

.page-craftsman-profile .select2-container--default
.select2-selection--single
.select2-selection__rendered {
  padding: 0;
  font-weight: 300;
  color: #a09f9f;
  line-height: 2.5;
}

.page-craftsman-profile .select2-container--default
.select2-selection--single
.select2-selection__rendered:focus, .page-craftsman-profile .select2-container--default
.select2-selection--single
.select2-selection__rendered:active {
  outline: 0;
}

.page-craftsman-profile .select2-container--default
.select2-selection--single
.select2-selection__arrow {
  display: none;
}

.page-craftsman-profile .select2-search--dropdown {
  padding: 0;
  border: none;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
}

.page-craftsman-profile .select2-container--default .select2-search--dropdown .select2-search__field {
  position: absolute;
  top: -45px;
  left: 0;
  padding: 8px 1rem;
  width: 85%;
  border: none;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #212121;
}

.page-craftsman-profile .select2-container--default .select2-search--dropdown .select2-search__field:focus, .page-craftsman-profile .select2-container--default .select2-search--dropdown .select2-search__field:active {
  box-shadow: none;
}

.page-craftsman-profile .select2-results__options {
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
}

.page-craftsman-profile .select2-results__options li:first-child {
  display: none;
}

.page-craftsman-profile .select2-results__option {
  padding: 12px 1rem;
  background-color: #f9f9f9;
  color: #212121;
}

.page-craftsman-profile .select2-results__option:hover {
  background-color: #0090f5;
  color: #fff;
}

.page-craftsman-profile .select2-container--default
.select2-results__option--highlighted[aria-selected] {
  background-color: #0090f5;
  color: #fff;
}

.page-craftsman-profile .select2-container--open .select2-dropdown--below {
  border-bottom: none;
}

.page-craftsman-profile .select2-container--default.select2-container--open.select2-container--below
.select2-selection--single,
.page-craftsman-profile .select2-container--default.select2-container--open.select2-container--below
.select2-selection--multiple {
  border-radius: 6px;
}

.input-icon .form-field-icon {
  position: absolute;
  top: 10px;
  right: -2rem;
}

.input-icon .form-field-icon.add-field, .input-icon .form-field-icon.remove-field {
  padding: 5px 10px;
  color: #fff;
  border-radius: 3px;
}

.input-icon .form-field-icon.add-field {
  background-color: #0090f5;
}

.input-icon .form-field-icon.remove-field {
  background-color: #e2401c;
}

.input-icon .form-field-icon.ajax-icon {
  cursor: pointer;
}

.location-gallery {
  width: 100%;
  padding: 0.3rem 0.6rem;
}

.location-gallery .col-sm-3 {
  padding: 0 0.3rem;
}

.location-gallery .col-sm-3:nth-child(n + 5) {
  margin-top: 0.7rem;
}

.location-gallery .add-images {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap;
  margin: 0;
  padding: 0;
  min-height: 135px;
  height: 100%;
  width: 100%;
  background-color: #f9f9f9;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.location-gallery .add-images:hover {
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
}

.location-gallery .add-images span {
  font-size: 72px;
  font-size: 4.5rem;
  font-weight: 500;
  color: #0090f5;
}

.location-gallery .add-images p {
  margin: 0.3rem 0 0;
  color: #0090f5;
}

.location-images-wrap:not(.row-first) {
  margin-top: 1.3rem;
}

.location-images-wrap .location-image-wrap {
  position: relative;
  margin: 0;
  min-height: 135px;
  background-size: cover;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  overflow: hidden;
}

.location-images-wrap .location-image-wrap .remove-location-image {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 500;
  color: #fff;
  visibility: hidden;
  z-index: 2;
  cursor: pointer;
}

.location-images-wrap .location-image-wrap::before {
  visibility: hidden;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(33, 33, 33, 0.6);
}

@media all and (max-width: 1200px) {
  .location-images-wrap .location-image-wrap::before {
    visibility: visible;
  }
  .location-images-wrap .location-image-wrap .remove-location-image {
    visibility: visible;
  }
}

.location-images-wrap .location-image-wrap:hover .remove-location-image {
  visibility: visible;
}

.location-images-wrap .location-image-wrap:hover::before {
  visibility: visible;
}

.wrapper .image-wrap {
  position: relative;
  margin-top: 1rem;
  max-width: 66.7%;
  border-radius: 6px;
  overflow: hidden;
}

.wrapper .image-wrap .remove-image {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 500;
  color: #fff;
  visibility: hidden;
  z-index: 2;
  cursor: pointer;
}

.wrapper .image-wrap::before {
  visibility: hidden;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(33, 33, 33, 0.6);
}

@media all and (max-width: 1200px) {
  .wrapper .image-wrap::before {
    visibility: visible;
  }
  .wrapper .image-wrap .remove-image {
    visibility: visible;
  }
}

.wrapper .image-wrap:hover .remove-image {
  visibility: visible;
}

.wrapper .image-wrap:hover::before {
  visibility: visible;
}

/*
 |--------------------------------------------------------------------------
 | 10b. Profile Tables Styling
 |--------------------------------------------------------------------------
 |
 | Set of styles for different variations of profile page that comes with the theme.
 |
 */
.craftsman-profile .table {
  margin-top: .7rem;
  border-bottom: 4px solid #f1f1f1;
}

.craftsman-profile .table th,
.craftsman-profile .table td {
  padding: 1rem .75rem;
  background-color: transparent;
  border-color: #fff;
  vertical-align: middle;
}

.craftsman-profile .table th:first-child,
.craftsman-profile .table td:first-child {
  border-top-left-radius: 6px;
}

.craftsman-profile .table th:last-of-type,
.craftsman-profile .table td:last-of-type {
  border-top-right-radius: 6px;
}

.craftsman-profile .table thead {
  background-color: #f9f9f9;
}

.craftsman-profile .table thead tr th {
  padding: 1rem .75rem;
  font-weight: 300;
  border: none;
}

.craftsman-profile .table thead tr th i {
  margin-right: 7px;
  font-size: 20px;
  color: #0090f5;
  vertical-align: sub;
}

.craftsman-profile .table thead tr th:nth-child(2) {
  width: 30%;
}

.craftsman-profile .table tbody tr th {
  background-color: transparent;
  font-weight: 300;
  border: 1px solid #f1f1f1;
  border-top: 0;
}

.craftsman-profile .table tbody tr td {
  border-right: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  border-radius: 0;
  font-weight: 300;
}

.craftsman-profile .table tbody tr td:last-of-type {
  border-right: 1px solid #f1f1f1;
}

.craftsman-profile .table tbody tr td.fast-actions {
  text-align: left;
}

.craftsman-profile .table tbody tr td a {
  display: block;
  color: #212121;
}

.craftsman-profile .table tbody tr td a:hover {
  color: #0090f5;
}

.craftsman-profile .table tbody tr td a img {
  width: auto;
  height: 40px;
  border-radius: 6px;
}

.craftsman-profile .table tbody tr td:nth-child(2) a, .craftsman-profile .table tbody tr td:nth-child(4) a {
  max-width: 230px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.craftsman-profile .table tbody tr td div {
  padding: 0 4px;
  background-color: transparent;
  border-radius: 6px;
}

.craftsman-profile .table tbody tr td div.applications-status + div {
  margin-top: .3rem;
}

.craftsman-profile .table tbody tr td div.applications-status.finished {
  color: #0f834d;
}

.craftsman-profile .table tbody tr td div.applications-status.rejected {
  color: #e2401c;
}

.craftsman-profile .table tbody tr td div.applications-status.in-progress {
  color: #0090f5;
}

.craftsman-profile .table tbody tr td div.d-inline-block {
  padding: 2px;
}

.craftsman-profile .table tbody tr td div a i {
  font-size: 24px;
  font-size: 1.5rem;
  vertical-align: middle;
}

.craftsman-profile .table tbody tr td div a.accept:hover {
  color: #0f834d;
}

.craftsman-profile .table tbody tr td div a.reject {
  color: rgba(226, 64, 28, 0.8);
}

.craftsman-profile .table tbody tr td div a.reject:hover {
  color: #e2401c;
}

.craftsman-profile .table tbody tr:hover {
  background-color: rgba(0, 144, 245, 0.03);
}

.table .text-block-container .text-block-text a {
  font-size: 13px;
  color: #333;
}

.table .text-block-container .text-block-text a:hover {
  color: #0090f5;
}

/*
 |--------------------------------------------------------------------------
 | 11. Search Page Styling
 |--------------------------------------------------------------------------
 |
 | Set of styles for different variations of search page that comes with the theme.
 |
 */
.page-craftsman-search {
  background-color: #f3f3f3;
  overflow-y: auto;
  /*map popup*/
}

.page-craftsman-search .craftsman-search {
  /*results messages*/
  /*form*/
  /*listing*/
  /*map*/
}

.page-craftsman-search .craftsman-search .search-container,
.page-craftsman-search .craftsman-search .search-map {
  padding: 0;
  background-color: #f3f3f3;
}

.page-craftsman-search .craftsman-search .search-container {
  flex-basis: 48%;
  position: relative;
}

.page-craftsman-search .craftsman-search .search-map {
  position: fixed;
  top: 75px;
  right: 0;
  width: 52%;
  flex-basis: 52%;
  border-radius: 0;
  overflow: hidden;
}

.page-craftsman-search .craftsman-search .search-element {
  padding: 1rem 2rem;
  background-color: #fff;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: #f1f1f1;
}

.page-craftsman-search .craftsman-search .search-element label {
  font-weight: 300;
}

.page-craftsman-search .craftsman-search .search-element label.inline-label {
  flex-basis: 10%;
}

.page-craftsman-search .craftsman-search .search-element.no-results {
  padding: 2rem 1rem;
}

.page-craftsman-search .craftsman-search .search-element h2 {
  margin-top: 0;
  margin-bottom: 0.4rem;
  font-size: 34px;
  font-size: 2.125rem;
}

.page-craftsman-search .craftsman-search .search-element p {
  margin: 0;
  color: #a09f9f;
}

.page-craftsman-search .craftsman-search .search-element p span {
  color: #212121;
}

.page-craftsman-search .craftsman-search .search-element .search-results-message {
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 300;
  color: #a09f9f;
}

.page-craftsman-search .craftsman-search .search-element .search-results-message span {
  color: #0090f5;
  cursor: pointer;
}

.page-craftsman-search .craftsman-search .search-element .search-results-message span:hover {
  text-decoration: underline;
}

.page-craftsman-search .craftsman-search .search-form {
  padding: 1.1rem 2rem;
  background-color: #fff;
  position: relative;
}

@media screen and (max-width: 992px) {
  .page-craftsman-search .craftsman-search .search-form-sticky {
    width: 100%;
  }
}

.page-craftsman-search .craftsman-search .search-form form {
  display: flex;
}

.page-craftsman-search .craftsman-search .search-form form .input-group {
  margin: 0;
}

.page-craftsman-search .craftsman-search .search-form form .input-group .form-field {
  width: 90%;
  position: relative;
}

.page-craftsman-search .craftsman-search .search-form form .input-group .form-field .theme-select {
  height: 38px;
}

.page-craftsman-search .craftsman-search .search-form form .input-group .form-field .theme-select ul {
  z-index: 9;
}

.page-craftsman-search .craftsman-search .search-form form .input-group .form-field-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 18px;
  font-size: 1.125rem;
  color: #757575;
  z-index: 9;
  pointer-events: none;
}

.page-craftsman-search .craftsman-search .search-form form .search-filter-toggle {
  position: relative;
  margin-right: 1rem;
  padding: 8px 1rem;
  flex-basis: 35%;
  width: 35%;
  background-color: #fbfbfb;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  font-weight: 300;
  color: #212121;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.page-craftsman-search .craftsman-search .search-form form .search-filter-toggle i {
  position: absolute;
  top: 8px;
  right: 0.7rem;
  font-size: 21px;
  color: #a09f9f;
}

.page-craftsman-search .craftsman-search .search-form form .search-filter-toggle:hover {
  box-shadow: none;
  transition: all 0.2s ease-in-out;
}

.page-craftsman-search .craftsman-search .search-form form .search-filter-toggle:active {
  top: 1px;
  box-shadow: none;
  transition: 0 0.2s ease-in-out;
}

.page-craftsman-search .craftsman-search .search-form form .reset {
  position: relative;
  display: flex;
  flex-basis: 20%;
  justify-content: center;
  align-items: center;
  background-color: #0090f5;
  border: 1px solid #0090f5;
  border-radius: 6px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.page-craftsman-search .craftsman-search .search-form form .reset i {
  font-size: 20px;
  font-size: 1.25rem;
}

.page-craftsman-search .craftsman-search .search-form form .reset:hover {
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
}

.page-craftsman-search .craftsman-search .search-form form .reset.disabled {
  background-color: #fbfbfb;
  border-color: #e4e4e4;
  color: #212121;
}

.page-craftsman-search .craftsman-search .search-form form .reset.disabled:hover {
  box-shadow: none;
}

.page-craftsman-search .craftsman-search aside#rating-form {
  display: none;
}

.page-craftsman-search .craftsman-search aside#rating-form.active {
  display: block;
}

.page-craftsman-search .craftsman-search .search-listing {
  padding: 2rem;
  background-color: #f3f3f3;
  overflow: hidden;
}

.page-craftsman-search .craftsman-search .search-listing .row {
  margin-bottom: 2rem;
}

.page-craftsman-search .craftsman-search .search-listing .row:last-of-type {
  margin-bottom: 0;
}

.page-craftsman-search .craftsman-search .search-listing .ajax-load-more .row {
  margin-bottom: 2rem;
}

.page-craftsman-search .craftsman-search .search-listing .loadmore {
  display: flex;
  margin: auto;
  max-width: 20%;
}

.page-craftsman-search .craftsman-search .search-listing .loadmore.btn-circle {
  align-items: center;
  width: 58px;
  height: 58px;
}

.page-craftsman-search .craftsman-search .search-listing .loadmore.hidden {
  display: none;
}

.page-craftsman-search .craftsman-search .search-map .geolocate {
  display: none;
}

.page-craftsman-search .leaflet-popup-close-button {
  display: none;
}

.page-craftsman-search .leaflet-popup-content-wrapper {
  padding: 0;
  border-radius: 6px;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
}

.page-craftsman-search .leaflet-popup-content-wrapper .leaflet-popup-content {
  margin: 0;
  width: 210px;
  min-width: 210px;
  height: 210px;
  min-height: 210px;
  border-radius: 6px;
  font-family: "Rubik", Helvetica, Arial, sans-serif;
}

.page-craftsman-search .leaflet-popup-content-wrapper .leaflet-popup-content .card {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  width: 210px;
  min-width: 210px;
  height: 210px;
  min-height: 210px;
  background-color: transparent;
  border: none;
}

.page-craftsman-search .leaflet-popup-content-wrapper .leaflet-popup-content .card.card-job {
  margin: 0;
  padding: 0;
  justify-content: flex-start;
}

.page-craftsman-search .leaflet-popup-content-wrapper .leaflet-popup-content .card.card-job .avatar {
  width: calc(100% + 1px);
  height: 120px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border: none;
  border-radius: 6px 6px 0 0;
}

.page-craftsman-search .leaflet-popup-content-wrapper .leaflet-popup-content .card.card-job .category {
  display: none;
}

.page-craftsman-search .leaflet-popup-content-wrapper .leaflet-popup-content .card.card-job .title {
  margin-top: 1rem;
  padding: 0 1rem;
}

.page-craftsman-search .leaflet-popup-content-wrapper .leaflet-popup-content .card .rating-circle {
  position: absolute;
  top: -34px;
  right: -2px;
  margin: 0;
  padding: 0.5rem;
  background-color: #fff;
  border-radius: 50%;
}

.page-craftsman-search .leaflet-popup-content-wrapper .leaflet-popup-content .card .rating-circle .cst-small {
  font-size: 50px;
  width: 1.021em;
}

.page-craftsman-search .leaflet-popup-content-wrapper .leaflet-popup-content .card .rating-circle .cst-small::after {
  width: 46.1px;
  height: 46px;
}

.page-craftsman-search .leaflet-popup-content-wrapper .leaflet-popup-content .card .rating-circle .cst-small .slice {
  width: 2em;
}

.page-craftsman-search .leaflet-popup-content-wrapper .leaflet-popup-content .card .rating-circle .cst-small .slice .bar {
  width: 0.847em;
  height: 0.835em;
}

.page-craftsman-search .leaflet-popup-content-wrapper .leaflet-popup-content .card .rating-circle .cst-small .slice .fill {
  width: 0.86em;
  clip: rect(0, 0.52em, 1em, 0);
}

.page-craftsman-search .leaflet-popup-content-wrapper .leaflet-popup-content .card .rating-circle span {
  width: 50px;
  font-size: 16px;
  font-weight: 400;
  line-height: 50px;
  color: #0090f5;
}

.page-craftsman-search .leaflet-popup-content-wrapper .leaflet-popup-content .card .avatar {
  margin: 0 auto 1rem;
  width: 80px;
  height: 80px;
  background-size: cover;
  border: 3px solid #f1f1f1;
  border-radius: 50%;
  overflow: hidden;
}

.page-craftsman-search .leaflet-popup-content-wrapper .leaflet-popup-content .card .avatar img {
  border: 3px solid #f1f1f1;
}

.page-craftsman-search .leaflet-popup-content-wrapper .leaflet-popup-content .card .category {
  font-weight: 300;
  color: #a09f9f;
}

.page-craftsman-search .leaflet-popup-content-wrapper .leaflet-popup-content .card .title {
  margin-top: 0.3rem;
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
}

.page-craftsman-search .leaflet-popup-content-wrapper .leaflet-popup-content .card .title a {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
  color: #212121;
}

.page-craftsman-search .leaflet-popup-content-wrapper .leaflet-popup-content .card .title a:hover {
  color: #0090f5;
}

.page-job-search .leaflet-popup-content-wrapper .leaflet-popup-content .card .avatar {
  margin: 0 auto;
}

.cst-small {
  float: none;
  margin: 0;
}

.cst-small::after {
  top: 2px;
  left: 2px;
  width: 36px;
  height: 36px;
}

.page .craftsman {
  height: 100%;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.page .craftsman .el-locate {
  position: absolute;
  top: 5px;
  right: 20px;
  color: #fff;
  z-index: 2;
  cursor: pointer;
}

.page .craftsman .el-locate i {
  font-size: 20px;
}

.page .craftsman-info .category-link {
  margin-top: 0;
  align-self: baseline;
}

.page .craftsman-info h6 {
  margin: 0.7rem 0;
  align-self: baseline;
}

.page .craftsman-info h6 a {
  font-size: 18px;
  font-size: 1.125rem;
}

.page .craftsman-info-footer {
  display: flex;
  align-items: center;
  width: 100%;
}

.page .craftsman-info-footer address {
  margin: 0;
  font-weight: 300;
  color: #a09f9f;
}

.page .craftsman-info-footer address a {
  line-height: 1.7;
}

.page .craftsman-info-footer address a:hover {
  color: #0090f5;
}

.page .craftsman-info-footer address i {
  vertical-align: sub;
  font-size: 22px;
  font-size: 1.375rem;
  color: #0090f5;
}

.page .craftsman-info-footer .rating-circle {
  margin: 0;
  margin-left: auto;
}

.page .craftsman-info-footer .rating-circle span {
  font-size: 14px;
  font-weight: 400;
  line-height: 42px;
  color: #0090f5;
}

.page .job .el-locate {
  top: 7px;
  right: 7px;
}

.job-listing {
  display: flex;
  border: 1px solid #3792cb;
  box-shadow: none;
  border-radius: 0;
  border: 1px solid #ededed;
  padding: 15px;
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 15px;
}

@media screen and (max-width: 782px) {
  .job-listing {
    display: block;
  }
}

.job-listing.active {
  background-color: #ededed;
}

.job-listing__image {
  width: 90px;
  height: 90px;
  min-width: 90px;
  border-radius: 5px;
  background-color: #3792cb;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

@media screen and (min-width: 782px) {
  .job-listing__image {
    width: 100px;
    height: 100px;
    min-width: 100px;
  }
}

.job-listing__image__text {
  width: 90px;
  height: 90px;
  min-width: 90px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #3792cb;
  color: #fff;
  font-size: 30px;
  line-height: 90px;
}

@media screen and (min-width: 782px) {
  .job-listing__image__text {
    width: 100px;
    height: 100px;
    min-width: 100px;
  }
}

.job-listing__body {
  padding-left: 15px;
}

.job-listing__body h5 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
  padding-right: 25px;
}

.job-listing__body i {
  color: #999999;
  margin-right: 5px;
}

.job-listing__body address {
  display: flex;
  align-items: center;
  color: #666666;
  margin-bottom: 0;
}

.job-listing__body__details {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  color: #666666;
  margin-top: 5px;
}

.job-listing__body__details > div {
  margin-right: 15px;
}

.job-listing__body__details__category {
  border: 1px solid #666666;
  padding: 3px;
  border-radius: 3px;
}

@media screen and (max-width: 781px) {
  .job-listing__body__details {
    background-color: #ededed;
    justify-content: center;
    border-radius: 5px;
  }
}

.job-listing__labels__users, .job-listing__labels__new, .job-listing__labels__old {
  padding: 5px;
  background-color: #37cbba;
  color: #fff;
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0px;
}

.job-listing__labels__new {
  border-bottom-left-radius: 5px;
}

.job-listing__labels__old {
  background-color: #cb3748;
}

.job-listing__labels__users {
  background-color: #3748cb;
  right: auto;
  left: 0;
  border-bottom-right-radius: 5px;
}

.display-lg {
  display: none;
}

@media screen and (min-width: 782px) {
  .display-lg {
    display: flex;
  }
}

.display-xs {
  display: none;
}

@media screen and (max-width: 781px) {
  .display-xs {
    display: flex;
  }
}

/* map search */
.marker-icon {
  position: absolute;
  padding: 2px 12px;
  background-color: #0090f5;
  border-radius: 6px;
  color: #fff;
}

.marker-icon i {
  font-size: 12px;
  vertical-align: middle;
}

.marker-icon.active {
  background-color: #0087e6;
  color: #fff;
}

.craftsman-el.active {
  background-color: #fff;
}

.mobile-options {
  position: fixed;
  display: flex;
  justify-content: center;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 3;
}

.mobile-options-map, .mobile-options-filters {
  display: inline-block;
}

.mobile-options-map a, .mobile-options-filters a {
  display: block;
  padding: 6px 2rem;
  background-color: #0090f5;
  border-radius: 6px;
  color: #fff;
}

.mobile-options-map a span, .mobile-options-filters a span {
  margin-right: 8px;
  margin-left: -8px;
  vertical-align: bottom;
  line-height: 1;
  font-size: 20px;
}

.mobile-options-map a span.right, .mobile-options-filters a span.right {
  margin-right: -8px;
  margin-left: 8px;
}

/* map popup card rating */
article .progress.blue .progress-bar {
  border-color: #0090f5;
}

article .progress.blue .progress-value {
  color: #0090f5;
}

.card-rating {
  position: absolute;
  top: -34px;
  right: -2px;
  margin: 0;
  padding: 0.5rem;
  background-color: #fff;
  border-radius: 50%;
}

/* google adsense */
.google-ads {
  padding: 2rem 2rem 0;
}

.google-ads:empty {
  display: none;
}

.google-ads ins {
  border-radius: 6px;
}

.listings .google-ads {
  padding: 2rem 0 0;
}

/*
 |--------------------------------------------------------------------------
 | 11a. Search Page Markers Styling
 |--------------------------------------------------------------------------
 |
 | Set of styles for different variations of search page that comes with the theme.
 |
 */
.search-map {
  /* IE 6-8 fallback colors */
}

.search-map .marker-cluster-small {
  background-color: #0090f5;
  font-weight: 900;
  color: #0090f5;
}

.search-map .marker-cluster-small div {
  background-color: #fff;
  font-weight: 900;
  color: #0090f5;
}

.search-map .marker-cluster-medium {
  background-color: #0090f5;
  font-weight: 900;
  color: #0090f5;
}

.search-map .marker-cluster-medium div {
  background-color: #fff;
  font-weight: 900;
  color: #0090f5;
}

.search-map .marker-cluster-large {
  background-color: rgba(253, 156, 115, 0.6);
}

.search-map .marker-cluster-large div {
  background-color: rgba(241, 128, 23, 0.6);
}

.search-map .leaflet-oldie .marker-cluster-small {
  background-color: #b5e28c;
}

.search-map .leaflet-oldie .marker-cluster-small div {
  background-color: #6ecc39;
}

.search-map .leaflet-oldie .marker-cluster-medium {
  background-color: #f1d357;
}

.search-map .leaflet-oldie .marker-cluster-medium div {
  background-color: #f0c20c;
}

.search-map .leaflet-oldie .marker-cluster-large {
  background-color: #fd9c73;
}

.search-map .leaflet-oldie .marker-cluster-large div {
  background-color: #f18017;
}

.search-map .marker-cluster {
  background-clip: padding-box;
  border-radius: 20px;
}

.search-map .marker-cluster div {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-top: 5px;
  text-align: center;
  border-radius: 15px;
  font: 12px "Rubik", Arial, Helvetica, sans-serif;
}

.search-map .marker-cluster span {
  line-height: 30px;
}

.search-map .marker-icon {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 12px;
  width: 50px;
  height: 28px;
  background-color: #0090f5;
  border-bottom: 0;
  border-radius: 6px;
  font-family: "Rubik", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 300;
  color: #fff;
}

.search-map .marker-icon::after {
  display: block;
  content: '\E5C5';
  position: absolute;
  bottom: -27px;
  left: 50%;
  font-family: 'Material Icons';
  transform: translateX(-50%);
  font-size: 36px;
  color: #0090f5;
}

.search-map .marker-icon i {
  font-size: 14px;
  vertical-align: middle;
}

.search-map .marker-icon.active {
  background-color: #0087e6;
  color: #fff;
}

.search-map .marker-icon.active::after {
  color: #0087e6;
}

.search-map .marker-icon.active.rated {
  color: #fff;
}

.search-map .marker-icon.active.featured {
  color: #fff;
}

.search-map .marker-icon.active.featured i {
  color: #fbe26b;
}

.search-map .marker-icon.rated {
  display: flex;
  color: #fff;
}

.search-map .marker-icon.rated i {
  margin-left: 3px;
  color: #fbe26b;
}

.search-map .marker-icon.not-rated {
  width: 38px;
}

.search-map .marker-icon.featured {
  width: 60px;
}

.search-map .marker-icon.featured::after {
  bottom: -10px;
}

.search-map .marker-icon.featured i {
  margin-top: -3px;
  margin-left: 5px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #fbe26b;
}

.search-map .marker-icon.featured.not-rated {
  width: 38px;
}

.search-map .marker-icon.featured.not-rated i {
  margin-left: 0;
}

.search-map .marker-icon:hover::after {
  color: #0087e6;
}

.search-map .marker-icon-job, .search-map .marker-icon-job.featured, .search-map .marker-icon-job.not-rated, .search-map .marker-icon-job.featured.not-rated {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  box-shadow: 0 0 1px 4px rgba(255, 255, 255, 0.25);
}

.search-map .marker-icon-job i, .search-map .marker-icon-job.featured i, .search-map .marker-icon-job.not-rated i, .search-map .marker-icon-job.featured.not-rated i {
  margin-top: -2px;
}

.search-map .marker-icon-job::after, .search-map .marker-icon-job.featured::after, .search-map .marker-icon-job.not-rated::after, .search-map .marker-icon-job.featured.not-rated::after {
  display: block;
  content: "";
  position: absolute;
  left: auto;
  bottom: -9px;
  margin-left: -3px;
  width: 0;
  height: 0;
  border: 6px solid;
  border-color: transparent transparent #0090f5 #0090f5;
  box-shadow: -4px 4px 1px 0 rgba(255, 255, 255, 0.25);
  transform-origin: 0 0;
  transform: rotate(-45deg);
  color: #0090f5;
  z-index: 0;
}

.search-map .marker-icon-job.active::after, .search-map .marker-icon-job:hover::after, .search-map .marker-icon-job.featured.active::after, .search-map .marker-icon-job.featured:hover::after, .search-map .marker-icon-job.not-rated.active::after, .search-map .marker-icon-job.not-rated:hover::after, .search-map .marker-icon-job.featured.not-rated.active::after, .search-map .marker-icon-job.featured.not-rated:hover::after {
  color: #0087e6;
  border-color: #0087e6;
}

.search-map .leaflet-popup-tip-container {
  position: relative;
  visibility: hidden;
}

.search-map .leaflet-popup-content-wrapper {
  position: relative;
}

.search-map .leaflet-popup-content-wrapper::after {
  display: block;
  content: '\E5C5';
  position: absolute;
  bottom: -27px;
  left: 50%;
  font-family: 'Material Icons';
  transform: translateX(-50%);
  font-size: 36px;
  color: #fff;
}

/*
 |--------------------------------------------------------------------------
 | 12. Listings Styling
 |--------------------------------------------------------------------------
 |
 | Set of styles for different variations of profile page that comes with the theme.
 |
 */
.page main .section-listing {
  padding: 2rem 0 3rem;
}

.listings .listing .row:not(:last-of-type) {
  margin-bottom: 2rem;
}

.listings .craftsman-info {
  justify-content: center;
}

.listings .search-results {
  padding: 1.5rem;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
}

.listings .search-results p {
  margin: 0;
  color: #757575;
}

.listings .search-results p strong {
  color: #212121;
}

.listings .locations-filter {
  padding: 1.5rem;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
}

.listings .locations-filter h5 {
  margin-bottom: 1.5rem;
}

.listings .locations-filter .input-group {
  display: inline-block;
  margin-bottom: 1.3rem;
}

.listings .locations-filter .form-field {
  position: relative;
}

.listings .locations-filter .form-field-icon {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  font-size: 20px;
  color: #a09f9f;
  z-index: 8;
}

.listings .locations-filter select {
  height: 42px;
  background-color: #fbfbfb;
  border: 1px solid #f1f1f1;
  -webkit-appearance: none;
}

.listings .locations-filter .nice-select {
  height: 42px;
}

.listings .locations-filter .nice-select .list {
  margin-top: -1px;
  z-index: 9;
}

.page main section.listing-filter {
  padding: 1.5rem 2rem;
}

.page main section.listing-filter header {
  margin-bottom: 1rem;
}

.page main section.listing-filter header h2 {
  margin: 0;
}

.ajaxed .featured {
  opacity: .3;
}

/*
 |--------------------------------------------------------------------------
 | 14. Footer Styling
 |--------------------------------------------------------------------------
 |
 | Set of styles for different variations of headers that comes with the theme.
 |
 */
footer {
  padding: 5.2rem 0;
  background-color: #212121;
}

footer .top-nav-plugin {
  display: none;
}

footer .widget .woocommerce-cart-item {
  display: none;
}

footer .widget-craftsman ul {
  padding: 0;
  list-style-type: none;
}

footer .widget-craftsman ul li {
  list-style-type: none;
}

footer .widget-craftsman ul.menu {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
}

footer.footer-copyrights {
  padding: 3rem 0;
  background-color: #151515;
}

footer.footer-copyrights .footer-copy-social {
  margin: 1rem 0 1.875rem;
}

footer.footer-copyrights .footer-copy-social a {
  margin: 0 .7rem;
  color: #767676;
  font-size: 22px;
  font-size: 1.375rem;
  width: 38px;
  height: 38px;
  border: 2px solid #767676;
  border-radius: 50%;
  text-align: center;
}

footer.footer-copyrights .footer-copy-social a i {
  vertical-align: middle;
}

footer.footer-copyrights .footer-copy-social a:hover {
  border-color: inherit;
  color: #151515;
}

footer.footer-copyrights .footer-copy-social a.facebook:hover {
  border-color: #3b5998;
}

footer.footer-copyrights .footer-copy-social a.twitter:hover {
  border-color: #55acee;
}

footer.footer-copyrights .footer-copy-social a.google:hover {
  border-color: #dd4b39;
}

footer.footer-copyrights .footer-copy-social a.instagram:hover {
  border-color: #e4405f;
}

footer.footer-copyrights .footer-copy-social a.linkedin:hover {
  border-color: #0077b5;
}

footer.footer-copyrights .footer-copy-text {
  color: #6a6969;
}

footer.footer-copyrights .footer-copy-text a {
  font-weight: 400;
  font-size: 13px;
  color: #6a6969;
}

footer.footer-copyrights .footer-copy-text a:hover {
  color: #0090f5;
}

/*
 |--------------------------------------------------------------------------
 | 15. Blog Styling
 |--------------------------------------------------------------------------
 |
 | Set of styles for theme blog templates
 |
 */
.blog {
  /*TODO CONSIDER MOVING - maybe it will not be applied only for index.php*/
}

.blog-posts-row {
  margin-bottom: 3rem;
}

@media screen and (max-width: 992px) {
  .blog-posts-row .col-sm-4:nth-child(-n + 2),
  .blog-posts-row .col-sm-6:first-child {
    margin-bottom: 3rem;
  }
}

.blog-posts-row:last-child {
  margin-bottom: 0;
}

.blog-post {
  position: relative;
  height: 100%;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.blog-post.sticky span.material-icons {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.3rem;
  background-color: #0090f5;
  color: #fff;
  border-bottom-right-radius: 6px;
}

.blog-post figure {
  position: relative;
  margin: 0;
}

.blog-post figure::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 6px;
  transition: all 0.2s ease-in-out;
}

.blog-post figure div {
  min-height: 200px;
}

.blog-post-content {
  padding: 2rem;
}

.blog-post-content h5 a {
  font-size: 18px;
  font-size: 1.125rem;
  color: #212121;
}

.blog-post-content h5 a:hover {
  color: #0090f5;
}

.blog-post-content-meta {
  color: #757575;
  font-weight: 100;
}

.blog-post-content-meta a {
  color: #757575;
}

.blog-post-content-meta a:hover {
  color: #0090f5;
}

.blog-post-quote .blog-post-content, .blog-post-status .blog-post-content, .blog-post-aside .blog-post-content {
  font-style: italic;
}

.blog-post-quote .blog-post-content-meta, .blog-post-status .blog-post-content-meta, .blog-post-aside .blog-post-content-meta {
  margin-top: 0.4rem;
  font-style: normal;
}

.blog-post-quote .blog-post-content {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.4;
}

.blog-post-quote .blog-post-content-meta {
  font-size: 14px;
  font-size: 0.875rem;
}

.blog-post-quote .blog-post-content.has-image {
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
}

.blog-post-quote .blog-post-content.has-image .blog-post-content-meta {
  color: #cccccc;
}

.blog-post-gallery figure {
  height: 197px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

.blog-post-gallery figure .swiper-button-disabled {
  display: none;
}

.blog-post-gallery figure div[class*="swiper"]:not(.swiper-button-disabled) i {
  display: none;
  position: absolute;
  top: 50%;
  z-index: 9;
  font-size: 38px;
  color: #fff;
  transform: translateY(-50%);
  cursor: pointer;
}

.blog-post-gallery figure .swiper-next i {
  right: 0;
}

.blog-post-gallery figure .swiper-prev i {
  left: 0;
}

.blog-post-gallery figure:hover div[class*="swiper"] i {
  display: block;
}

.blog-post-link .blog-post-content > a {
  display: inline-block;
  margin-bottom: 0.3rem;
  font-size: 18px;
  font-size: 1.125rem;
  color: #212121;
  font-style: italic;
}

.blog-post-link .blog-post-content > a:hover {
  color: #0090f5;
}

.blog-post-image figure {
  position: relative;
  background-color: #212121;
}

.blog-post-image figure figcaption {
  display: none;
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: #fff;
}

.blog-post-image figure figcaption small {
  display: block;
  font-size: 10px;
  font-size: 0.625rem;
}

.blog-post-image figure:hover a {
  opacity: 0.8;
}

.blog-post-image figure:hover figcaption {
  display: block;
}

.blog-post-audio iframe, .blog-post-video iframe {
  width: 100%;
  height: 100%;
}

.blog .pagination {
  justify-content: center;
}

/*TODO Maybe to move it to its own folder later on*/
/* Blog Single */
.single-post .hero-image {
  z-index: -1;
}

.single-post article {
  padding: 1.2rem;
  background-color: #fff;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

.single-post article .title {
  margin: 0.8rem 0 1rem;
}

.single-post article .title h1 {
  margin: 0;
  font-weight: 700;
}

.single-post article .excerpt p {
  margin: 0;
  font-size: 18px;
  font-size: 1.125rem;
  color: #757575;
  line-height: 1.5;
}

.single-post article .media {
  margin: 2rem 0;
  justify-content: center;
}

.single-post article .media > a {
  max-width: 75px;
  max-height: 75px;
}

.single-post article .media figure {
  margin: 0;
  height: auto;
  border-radius: 5px;
  overflow: hidden;
}

.single-post article .media figure.video {
  width: 100%;
  height: 465px;
}

.single-post article .media figure .swiper-slide {
  max-height: 550px;
}

.single-post article .content {
  font-size: 16px;
  color: #757575;
  line-height: 1.5;
}

@media all and (min-width: 768px) {
  .single-post article .content {
    font-size: 16px;
    font-size: 1rem;
  }
}

.single-post article .content p {
  margin-bottom: 1rem;
  font-size: inherit;
  color: #757575;
  line-height: 1.8;
}

.single-post article .content ul,
.single-post article .content ol {
  color: #757575;
  font-size: inherit;
}

.single-post article .content ul li,
.single-post article .content ol li {
  color: inherit;
}

.single-post article .content blockquote {
  font-size: 32px;
  font-size: 2rem;
}

.single-post article .content blockquote p {
  margin-bottom: 0;
}

.single-post article .content figure[id*="attachment"]:not([class*="align"]) {
  float: left;
  max-width: 30.5%;
}

.single-post article .content img {
  border-radius: 5px;
  overflow: hidden;
}

.single-post article .content h1,
.single-post article .content h2,
.single-post article .content h3,
.single-post article .content h4,
.single-post article .content h5,
.single-post article .content h6 {
  margin-bottom: 1rem;
}

.single-post article .content h2 {
  font-weight: 500;
}

.single-post article .content .gallery-item .gallery-icon {
  max-height: 210px;
  overflow: hidden;
}

.single-post article .content .gallery-item figcaption {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 200;
}

.single-post article .content .gallery-columns-2 .gallery-item {
  flex-basis: 50%;
  max-width: 50%;
}

.single-post article .content .gallery-columns-3 .gallery-item {
  flex-basis: 33.3%;
  max-width: 33.3%;
}

.single-post article .content .gallery-columns-4 .gallery-item {
  flex-basis: 25%;
  max-width: 25%;
}

.single-post article .content .gallery-columns-5 .gallery-item {
  flex-basis: 20%;
  max-width: 20%;
}

.single-post article .tags {
  margin-top: 4rem;
  margin-bottom: 4rem;
  word-wrap: break-word;
}

.single-post article .author {
  padding: 2rem 0;
  border-top: 1px solid #f1f1f1;
}

.single-post article .author-image {
  margin-bottom: 0.7rem;
}

.single-post article .author-image img {
  border: 4px solid #f1f1f1;
  border-radius: 50%;
}

.single-post article .author-name a {
  display: inline-block;
  margin-bottom: 0.2rem;
  text-transform: capitalize;
  color: #0090f5;
}

.single-post article .author-name a:hover {
  text-decoration: underline;
}

.single-post article .author-name h5 {
  font-weight: 400;
}

.single-post article .author-description {
  margin: 0 auto;
  max-width: 70%;
}

.single-post article .author-description p {
  color: #757575;
  line-height: 1.5;
}

.single-post article .author-social ul li {
  margin: 0 0.7rem;
}

.single-post article .author-social ul li a {
  font-size: 20px;
  font-size: 1.25rem;
}

.single-post article .author-social ul li a.facebook {
  color: #3b5998;
}

.single-post article .author-social ul li a.twitter {
  color: #55acee;
}

.single-post article .author-social ul li a.google {
  color: #dd4b39;
}

.comments-inner {
  padding-top: 2rem;
  border-top: 1px solid #f1f1f1;
}

.comments .title {
  margin-bottom: 2rem;
}

.comments .title span {
  margin-right: 0.3rem;
}

.comments .title i {
  margin-left: 1rem;
  color: #757575;
  vertical-align: middle;
}

.comments-form {
  position: relative;
}

.comments-form .apsl-login-networks {
  margin-bottom: 1rem;
}

.comments-form .apsl-login-networks span.apsl-login-new-text {
  font-weight: 300;
}

.comments-form .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 999;
}

.comments-form input[type="submit"] {
  margin-top: 0;
}

.comments-form .logged-in-as a {
  color: #0090f5;
}

.comments-form .logged-in-as a:last-child {
  color: #e2401c;
}

.comments-form .logged-in-as a:hover {
  text-decoration: underline;
}

.comments-form .comment-reply-title {
  font-size: 16px;
  font-size: 1rem;
}

.comments-form .comment-reply-title a {
  color: #0090f5;
}

.comments-form .comment-reply-title a:hover {
  text-decoration: underline;
}

.comments-form .comment-reply-title small a {
  color: #e2401c;
}

.comments .media.error {
  background-color: #e2401c;
}

.comments .media .avatar {
  border: 3px solid #f1f1f1;
  border-radius: 6px;
  height: 100%;
}

.comments .media .media-body {
  max-width: 75%;
}

.comments .media .media-body .meta span {
  font-weight: 300;
  color: #757575;
}

.comments .media .media-body .meta h5 {
  font-weight: 400;
}

.comments .media .media-body .meta-reply a {
  color: #0090f5;
  text-transform: lowercase;
}

.comments .media .media-body .meta-reply a i {
  vertical-align: middle;
}

.comments .media .media-body p {
  font-size: 14px;
  font-size: 0.875rem;
  color: #757575;
  line-height: 1.7;
}

.page .comments {
  padding: 0 3.5rem;
}

.page .comments-inner {
  padding-bottom: 2.5rem;
}

.page .comments-inner .comments-box .media {
  margin: 2rem 0;
}

/* remove float from comments input group when logged in*/
.blog-default.single-post
article
.content
figure[id*="attachment"]:not([class*="align"]) {
  float: none;
}

.blog-default iframe {
  min-height: 450px;
}

.format-video section.excerpt {
  margin-bottom: 1rem;
}

.format-video section.media {
  display: none;
}

.footer h5 {
  margin-bottom: 1.8rem;
  font-size: 20px;
  font-weight: 400;
  font-size: 1.25rem;
  color: #fff;
}

.blog-post.blog-post-footer {
  display: flex;
  align-items: center;
  background-color: transparent;
  border: 1px solid #fff;
  overflow: hidden;
}

.blog-post.blog-post-footer figure {
  max-width: 80px;
  max-height: 80px;
}

.blog-post.blog-post-footer figure div {
  min-height: auto;
}

.blog-post.blog-post-footer .blog-post-content {
  padding: 0 5px;
  font-size: 0.9rem;
}

.blog-post.blog-post-footer .blog-post-content h5,
.blog-post.blog-post-footer .blog-post-content h5 a {
  font-size: inherit;
  margin-bottom: 0;
  display: block;
  color: #fff;
  line-height: 1.3;
}

.blog-default .blog-post-gallery figure {
  height: auto;
}

.blog-default.search main.blog, .blog-default.archive main.blog {
  padding-top: 0;
  padding-bottom: 10rem;
}

.blog-default .comments-form .comment-form .logged-in-as + .input-group {
  float: none;
  width: 100%;
}

.blog-sidebar {
  background-color: #fff;
  padding: 1.2rem 1rem;
  border-radius: 5px;
}

.blog-sidebar aside {
  margin-bottom: 15px;
}

.blog-sidebar aside.widget ul {
  padding-left: 0;
  list-style-type: none;
}

.blog-sidebar aside.widget ul li.cat-item {
  display: inline-block;
}

.blog-sidebar aside.widget ul li.cat-item a {
  border: 1px solid #efefef;
}

.blog-sidebar aside.widget ul a {
  color: #212121;
  padding: 5px 10px;
  display: inline-block;
  margin-bottom: 0.7rem;
  transition: all 200ms linear;
  border-radius: 3px;
  font-size: 1rem;
  line-height: 21px;
}

.blog-sidebar aside.widget ul a:hover {
  color: #194378;
}

/*
 |--------------------------------------------------------------------------
 | 16. Pagination Styling
 |--------------------------------------------------------------------------
 |
 | Set of styles for pagination
 |
 */
.pagination ul {
  margin: 0;
}

.pagination ul li {
  vertical-align: middle;
}

.pagination ul li:not(:last-child) {
  margin-right: .4rem;
}

.pagination ul li a,
.pagination ul li .dots,
.pagination ul li .current {
  display: block;
  height: 38px;
  width: 40px;
  padding: 9px 7px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
  color: #6e6e6e;
  text-align: center;
}

.pagination ul li a i,
.pagination ul li .dots i,
.pagination ul li .current i {
  font-size: 20px;
  vertical-align: top;
}

.pagination ul li .current {
  background-color: #0090f5;
  color: #fff;
}

.pagination ul li:hover a, .pagination ul li.active a {
  background-color: #0090f5;
  color: #fff;
}

.post-pagination {
  display: block;
  margin: 2rem 0;
}

.post-pagination ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}

.post-pagination ul li {
  vertical-align: middle;
  margin-right: .4rem;
  display: block;
  height: 38px;
  width: 40px;
  padding: 9px 7px;
  background-color: #0090f5;
  border-radius: 6px;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
  color: #fff;
  text-align: center;
}

.post-pagination ul li i {
  font-size: 20px;
  vertical-align: top;
}

.post-pagination ul li .current {
  background-color: #0090f5;
  color: #fff;
}

.post-pagination ul li:hover, .post-pagination ul li.active {
  background-color: #0090f5;
  color: #fff;
}

.post-pagination ul a li {
  background-color: #fff;
  color: #6e6e6e;
}

/*
 |--------------------------------------------------------------------------
 | 17. Single Styling
 |-----------------------------------------------------------------------
 |
 | Set of styles for different variations of headers that comes with the theme.
 |
 */
.single-job {
  padding-top: 0;
}

.single-job .hero {
  margin-bottom: -16rem;
}

.single-job .sticky-header {
  display: none;
}

.single-job .craftsman {
  padding-top: 2.9rem;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 1060px) {
  .single-job .craftsman {
    padding-top: 0;
  }
}

.single-job .craftsman-header {
  position: relative;
  padding: 2rem;
  background-color: #fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.single-job .craftsman-header .hero-posts-nav {
  position: absolute;
  top: 14rem;
  left: -60px;
  line-height: 1;
}

.single-job .craftsman-header .hero-posts-nav i {
  color: #fff;
  opacity: 0.6;
}

.single-job .craftsman-header .hero-posts-nav.prev {
  transform: rotate(180deg);
}

.single-job .craftsman-header .hero-posts-nav.next {
  left: auto;
  right: -24.5rem;
}

.single-job .craftsman-header .hero-posts-nav:hover i {
  opacity: 1;
}

.single-job .craftsman-header .author-meta {
  display: flex;
  align-items: center;
  color: #fff;
}

@media screen and (max-width: 430px) {
  .single-job .craftsman-header .author-meta {
    flex-direction: column;
    align-items: center;
  }
}

.single-job .craftsman-header .author-meta .avatar,
.single-job .craftsman-header .author-meta .info {
  display: inline-block;
}

.single-job .craftsman-header .author-meta .avatar {
  flex-basis: 12%;
}

.single-job .craftsman-header .author-meta .avatar img {
  border: 1px solid #fff;
  border-radius: 5px;
  max-height: 100px;
  max-width: 160px;
  width: 100%;
}

.single-job .craftsman-header .author-meta .info {
  flex-basis: 85%;
  color: #212121;
}

.single-job .craftsman-header .author-meta .info h1 {
  margin: 0;
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 500;
  color: #212121;
}

.single-job .craftsman-content-section {
  padding: 1rem;
}

@media only screen and (min-width: 1060px) {
  .single-job .craftsman-content-section {
    padding: 1rem 6rem;
  }
}

.single-job .craftsman-content h3.title {
  margin-bottom: 1rem;
  display: inline-block;
  padding: 10px;
  background-color: #efefef;
  font-weight: bold;
  position: relative;
}

.single-job .craftsman-content h3.title:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 0;
  width: 0;
  height: 0;
  border-top: 47px solid #efefef;
  border-right: 25px solid transparent;
}

@media only screen and (min-width: 1060px) {
  .single-job .craftsman-content h3.title:after {
    border-top: 54px solid #efefef;
  }
}

.single-job .craftsman-content h3.title span {
  font-size: 18px;
  font-size: 1.125rem;
  color: #757575;
}

.single-job .craftsman-content .subtitle {
  margin-bottom: 2rem;
}

.single-job .craftsman-content p,
.single-job .craftsman-content ul {
  font-size: 16px;
  font-size: 1rem;
  color: #757575;
  line-height: 1.7;
}

.single-job .craftsman-content #gallery,
.single-job .craftsman-content #video,
.single-job .craftsman-content #area,
.single-job .craftsman-content #variante {
  padding: 2rem 0;
}

.single-job .craftsman-content #gallery h3.title,
.single-job .craftsman-content #gallery .subtitle,
.single-job .craftsman-content #video h3.title,
.single-job .craftsman-content #video .subtitle,
.single-job .craftsman-content #area h3.title,
.single-job .craftsman-content #area .subtitle,
.single-job .craftsman-content #variante h3.title,
.single-job .craftsman-content #variante .subtitle {
  margin: 0 1rem 1rem;
}

@media only screen and (min-width: 1060px) {
  .single-job .craftsman-content #gallery h3.title,
  .single-job .craftsman-content #gallery .subtitle,
  .single-job .craftsman-content #video h3.title,
  .single-job .craftsman-content #video .subtitle,
  .single-job .craftsman-content #area h3.title,
  .single-job .craftsman-content #area .subtitle,
  .single-job .craftsman-content #variante h3.title,
  .single-job .craftsman-content #variante .subtitle {
    margin: 0 6rem 1rem;
  }
}

.single-job .craftsman-content #gallery .gallery {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  background-color: #212121;
}

.single-job .craftsman-content #gallery .gallery .picture {
  flex: 1;
  flex-basis: 33.33333%;
  max-height: 80px;
  overflow: hidden;
}

@media only screen and (min-width: 1060px) {
  .single-job .craftsman-content #gallery .gallery .picture {
    max-height: 170px;
    flex-basis: 25%;
  }
}

.single-job .craftsman-content #gallery .gallery .picture figure {
  margin: 0;
}

.single-job .craftsman-content #gallery .gallery .picture figure a {
  outline: 0;
}

.single-job .craftsman-content #gallery .gallery .picture figure a img {
  opacity: 0.8;
  width: 100%;
  transition: all 0.2s ease-in-out;
  backface-visibility: hidden;
}

.single-job .craftsman-content #gallery .gallery .picture figure:hover img {
  opacity: 1;
  transition: all 0.2s ease-in-out;
}

.single-job .craftsman-content #gallery .gallery.img-count-1 .picture {
  max-height: 450px;
}

.single-job .craftsman-content #gallery .gallery.img-count-2 .picture {
  max-height: 250px;
}

.single-job .craftsman-content #video figure {
  margin-bottom: 0;
}

.single-job .craftsman-content #video figure iframe {
  width: 100%;
  height: 540px;
}

.single-job .craftsman-content #area-covered .leaflet-control-container,
.single-job .craftsman-content #area-covered .leaflet-pane .leaflet-marker-pane,
.single-job .craftsman-content #area-covered .leaflet-pane .leaflet-shadow-pane {
  display: none;
}

.single-job .craftsman-content #reviews {
  overflow: hidden;
}

.single-job .craftsman-content #reviews .modals .modal.show[class*="modal-review-"] {
  z-index: 99999;
}

.single-job .craftsman-content #reviews .modals .modal.show[class*="modal-review-"] .modal-dialog {
  top: 35%;
  padding-top: 0;
  transform: translate(0, -50%);
}

.single-job .craftsman-content #reviews .modals .modal.show[class*="modal-review-"] .modal-dialog .modal-content {
  border: none;
}

.single-job .craftsman-content #reviews .modals .modal.show[class*="modal-review-"] .modal-dialog .modal-content-icon {
  font-size: 41px;
}

.single-job .craftsman-content #reviews .modals .modal.show[class*="modal-review-"] .modal-dialog .modal-content-icon i {
  top: -7px;
}

.single-job .craftsman-content #reviews .modals .modal.show[class*="modal-review-"] .modal-dialog .modal-content .modal-header {
  padding: 0;
  max-height: 350px;
  font-size: 16px;
  font-size: 1rem;
  font-style: italic;
  line-height: 1.6;
  overflow-y: auto;
  color: #757575;
}

.single-job .craftsman-content #reviews .review {
  position: relative;
  margin-right: 0.5rem;
  padding: 2rem 1rem;
  height: 75%;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
}

.single-job .craftsman-content #reviews .review-header {
  display: flex;
  justify-content: space-between;
}

.single-job .craftsman-content #reviews .review-header .review-author-info .author-name {
  margin-bottom: 0.7rem;
  font-size: 16px;
  font-size: 1rem;
}

.single-job .craftsman-content #reviews .review-header .review-author-info address {
  display: flex;
  width: 80%;
  font-weight: 300;
  color: #757575;
}

.single-job .craftsman-content #reviews .review-header .review-author-info address i {
  margin-right: 0.3rem;
  color: #0090f5;
}

.single-job .craftsman-content #reviews .review-header .rating-circle.review-author-rating {
  margin-top: 0.5rem;
}

.single-job .craftsman-content #reviews .review-header .rating-circle.review-author-rating .c100.cst-small span.rating {
  color: #0090f5;
}

.single-job .craftsman-content #reviews .review-body {
  width: 85%;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
  font-style: italic;
  color: #757575;
}

.single-job .craftsman-content #reviews .review::after {
  content: "\E877";
  font-family: "Material Icons";
  position: absolute;
  bottom: 0;
  right: 1.5rem;
  color: whitesmoke;
  font-size: 72px;
  z-index: -1;
  line-height: 1;
}

.single-job .craftsman-content #reviews .swiper-container {
  width: 100%;
  height: 250px;
}

.single-job .craftsman-content #reviews .swiper-reviews {
  overflow: hidden;
}

.single-job .craftsman-content #reviews .swiper-reviews .swiper-wrapper {
  min-height: 250px;
}

.single-job .craftsman-content #reviews .swiper-reviews .swiper-wrapper .swiper-slide {
  height: auto;
  cursor: -webkit-grab;
}

.single-job .craftsman-content #reviews .swiper-reviews .swiper-wrapper .swiper-slide:active {
  cursor: -webkit-grabbing;
}

.single-job .craftsman-content #reviews .swiper-reviews .swiper-pagination {
  display: none;
}

.single-job .craftsman-content #reviews .swiper-slide-next {
  flex-basis: 49.9%;
}

.single-job .craftsman-content #reviews .swiper-slide-next .review {
  margin-right: 0;
  margin-left: 0.5rem;
}

.single-job .craftsman-content #reviews .review-body a {
  color: #0090f5;
  outline: 0;
}

.single-job .craftsman-content #reviews .review-body a:hover {
  color: #0090f5;
  text-decoration: underline;
}

.single-job .craftsman-content #reviews .review-body a:focus {
  outline: 0;
}

@media screen and (max-width: 390px) {
  .single-job .hero {
    margin-bottom: -16rem;
  }
}

.single-job .hero-image {
  position: relative;
  height: 490px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.single-job .hero-image::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(33, 33, 33, 0.4);
}

.single-job .comments-inner {
  margin-top: 2rem;
  padding: 2rem;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
}

.single-job .comments-inner .title {
  margin-bottom: 0;
}

.single-job .comments-inner .title h4 i {
  margin-left: 0.3rem;
  font-size: 22px;
  font-size: 1.375rem;
  color: #0090f5;
}

.single-job .comments-inner .logged-in-as a {
  color: #0090f5;
}

.single-job .comments-inner .logged-in-as a:hover {
  color: #0090f5;
}

.single-job .comments-inner .logged-in-as a:last-child {
  color: #e2401c;
}

.single-job .comments-inner .logged-in-as a:last-child:hover {
  color: #e2401c;
}

.single-job .comments-inner .review-ratings .input-group {
  padding: 0;
}

.single-job .comments-inner .review-ratings .comment-review {
  margin: 0.7rem 0;
}

.single-job .comments-inner .review-ratings .comment-review label {
  display: block;
}

.single-job .comments-inner .review-ratings .comment-review .bottom-ratings i {
  font-size: 22px;
  font-size: 1.375rem;
  color: #f39d16;
}

button.mfp-arrow:focus, button.mfp-arrow:active {
  outline: 0;
}

/* job specific */
.single-job .craftsman {
  background-color: #fff;
}

@media only screen and (min-width: 1060px) {
  .single-job .craftsman-header {
    padding: 2rem 6rem;
  }
}

.single-job .job-map {
  z-index: 0;
}

.single-job .job-map .marker-icon {
  padding: 0;
  background-color: transparent;
}

.single-job .job-map .marker-icon .circles {
  position: relative;
  top: -30px;
  left: -30px;
  display: block;
  width: 80px;
  height: 80px;
  background-color: rgba(0, 144, 245, 0.6);
  box-shadow: 0 0 0 15px rgba(0, 144, 245, 0.4);
  border-radius: 50%;
}

.single-job .job-map .marker-icon .circles > .circles {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  background-color: #0090f5;
  box-shadow: 0 0 0 10px rgba(0, 144, 245, 0.6);
}

.single-job .craftsman {
  margin-top: 3rem;
}

.single-job .craftsman-header .author-meta {
  align-items: flex-start;
}

.single-job .craftsman-header .author-meta .avatar {
  position: relative;
}

.single-job .craftsman-header .author-meta .avatar .review-rating {
  position: absolute;
  bottom: -10px;
  right: -5px;
  display: inline-block;
  background-color: #0090f5;
  border: 4px solid #f1f1f1;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
}

.single-job .craftsman-header .author-meta .avatar .review-rating .rating-circle {
  padding: 0.45rem;
  width: 100%;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
  text-align: center;
  color: #fff;
}

.single-job .craftsman-header .info small {
  margin: 1rem 0;
  width: 80%;
}

.single-job .craftsman-header .info small a {
  color: #0090f5;
}

.single-job .craftsman-header .info small a:hover {
  text-decoration: underline;
}

.single-job .craftsman-content {
  padding-top: 1.5rem;
}

.single-job .craftsman-content p a {
  color: #0090f5;
}

.single-job .craftsman-content p a:hover {
  color: #0090f5;
  text-decoration: underline;
}

.single-job .job-apply-button {
  top: 2px;
}

.single-job .job-apply-button .btn {
  padding: 1.2rem 0;
  border-radius: 0 0 6px 6px;
}

.single-job + .footer {
  margin-top: 10rem;
}

figure .thumbnail-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.single-job .hero-image {
  height: 300px !important;
  margin-bottom: 20px;
}

.single-job-details {
  background-color: #fff;
  border-radius: 15px;
  padding: 30px;
}

@media all and (min-width: 768px) {
  .single-job-details__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.single-job-details__header__secret__text {
  position: relative;
}

.single-job-details__header__secret__text__btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #194378;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 200ms linear;
  cursor: pointer;
  text-align: center;
}

.single-job-details__header__secret__text__btn:hover {
  background-color: #3792cb;
  color: #fff;
}

.single-job-details__header__not-login {
  display: block;
  padding: 20px;
  background-color: #194378;
  color: #fff;
  text-align: center;
  font-weight: bold;
  transition: background-color 200ms linear;
}

.single-job-details__header__not-login:hover {
  background-color: #3792cb;
  color: #fff;
}

/*
 |--------------------------------------------------------------------------
 | 18. Password Recovery Page Styling
 |--------------------------------------------------------------------------
 |
 | Set of styles for password recovery page
 |
 */
.page .section-minus .password-recovery {
  padding-top: 2rem;
}

.page .section-minus .password-recovery .auth-content p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #757575;
}

/*
 |--------------------------------------------------------------------------
 | 19. Sidebar Styling
 |-----------------------------------------------------------------------
 |
 | Set of styles for different variations of headers that comes with the theme.
 |
 */
.craftsman-sidebar {
  position: relative;
}

.craftsman-sidebar.craftsman-profile-sidebar {
  margin-top: 0;
}

.craftsman-sidebar-section .title {
  margin-bottom: 1rem;
  font-weight: 400;
}

.craftsman-sidebar-section-content {
  display: inline-block;
  margin-right: 0.5rem;
  margin-bottom: 1.5rem;
}

.craftsman-sidebar-section-content:last-of-type {
  margin-bottom: 0;
}

.craftsman-sidebar-section-content p {
  margin: 0 0 0.1rem;
  font-size: 14px;
  font-size: 0.875rem;
}

.craftsman-sidebar-section-content .head {
  color: #757575;
}

.craftsman-sidebar-section-content .content {
  font-weight: 400;
  line-height: 1.5;
  color: #212121;
}

.craftsman-sidebar-section-content .content span:last-child {
  font-size: 12px;
  font-size: 0.75rem;
  color: #757575;
}

.craftsman-sidebar-section-content.d-block {
  margin-right: 0;
}

.craftsman-sidebar-section-content .btn {
  font-size: 18px;
  font-size: 1.125rem;
}

.craftsman-sidebar-section-content .btn.disabled {
  background-color: #666;
}

.craftsman-sidebar-section #map {
  height: 150px;
  border-radius: 6px;
  z-index: 1;
}

.craftsman-sidebar-section #map .leaflet-control-container {
  display: none;
}

.craftsman-sidebar-section #map-direction {
  height: 200px;
  border-radius: 6px;
  z-index: 1;
}

.craftsman-sidebar-section #map-direction .marker-icon {
  position: relative;
  top: -25px;
  left: -25px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.craftsman-sidebar-section #map-direction .marker-icon i {
  font-size: 24px;
}

.single .google-ads {
  padding: 2rem 0 0;
}

/*
 |--------------------------------------------------------------------------
 | 20. Widgets Styling
 |--------------------------------------------------------------------------
 |
 | Set of styles for different variations of widgets that comes with the theme.
 |
 */
.sidebar aside h5 {
  margin-bottom: 1.2rem;
}

.sidebar aside ul li {
  margin-top: 0.7rem;
}

.sidebar aside:not(:first-child) {
  margin-top: -0.9rem;
  padding-top: 0.9rem;
  padding-bottom: 0.7rem;
}

.sidebar aside:last-child {
  padding-bottom: 2rem;
}

.sidebar,
footer.footer {
  /* WordPress defaults */
}

.sidebar aside,
footer.footer aside {
  padding: 2rem;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
}

.sidebar aside h5,
footer.footer aside h5 {
  font-weight: 400;
}

.sidebar aside ul,
footer.footer aside ul {
  padding: 0;
  list-style-type: none;
}

.sidebar aside ul li,
footer.footer aside ul li {
  font-size: 16px;
  font-size: 1rem;
  color: #212121;
}

.sidebar aside ul li span.count,
footer.footer aside ul li span.count {
  float: right;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 300;
  color: #757575;
}

.sidebar aside ul li a,
footer.footer aside ul li a {
  font-size: 16px;
  font-size: 1rem;
  color: #212121;
}

.sidebar aside ul li a:hover,
footer.footer aside ul li a:hover {
  color: #0090f5;
}

.sidebar aside ul li:hover a,
footer.footer aside ul li:hover a {
  color: #0090f5;
}

.sidebar aside ul ul,
footer.footer aside ul ul {
  padding-left: 0.7rem;
}

.sidebar aside:not(.widget_search),
footer.footer aside:not(.widget_search) {
  padding-left: calc(2rem + 2px);
}

.sidebar aside.widget.widget_search,
footer.footer aside.widget.widget_search {
  margin-bottom: 0.3rem;
  padding-bottom: 2rem;
}

.sidebar aside.widget select,
footer.footer aside.widget select {
  margin-bottom: 1.3rem;
}

.sidebar aside.widget_media_image img,
footer.footer aside.widget_media_image img {
  border-radius: 6px;
}

.sidebar aside.widget_media_video .wp-video,
footer.footer aside.widget_media_video .wp-video {
  border-radius: 6px;
  overflow: hidden;
}

.sidebar aside.widget_tag_cloud a,
footer.footer aside.widget_tag_cloud a {
  color: #212121;
}

.sidebar aside.widget_tag_cloud a::before,
footer.footer aside.widget_tag_cloud a::before {
  content: "#";
}

.sidebar aside.widget_tag_cloud a:hover,
footer.footer aside.widget_tag_cloud a:hover {
  color: #0090f5;
}

.sidebar aside.widget_categories h5,
footer.footer aside.widget_categories h5 {
  display: none;
}

.sidebar aside.widget_categories ul li,
footer.footer aside.widget_categories ul li {
  margin-top: 0.7rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 300;
  color: #757575;
}

.sidebar aside.widget_categories ul li:first-child,
footer.footer aside.widget_categories ul li:first-child {
  margin-top: 0;
}

.sidebar aside.widget_categories ul li a,
footer.footer aside.widget_categories ul li a {
  font-size: 17px;
  font-size: 1.0625rem;
}

.sidebar aside.widget_categories ul.children li a,
footer.footer aside.widget_categories ul.children li a {
  text-align: left;
}

.sidebar aside.widget_calendar #wp-calendar,
footer.footer aside.widget_calendar #wp-calendar {
  width: 100%;
}

.sidebar aside.widget_calendar #wp-calendar .caption,
footer.footer aside.widget_calendar #wp-calendar .caption {
  margin-top: 0.7rem;
  margin-bottom: 1rem;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: right;
  color: #757575;
}

.sidebar aside.widget_calendar #wp-calendar thead,
footer.footer aside.widget_calendar #wp-calendar thead {
  font-size: 10px;
  font-size: 0.625rem;
}

.sidebar aside.widget_calendar #wp-calendar thead th,
footer.footer aside.widget_calendar #wp-calendar thead th {
  padding-bottom: 0.7rem;
}

.sidebar aside.widget_calendar #wp-calendar tbody td,
footer.footer aside.widget_calendar #wp-calendar tbody td {
  padding: 0.7rem;
  background-color: #f9f9f9;
  border: 1px solid #fff;
  text-align: center;
}

.sidebar aside.widget_calendar #wp-calendar tbody td a,
footer.footer aside.widget_calendar #wp-calendar tbody td a {
  color: #0090f5;
}

.sidebar aside.widget_calendar #wp-calendar tbody td:hover,
footer.footer aside.widget_calendar #wp-calendar tbody td:hover {
  background-color: #0090f5;
  color: #fff;
}

.sidebar aside.widget_calendar #wp-calendar tbody td:hover a,
footer.footer aside.widget_calendar #wp-calendar tbody td:hover a {
  color: #fff;
}

.sidebar aside.widget_calendar #wp-calendar tbody td .pad,
footer.footer aside.widget_calendar #wp-calendar tbody td .pad {
  background-color: transparent;
}

.sidebar aside.widget_calendar #wp-calendar tfoot #next,
footer.footer aside.widget_calendar #wp-calendar tfoot #next {
  font-size: 10px;
  font-size: 0.625rem;
  text-align: right;
  color: #757575;
}

.sidebar aside.widget_calendar #wp-calendar tfoot #next:hover,
footer.footer aside.widget_calendar #wp-calendar tfoot #next:hover {
  color: #0090f5;
}

.sidebar aside.widget_calendar #wp-calendar tfoot #prev,
footer.footer aside.widget_calendar #wp-calendar tfoot #prev {
  padding-top: 0.7rem;
  font-size: 10px;
  font-size: 0.625rem;
  color: #757575;
}

.sidebar aside.widget_calendar #wp-calendar tfoot #prev:hover,
footer.footer aside.widget_calendar #wp-calendar tfoot #prev:hover {
  color: #0090f5;
}

.sidebar aside.widget_search,
footer.footer aside.widget_search {
  padding-bottom: 1rem;
}

.sidebar .search-form,
footer.footer .search-form {
  padding-bottom: 0;
}

.sidebar .search-form label,
footer.footer .search-form label {
  position: relative;
  margin: 0;
}

.sidebar .search-form input,
footer.footer .search-form input {
  height: 48px;
  background-color: #f1f1f1;
}

.sidebar .search-form .submit,
footer.footer .search-form .submit {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  line-height: 1;
  color: #757575;
}

.sidebar .search-form label,
footer.footer .search-form label {
  width: 100%;
}

.sidebar .search-form input,
footer.footer .search-form input {
  display: block;
  width: 100%;
  border: none;
  border-radius: 6px;
}

.sidebar .search-form input.search-field,
footer.footer .search-form input.search-field {
  padding-left: 1rem;
}

.sidebar .search-form input[type="submit"],
footer.footer .search-form input[type="submit"] {
  background-color: #0090f5;
  color: #fff;
}

.sidebar .search-form input[type="submit"]:hover, .sidebar .search-form input[type="submit"]:active, .sidebar .search-form input[type="submit"]:focus,
footer.footer .search-form input[type="submit"]:hover,
footer.footer .search-form input[type="submit"]:active,
footer.footer .search-form input[type="submit"]:focus {
  background-color: #007ed6;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
  color: #fff;
  outline: 0;
}

.sidebar .search-form input[type="submit"]:hover,
footer.footer .search-form input[type="submit"]:hover {
  cursor: pointer;
}

footer aside.widget h5 {
  margin-bottom: 1.8rem;
  font-size: 20px;
  font-size: 1.25rem;
  color: #fff;
}

footer aside.widget ul li {
  margin-bottom: 1.15rem;
  color: #a09f9f;
  line-height: 1;
}

footer aside.widget ul li:hover {
  color: #0090f5;
}

footer aside.widget ul li a {
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  color: #a09f9f;
}

footer aside.widget ul li a:hover {
  color: #0090f5;
}

footer aside.widget ul li .sub-menu {
  margin: 0;
  margin-top: 1.15rem;
}

footer.footer aside {
  background-color: transparent;
  box-shadow: none;
}

footer.footer aside.widget {
  color: #a09f9f;
}

footer.footer aside.widget p {
  color: #a09f9f;
}

footer.footer aside.widget.widget_text p {
  color: #a09f9f;
}

footer.footer aside.widget ul li {
  color: #a09f9f;
}

footer.footer aside.widget ul li a {
  color: #a09f9f;
}

footer.footer aside.widget.widget_tag_cloud a {
  color: #a09f9f;
}

footer.footer aside.widget.widget_tag_cloud a:hover {
  color: #0090f5;
}

footer.footer aside.widget.widget_calendar #wp-calendar tbody td,
footer.footer aside.widget.widget_calendar footer.footer aside.widget_calendar #wp-calendar tbody td {
  background-color: transparent;
}

.home.blog .sidebar aside.widget_categories h5,
.home.blog footer.footer aside.widget_categories h5 {
  display: block;
}

/*
 |--------------------------------------------------------------------------
 | 21. Ajax Styling
 |--------------------------------------------------------------------------
 |
 | Set of styles for different variations of ajax things that comes with the theme.
 |
 */
.loader {
  position: absolute;
  width: 100px;
  height: 100px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}

.loader .circular {
  position: relative;
  animation: rotate 2s linear infinite;
  height: 100px;
  width: 100px;
}

.loader .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke: #0090f5;
}

.loader p {
  display: none;
  margin-top: -.7rem;
}

.loadmore .loader.ajax-loader {
  transform: translate(-50%, -50%) scale(0.6);
}

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

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}

@keyframes color {
  100%, 0% {
    stroke: #545454;
  }
}

.ajaxed {
  position: relative;
}

.ajaxed::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 999;
}

.ajaxed-search::before {
  height: 100vh;
}

.listings .ajaxed::before,
.search-listing .ajaxed::before {
  background-color: rgba(249, 249, 249, 0.8);
}

.ajax-response {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
}

.ajax-response .alert-success {
  color: #212121;
}

header .ajax-response {
  font-size: 14px;
  font-size: 0.875rem;
}

/*
 |--------------------------------------------------------------------------
 | 22. Social Login Styling
 |--------------------------------------------------------------------------
 |
 | Set of styles for different variations of social login items that comes with the theme.
 |
 */
.social-login {
  margin-bottom: 2rem;
}

.social-login-networks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.social-login-networks a {
  flex: 1 1 auto;
  padding: .7rem 1rem;
  background-color: transparent;
  border: 2px solid #757575;
  border-radius: 6px;
  transition: all 0.2s ease-in-out;
}

.social-login-networks a:first-child {
  margin-right: 1rem;
}

.social-login-networks a:nth-child(3) {
  margin-top: 1rem;
}

.social-login-networks a:hover {
  transition: all 0.2s ease-in-out;
}

.social-login-networks a.facebook {
  border-color: #3b5998;
  color: #3b5998;
}

.social-login-networks a.facebook i,
.social-login-networks a.facebook span {
  color: #3b5998;
}

.social-login-networks a.facebook:hover {
  background-color: #3b5998;
  color: #fff;
}

.social-login-networks a.facebook:hover i,
.social-login-networks a.facebook:hover span {
  color: #fff;
}

.social-login-networks a.twitter {
  border-color: #55acee;
  color: #55acee;
}

.social-login-networks a.twitter i,
.social-login-networks a.twitter span {
  color: #55acee;
}

.social-login-networks a.twitter:hover {
  background-color: #55acee;
  color: #fff;
}

.social-login-networks a.twitter:hover i,
.social-login-networks a.twitter:hover span {
  color: #fff;
}

.social-login-networks a.google {
  border-color: #dd4b39;
  color: #dd4b39;
}

.social-login-networks a.google i,
.social-login-networks a.google span {
  color: #dd4b39;
}

.social-login-networks a.google:hover {
  background-color: #dd4b39;
  color: #fff;
}

.social-login-networks a.google:hover i,
.social-login-networks a.google:hover span {
  color: #fff;
}

.social-login-networks .social-login-network-icon i {
  margin-right: .5rem;
  font-size: 20px;
  color: inherit;
  vertical-align: middle;
}

.social-login-networks .social-login-network-icon span {
  font-size: 14px;
  font-size: 0.875rem;
  color: inherit;
  vertical-align: middle;
}

.social-login-delimiter {
  position: relative;
  margin-top: 2rem;
  border-bottom: 1px solid #cbcbcb;
}

.social-login-delimiter span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 .7rem;
  background-color: #fff;
  color: #b1b1b1;
}

/*
 |--------------------------------------------------------------------------
 | 23. Steps Login Styling
 |--------------------------------------------------------------------------
 |
 | Set of styles for different variations of social login items that comes with the theme.
 |
 */
.page.page-craftsman-auth .section-minus.register-minus {
  margin-top: -1%;
}

.page.page-craftsman-auth .section-minus.register-minus .register {
  margin-bottom: 6rem;
  padding-bottom: 0;
  box-shadow: none;
}

.page.page-craftsman-auth .section-minus.register-minus .register section {
  margin-bottom: 0;
  padding-bottom: 0;
}

.page.page-craftsman-auth .section-minus.register-minus .steps-section .input-group .form-field-icon {
  color: #6d6c6c;
  pointer-events: none;
}

.page.page-craftsman-auth .section-minus.register-minus .steps-section .input-group .form-field .form-control::-webkit-input-placeholder {
  color: #a09f9f;
}

.page.page-craftsman-auth .section-minus.register-minus .steps-section .input-group .form-field .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #a09f9f;
}

.page.page-craftsman-auth .section-minus.register-minus .steps-section .input-group .form-field .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #a09f9f;
}

.page.page-craftsman-auth .section-minus.register-minus .steps-section .input-group .form-field .form-control:-ms-input-placeholder {
  color: #a09f9f;
}

.steps-hidden {
  position: absolute;
  left: -999999px;
}

.steps-container {
  opacity: 0;
}

.steps-container.loaded {
  opacity: 1;
}

.steps-container.loaded form {
  max-height: 100%;
}

.steps-container form {
  max-height: 450px;
  overflow: hidden;
}

.steps-container .ajax-response .alert {
  padding: 0;
}

.steps-container .steps {
  position: absolute;
  z-index: 1;
  top: -3.4rem;
  width: calc(100% + 1px);
  left: 0;
}

.steps-container .steps-fields {
  position: relative;
  margin: 2rem 0;
}

.steps-container .steps-fields .steps-field {
  position: relative;
  padding: 1rem;
  width: 48.5%;
  border-radius: 6px;
}

.steps-container .steps-fields .steps-field-border {
  position: absolute;
  border: 3px solid transparent;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  top: 0;
  right: 0;
  bottom: calc(-2rem - 3px);
  left: 0;
}

.steps-container .steps-fields .steps-field p {
  margin-bottom: 0;
}

.steps-container .steps-fields .steps-field-mandatory {
  background-color: #fcf0f0;
}

.steps-container .steps-fields .steps-field-mandatory.active .steps-field-border {
  border-color: #fcf0f0;
  border-bottom-color: #fff;
}

.steps-container .steps-fields .steps-field-optional {
  background-color: #eff8ff;
}

.steps-container .steps-fields .steps-field-optional.active .steps-field-border {
  border-color: #eff8ff;
  border-bottom-color: #fff;
}

.steps-container .steps ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.steps-container .steps ul li {
  position: relative;
  flex: 1 1 auto;
  margin-right: .7rem;
}

.steps-container .steps ul li:last-child {
  margin-right: 1px;
}

.steps-container .steps ul li a {
  display: block;
  padding: 1rem 1.5rem;
  background-color: #fff;
  border-top: 8px solid #c2c2c2;
  border-radius: 6px;
  font-size: 16px;
  font-size: 1rem;
  color: #212121;
  text-indent: 1rem;
}

.steps-container .steps ul li a span.number {
  position: absolute;
  top: -15px;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: #fff;
  font-size: 18px;
  text-align: center;
  border-radius: 50%;
  line-height: 2;
  text-indent: 0;
}

.steps-container .steps ul li.current a {
  border-color: #0090f5;
  outline: 0;
}

.steps-container .steps ul li.current a span.current-info {
  display: none;
}

.steps-container .steps ul li.done a {
  border-color: #4caf50;
}

.steps-container .steps-section .header-profile {
  margin-bottom: 2rem;
}

.steps-container .steps-section .header-profile h2 {
  margin-bottom: 1rem;
}

.steps-container .steps-section .header-profile p {
  margin-bottom: 2rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.45;
}

.steps-container .steps-column {
  display: none;
  padding: 2rem;
  border: 3px solid transparent;
}

.steps-container .steps-column-mandatory.active {
  border: 3px solid #fcf0f0;
}

.steps-container .steps-column-optional.active {
  border: 3px solid #eff8ff;
}

.steps-container .steps-column.active {
  display: block;
}

.steps-container .steps-column.active fieldset .input-group {
  width: 100%;
}

.steps-container .steps-column.active fieldset .input-group:last-of-type {
  margin-bottom: 1.3rem;
}

.steps-container .steps-column.active fieldset .input-group .form-field .form-control {
  width: 100%;
}

.steps-container .form-description {
  display: block;
  margin: 1.7rem 1.7rem 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #f1f1f1;
}

.steps-container .form-description small {
  color: #757575;
}

.steps-container .form-description small .required {
  color: #e2401c;
}

.steps-container .actions {
  padding-bottom: 2rem;
}

.steps-container .actions ul {
  display: flex;
  justify-content: space-between;
  margin: 0 2rem;
  padding: 0;
  list-style-type: none;
}

.steps-container .actions ul li {
  position: relative;
  width: 25%;
}

.steps-container .actions ul li .ajax-click,
.steps-container .actions ul li .stripe-click,
.steps-container .actions ul li .finish-click {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}

.steps-container .actions ul li:last-child {
  margin-left: auto;
}

.steps-container .actions ul li a {
  position: relative;
  display: block;
  padding: .7rem 3rem;
  height: 43px;
  background-color: #0090f5;
  border: none;
  border-radius: 6px;
  box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2);
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 300;
  color: #fff;
  text-align: center;
  transition: all 0.2s ease-in-out;
  z-index: 1;
}

.steps-container .actions ul li a:hover, .steps-container .actions ul li a:active, .steps-container .actions ul li a:focus {
  background-color: #007ed6;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
  color: #fff;
  outline: 0;
}

.steps-container .actions ul li a:hover, .steps-container .actions ul li a:focus {
  background-color: #0087e6;
  box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease-in-out;
}

.steps-container .actions ul li a[href="#previous"] {
  background-color: #d3d2d2;
  box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.3);
}

.steps-container .actions ul li a[href="#previous"]:hover, .steps-container .actions ul li a[href="#previous"]:focus {
  box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.3);
}

.steps-container .actions ul li a .loader {
  transform: translate(-50%, -50%) scale(0.5);
}

.steps-container .actions ul li a .loader .path {
  stroke: #fff;
}

.steps-container .other-column fieldset .input-group .form-field .location-gallery {
  padding: 0;
}

.steps-container .other-column fieldset .input-group .form-field .form-control.set-avatar-register {
  padding: 4rem;
  height: auto;
  text-align: center;
  color: #757575;
}

.steps-container .other-column fieldset .input-group .form-field .form-control.set-avatar-register span {
  margin-top: .3rem;
  font-size: 52px;
}

.steps-container .other-column fieldset .input-group .form-field .form-control.set-avatar-register.image-upload {
  margin-top: 0;
}

.steps-container .other-column fieldset .input-group .form-field .form-control.set-avatar-register.image-upload-alt {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}

.steps-container .other-column fieldset .input-group .form-field .form-control.set-avatar-register.image-upload-alt span {
  margin-top: 0;
  margin-right: .3rem;
  font-size: 24px;
}

.steps-container fieldset .input-group.gallery-group #dropzone-gallery {
  position: relative;
  height: 205px;
  background-color: #fbfbfb;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  cursor: pointer;
}

.steps-container fieldset .input-group.gallery-group #dropzone-gallery .dz-message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.steps-container fieldset .input-group.gallery-group #dropzone-gallery .dz-message span:first-child {
  font-size: 52px;
  color: #757575;
}

.steps-container fieldset .input-group.gallery-group #dropzone-gallery .dz-message span.message {
  font-weight: 300;
  color: #757575;
}

.steps-container fieldset .input-group.gallery-group .gallery-previews {
  display: flex;
  flex-wrap: wrap;
}

.steps-container fieldset .input-group.gallery-group .gallery-previews .dz-image-preview {
  display: block;
  position: relative;
  margin-top: .3rem;
  margin-right: .3rem;
  flex-basis: calc(20% - .25rem);
  width: calc(20% - .25rem);
  border-radius: 6px;
  overflow: hidden;
}

.steps-container fieldset .input-group.gallery-group .gallery-previews .dz-image-preview.dz-error .dz-remove {
  display: block;
}

.steps-container fieldset .input-group.gallery-group .gallery-previews .dz-image-preview.dz-error::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(226, 64, 28, 0.4);
}

.steps-container fieldset .input-group.gallery-group .gallery-previews .dz-image-preview:nth-child(5n) {
  margin-right: 0;
}

.steps-container fieldset .input-group.gallery-group .gallery-previews .dz-image-preview .dz-remove {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  z-index: 2;
  cursor: pointer;
}

.steps-container fieldset .input-group.gallery-group .gallery-previews .dz-image-preview:hover::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

.steps-container fieldset .input-group.gallery-group .gallery-previews .dz-image-preview:hover .dz-remove {
  display: block;
}

.steps-container fieldset .input-group.gallery-group .gallery-previews + .description {
  display: block;
  margin-top: 1rem;
  width: 100%;
  font-size: 12px;
  font-size: 0.75rem;
  color: #757575;
}

.steps-container fieldset .input-group.gallery-group .form-field .description {
  display: block;
  margin-top: 1rem;
  width: 100%;
}

.steps-container fieldset .input-group.gallery-group .image-wrap {
  margin: 0;
  max-width: 100%;
}

.steps-container fieldset .input-group.gallery-group .image-wrap-image {
  height: 205px;
  background-size: cover;
  background-position: center center;
}

.steps-container fieldset .input-group.gallery-group .location-gallery .location-images-wrap {
  display: flex;
  flex-wrap: wrap;
}

.steps-container fieldset .input-group.gallery-group .location-gallery .location-images-wrap .gallery-image {
  margin-top: .3rem;
  flex-basis: 20%;
  min-width: 20%;
}

.steps-container fieldset .input-group.gallery-group .location-gallery .location-images-wrap .gallery-image .location-image-wrap {
  min-height: 60px;
}

.steps-container fieldset .input-group.gallery-group .location-gallery .location-images-wrap .gallery-image .location-image-wrap .remove-location-image i {
  position: absolute;
  top: 50%;
  right: auto;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  color: #fff;
  z-index: 3;
}

#dropzone-gallery.dz-max-files-reached {
  pointer-events: none;
  cursor: default;
  opacity: 0.3;
}

#dropzone-gallery + #dropzone-error-message-cotainer {
  display: none;
}

#dropzone-gallery.dz-max-files-reached + #dropzone-error-message-cotainer {
  color: red;
  display: block;
}

.input-group .form-field + .form-field {
  margin-top: 1.3rem;
}

.input-group .form-field .description-error .alert {
  margin: 0;
  padding: 0;
}

.input-group .form-field .description-error .alert-error {
  color: #e2401c;
}

.radio-image-group .form-check {
  display: flex;
  align-items: center;
  margin-top: 1rem;
}

.radio-image-group .form-check label {
  padding: 0;
}

.radio-image-group .form-check label a {
  display: none;
}

.radio-image-group .form-check label input[type=radio] {
  display: none;
}

.radio-image-group .form-check label input[type=radio] + .radio-image {
  padding: 5rem;
  background-position: center center;
  border: 5px solid #f1f1f1;
  border-radius: 6px;
  opacity: 1;
}

.radio-image-group .form-check label input[type=radio]:checked + .radio-image {
  border-color: #0090f5;
  opacity: 1;
}

.radio-image-group .form-check label input[type=radio].inactive + .radio-image {
  opacity: .6;
}

.radio-image-group .form-check label input[type=radio][value=paypal] + .radio-image {
  background-image: url(assets/images/elements/p_paypal.jpg);
  background-repeat: no-repeat;
  background-size: auto;
}

.radio-image-group .form-check label input[type=radio][value=payumoney] + .radio-image {
  background-image: url(assets/images/elements/p_payu_money_india.jpg);
  background-repeat: no-repeat;
  background-size: auto;
}

.radio-image-group .form-check label input[type=radio][value=bank] + .radio-image {
  background-image: url(assets/images/elements/p_bank_transfer.jpg);
  background-repeat: no-repeat;
  background-size: auto;
}

.radio-image-group .form-check label input[type=radio][value=stripe] + .radio-image {
  background-image: url(assets/images/elements/p_stripe.jpg);
  background-repeat: no-repeat;
  background-size: auto;
}

.paments-response {
  margin-top: 1rem;
  font-size: 14px;
  font-size: 0.875rem;
  color: #e2401c;
}

.page-craftsman-auth .alert-payment {
  display: none;
  position: absolute;
  margin-top: 0;
}

.page-craftsman-auth .alert-payment div {
  margin-top: 0;
}

.page-craftsman-auth .header-profile p {
  margin-bottom: 2rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.45;
}

/*
 |--------------------------------------------------------------------------
 | 24. Modals Styling
 |-----------------------------------------------------------------------
 |
 | Set of styles for different variations of headers that comes with the theme.
 |
 */
.cf-modal {
  display: none;
}

body.modal-open {
  padding-right: 0 !important;
  overflow-y: auto;
}

body.modal-open.ks-navbar-fixed .ks-navbar {
  z-index: 9999;
}

.modal {
  z-index: 9999;
}

@media (min-width: 576px) {
  .modal-sm {
    margin: 0 auto;
    max-width: 540px;
  }
}

.modal-craftsman-payments {
  top: 50%;
  transform: translateY(-50%);
}

.modal-content {
  border: none;
}

.modal-content-craftsman {
  padding: 2rem;
}

.modal-content-craftsman h5 {
  font-weight: 400;
}

.modal-content-craftsman h5 i {
  margin-right: .3rem;
  font-size: 30px;
  font-size: 1.875rem;
  vertical-align: bottom;
  color: #d3d2d2;
}

.modal-content-craftsman p {
  margin: 1rem 0;
  line-height: 1.7;
  color: #a09f9f;
}

.modal-content-craftsman .btn-bordered {
  padding: .8rem 1.7rem;
  border-color: #0090f5;
  color: #0090f5;
}

.modal-content-craftsman .btn-bordered:hover {
  background-color: #0090f5;
  color: #fff;
}

.modal-content-craftsman .btn-bordered.btn-secondary {
  border-color: #4caf50;
  color: #4caf50;
}

.modal-content-craftsman .btn-bordered.btn-secondary:hover {
  background-color: #4caf50;
  color: #fff;
}

.modal-membership-modal {
  top: 0;
}

.modal-membership-modal .modal-dialog {
  top: 35%;
}

@media (min-width: 576px) {
  .modal-membership-modal .modal-dialog {
    max-width: 593px;
  }
}

.modal-membership-modal .modal-content {
  padding: 0;
  background-color: transparent;
  border: none;
}

.modal-membership-modal .modal-content-craftsman {
  padding: 0;
}

.modal-membership-modal .modal-content-craftsman .cst-padding {
  padding: 0 .25rem;
}

.modal-membership-modal .modal-content-craftsman .package {
  border-radius: 6px;
}

.modal-membership-modal .modal-content-craftsman .package-header {
  position: relative;
  min-height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 6px 6px 0 0;
  transition: all 0.2s ease-in-out;
}

@media only screen and (max-width: 768px) {
  .modal-membership-modal .modal-content-craftsman .package-header {
    min-height: 100px;
  }
}

.modal-membership-modal .modal-content-craftsman .package-header img {
  width: 100%;
}

.modal-membership-modal .modal-content-craftsman .package-header::before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(33, 33, 33, 0.4);
  border-radius: 6px 6px 0 0;
  transition: all 0.2s ease-in-out;
}

.modal-membership-modal .modal-content-craftsman .package-header img {
  border-radius: 6px;
}

.modal-membership-modal .modal-content-craftsman .package-content {
  position: relative;
  padding: 1.3rem;
  background-color: #fff;
  border-radius: 0 0 6px 6px;
  text-align: center;
}

.modal-membership-modal .modal-content-craftsman .package-content p {
  margin: 0;
  color: #212121;
}

.modal-membership-modal .modal-content-craftsman .package-content h4 {
  margin: 0;
}

.modal-membership-modal .modal-content-craftsman .package:hover .package-header::before {
  background-color: rgba(33, 33, 33, 0);
}

.modal-membership-modal .modal-content-craftsman .delimiter {
  top: -30px;
  right: -35px;
  bottom: auto;
  left: auto;
  transform: none;
}

.modal-dialog {
  padding-top: 1rem;
}

@media screen and (min-width: 760px) {
  .modal-dialog {
    top: 8rem;
  }
}

.modal-content {
  position: relative;
  padding: 3rem 2rem;
}

.modal-content-icon {
  position: absolute;
  top: -40px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 50%;
  width: 80px;
  height: 80px;
}

.modal-content-icon i {
  position: relative;
  font-size: 50px;
  color: #0090f5;
}

.modal-content-icon.login-icon i::after {
  position: absolute;
  content: '\E7FD';
  font-family: 'Material Icons';
  font-size: 36px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #0090f5;
  color: #fff;
}

.modal-content form .input-group {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.modal-content form .input-group label {
  margin-bottom: 1rem;
  color: #212121;
}

.modal-content form .input-group label .required {
  color: #e2401c;
}

.modal-content form .input-group label .description {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 300;
  font-style: italic;
  color: #757575;
}

.modal-content form .input-group .form-field {
  position: relative;
}

.modal-content form .input-group .form-field-icon {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  color: #a09f9f;
  z-index: 3;
}

.modal-header {
  padding: 0;
  padding-bottom: 1rem;
  border-bottom: 0;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
}

.modal-footer {
  padding: 0;
  border-top: 0;
}

.modal-footer .form-submit {
  width: 100%;
}

.modal .nice-select.theme-select.form-control .list {
  z-index: 3;
}

.modal .modal-content-redirection {
  position: relative;
  display: flex;
  margin-top: 1rem;
}

.modal .modal-content-redirection .redirection {
  flex: 1 1 auto;
}

.modal .modal-content-redirection .redirection a {
  width: 100%;
}

.modal .modal-content-redirection .delimiter {
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  line-height: 4.3;
  color: #757575;
  z-index: 2;
}

.iziModal {
  /* bank transfer table */
}

.iziModal .modal-content {
  padding: 0;
}

.iziModal .modal-content .btn {
  height: auto;
}

.iziModal a .la {
  font-size: 80px;
  font-size: 5rem;
}

.iziModal a .la-bank {
  margin-left: .4rem;
  padding: 0 .7rem;
  border: 4px solid;
  border-radius: 6px;
  font-size: 40px;
  font-size: 2.5rem;
}

.iziModal .table.table-bank {
  border: none;
}

.iziModal .table.table-bank thead th {
  border: none;
}

.iziModal .craftsman-message p {
  font-size: 17px;
  font-weight: 300;
  line-height: 1.5;
}

.iziModal .craftsman-message p:nth-last-of-type {
  margin-bottom: 0;
}

.modal-trigger:active, .modal-trigger:focus {
  border: none;
  outline: 0;
}

span[class*=payment-] {
  display: inline-block;
  width: 120px;
  height: 50px;
  background-size: 120px;
  opacity: 1;
  transition: all 0.2s ease-in-out;
}

span[class*=payment-]:hover {
  opacity: .7;
  transition: all 0.2s ease-in-out;
}

span.payment-paypal {
  background-image: url(assets/images/elements/p_paypal.jpg);
}

span.payment-stripe {
  background-image: url(assets/images/elements/p_stripe.jpg);
}

span.payment-payu {
  background-image: url(assets/images/elements/p_payu_money_india.jpg);
}

span.payment-bank {
  background-image: url(assets/images/elements/p_bank_transfer.jpg);
}

/*
 |--------------------------------------------------------------------------
 | 26. Responsiveness Styling
 |--------------------------------------------------------------------------
 |
 | Set of styles for different variations of headers that comes with the theme.
 |
 */
@media screen and (min-width: 780px) and (max-width: 1030px) {
  .col-lg-4.col-sm-8 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* 1400px media queries */
@media screen and (max-width: 1400px) and (min-width: 780px) {
  .header.header .top-nav ul > li {
    margin-right: 0;
  }
  .home .hero-image-content {
    width: 60%;
  }
  .page-craftsman-search .craftsman-search .search-container {
    flex-basis: 60%;
  }
  .page-craftsman-search .craftsman-search .search-map {
    width: 40%;
    flex-basis: 40%;
  }
  .page-craftsman-search .craftsman-search .search-form-sticky,
  .page-craftsman-search
.craftsman-search
.search-form-sticky
+ .search-results {
    width: 60%;
  }
}

/* 1030px media queries */
@media screen and (max-width: 1030px) {
  .logged-in:not(.logged-in-no-bar) .mobile-nav-action {
    top: 70px;
  }
  .logged-in:not(.logged-in-no-bar) .mobile-nav-action.active {
    top: 0.5rem;
  }
  .modal-dialog {
    top: 2rem;
  }
  header:not(.craftsman-header).header-home-0 {
    padding: 1rem;
  }
  .home .hero-image {
    height: 400px;
  }
  .home .hero-image-content {
    width: 70%;
  }
  .home .category-boxes .category-box {
    min-height: 150px;
  }
  .home .category-boxes .category-box-title h6 {
    text-align: right;
  }
  .home .category-boxes .category-box-title h6::before {
    bottom: -3px;
  }
  .home .category-boxes .category-box-title h6 span {
    position: absolute;
    top: -45px;
    right: 0;
  }
  section#area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 110%;
    z-index: 401;
  }
  .page-craftsman-search .craftsman-search .search-container {
    flex-basis: 100%;
  }
  .page-craftsman-search .craftsman-search .search-map.full-width,
  .page-craftsman-search .craftsman-search .search-container.full-width {
    width: 100%;
    flex-basis: 100%;
  }
  .page main.craftsman-how-it-works .packages {
    padding: 4rem 2rem;
  }
}

@media screen and (max-width: 780px) {
  .home .hero-image {
    background-size: cover;
  }
  .home .hero-image-content {
    width: 95%;
  }
  .home .hero-image-content .no-before {
    background-color: transparent;
  }
  .home .hero-image-content .no-before::before {
    display: block;
    content: "\E061";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "Material Icons";
    font-size: 10px;
    z-index: 1;
    color: #0090f5;
  }
  .home .hero-image-content .no-before:hover::before {
    color: #0090f5;
  }
  .home .craftsman-promo-article {
    padding: 6rem 0;
  }
  .home .craftsman-promo-article-content p {
    font-size: 16px;
    font-size: 1rem;
  }
  .home .craftsman-promo-article-content h2 {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .page .hero.page-hero .hero-image {
    height: 250px !important;
  }
  .blog-posts-row + .row:not(.blog-posts-row) {
    margin-top: -2rem;
    margin-bottom: 3rem;
  }
  .listings .search-results {
    margin-top: 0.7rem;
  }
  .listings .section-listing .listing .row div[class*="col"] {
    margin-bottom: 2rem;
  }
  .search-listing .row-element:not(.row-element--alt) div[class*="col"] {
    margin-bottom: 1.7rem;
  }
  .listings .listing .row:not(:last-of-type) {
    margin-bottom: 0;
  }
  .single-craftsman .craftsman-header .author-meta .info h1,
  .single-job .craftsman-header .author-meta .info h1 {
    font-size: 32px;
  }
  .single-craftsman .craftsman-content #video figure iframe,
  .single-job .craftsman-content #video figure iframe {
    height: 340px;
  }
  section#area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 110%;
    z-index: 401;
  }
  main.craftsman-gateways .packages {
    padding: 4rem 2rem 2rem;
  }
  main.craftsman-gateways .packages .nav {
    top: -3.6rem;
    width: 100%;
  }
  main.craftsman-gateways .delimiter {
    display: none;
  }
  .page.page-craftsman-auth .craftsman-profile .profile-content .content form .form-field {
    flex-wrap: wrap;
  }
  .page.page-craftsman-auth .craftsman-profile .profile-content .content form .form-field .description {
    margin-top: 0.7rem;
    margin-left: 0.3rem;
    width: 100%;
  }
  .page.page-craftsman-auth .craftsman-profile .profile-content .content form .form-field-address input {
    width: 90%;
  }
  .page.page-craftsman-auth .craftsman-profile .profile-content .content form .form-field-address .form-field-icon {
    right: 2rem;
  }
  .page.page-craftsman-auth .craftsman-profile .profile-content .content form .form-field .form-control.theme-select {
    width: 90%;
  }
  .page.page-craftsman-auth .craftsman-profile .profile-content .content form .form-field .form-control.theme-select + .form-field-icon {
    right: 2rem;
  }
  .page.page-craftsman-auth .craftsman-profile .profile-content .content form .form-field span:not(.description):not(.current):not(.label) {
    right: -10px;
  }
  .page.page-craftsman-auth .section-minus.register-minus .register {
    padding: 0;
  }
  .steps-container .actions ul li {
    width: auto;
  }
  .steps-container .steps {
    top: -3rem;
  }
  .steps-container .steps ul li a {
    padding: 0;
    height: 40px;
    width: 100%;
    text-indent: -1000px;
  }
  .steps-container .steps ul li a span.number {
    top: 5px;
    left: 50%;
    background-color: transparent;
    transform: translateX(-50%);
  }
  .craftsman-profile
.profile-content
.content
form
.input-group
.form-field
i:not(.mce-ico) {
    position: absolute;
    top: 15px;
    right: 1rem;
  }
  .craftsman-profile .profile-content .content form .input-group label[for="video"] + .form-field {
    width: 90%;
  }
  .craftsman-profile .profile-content .content form .input-group label[for="video"] + .form-field i:not(.mce-ico) {
    right: 3rem;
  }
  .craftsman-profile .profile-content .content form .input-group label[for="video"] + .form-field i:not(.mce-ico) .click-icon {
    right: -40px;
  }
  .craftsman-profile .profile-content .content form .input-group #map {
    max-width: 100%;
  }
  .col-lg-4.col-sm-8 {
    margin-top: 3rem;
  }
}

@media screen and (max-width: 430px) {
  html {
    font-size: 14px;
  }
  .home {
    /*home sections*/
    /*search box*/
    /*category boxes*/
    /*how it works*/
    /*promo*/
    /*blog posts*/
  }
  .home .text-animation h5 {
    display: none;
  }
  .home .text-animation h2 {
    font-size: 32px;
  }
  .home.page main section {
    padding: 3rem 0;
  }
  .home .search-box form {
    flex-direction: column;
  }
  .home .search-box form .select-custom {
    margin-bottom: 0.2rem;
    padding: 0;
  }
  .home .search-box form .select-custom select {
    padding: 13px 20px;
  }
  .home .search-box form .select-custom:first-child {
    padding: 0;
  }
  .home .search-box form .btn {
    margin: 0;
    margin-top: 0.3rem;
    width: 100%;
  }
  .home .category-boxes .row {
    flex-wrap: nowrap;
  }
  .home .category-boxes .col-sm-9 {
    overflow: hidden;
  }
  .home .category-boxes .col-sm-9 div[class^="col"]:nth-child(odd) {
    padding-right: 0.5rem;
  }
  .home .category-boxes .col-sm-9 div[class^="col"]:nth-child(even) {
    padding-left: 0.5rem;
  }
  .home .category-boxes .col-sm-9 .col,
  .home .category-boxes .col-sm-9 .col-2,
  .home .category-boxes .col-sm-9 .col-3,
  .home .category-boxes .col-sm-9 .col-4,
  .home .category-boxes .col-sm-9 .col-5,
  .home .category-boxes .col-sm-9 .col-6,
  .home .category-boxes .col-sm-9 .col-7,
  .home .category-boxes .col-sm-9 .col-8 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .home .category-boxes .col-sm-3 .col {
    flex: 0 0 100%;
    margin-top: 1rem;
    max-width: 100%;
  }
  .home .category-boxes .category-box {
    min-height: 125px;
  }
  .home .how-it-works .col-hiw {
    flex: 1 1 100%;
    margin-top: 1rem;
  }
  .home .how-it-works .col-hiw:first-child {
    margin-top: 0;
  }
  .home.page main .craftsman-promo {
    padding: 0;
  }
  .home.page main .craftsman-promo .container-fluid div[class^="col"] {
    flex: 1 1 100%;
  }
  .home .craftsmans .jobs .col-sm-4:not(:first-child) {
    margin-top: 2rem;
  }
  .single-craftsman .craftsman-header .author-meta .info h1,
  .single-job .craftsman-header .author-meta .info h1 {
    font-size: 21px;
  }
  .single-craftsman .craftsman-content h3,
  .single-job .craftsman-content h3 {
    font-size: 18px;
  }
  .single-craftsman .craftsman-content #video figure iframe,
  .single-job .craftsman-content #video figure iframe {
    height: 190px;
  }
  .single-job .craftsman-header .author-meta .avatar {
    margin-top: 0.4rem;
  }
  .single-job .craftsman-header .author-meta .avatar .review-rating {
    display: none;
  }
  .page-craftsman-search .craftsman-search .search-form form#search-form,
  .page-craftsman-search .craftsman-search .search-form form.form-ajax-search {
    flex-wrap: wrap;
  }
  .page-craftsman-search .craftsman-search .search-form form#search-form .input-group,
  .page-craftsman-search .craftsman-search .search-form form.form-ajax-search .input-group {
    flex-basis: 100%;
    margin-bottom: 0.7rem;
  }
  .page-craftsman-search .craftsman-search .search-form form#search-form .input-group .form-field,
  .page-craftsman-search .craftsman-search .search-form form.form-ajax-search .input-group .form-field {
    width: 100%;
  }
  .page-craftsman-search .craftsman-search .search-form form#search-form .input-group .form-field-icon,
  .page-craftsman-search .craftsman-search .search-form form.form-ajax-search .input-group .form-field-icon {
    right: 1rem;
  }
  .page-craftsman-search .craftsman-search .search-form form#search-form .reset,
  .page-craftsman-search .craftsman-search .search-form form.form-ajax-search .reset {
    flex-basis: 100%;
    height: 32px;
  }
  .steps-container .steps-fields .steps-field h4 {
    font-size: 14px;
    font-weight: 400;
  }
  .steps-container .steps-fields .steps-field p {
    font-size: 12px;
  }
}

@media screen and (max-width: 380px) {
  .home .hero-image-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
  }
}

@media only screen and (max-width: 1060px) {
  .craftsman-sidebar-section .review-rating .rating-circle {
    right: -20px;
    width: 65px;
    height: 65px;
  }
  .material-icons {
    font-size: 19px;
  }
  .single-craftsman .craftsman-content .col-sm-3.offset-3,
  .single-craftsman .craftsman-content .col-sm-9.offset-3,
  .single-job .craftsman-content .col-sm-3.offset-3,
  .single-job .craftsman-content .col-sm-9.offset-3 {
    margin-left: 4%;
    max-width: 90%;
  }
}

@media (min-width: 769px) {
  .hidden-on-mobile {
    display: block;
  }
}

@media (max-width: 768px) {
  .hidden-on-mobile {
    display: none;
  }
}

@media (min-width: 769px) {
  .hidden-on-desktop {
    display: none;
  }
}

@media (max-width: 768px) {
  .hidden-on-desktop {
    display: block;
  }
}

/*
 |--------------------------------------------------------------------------
 | ===. WordPress Core Styles
 |--------------------------------------------------------------------------
 |
 | Core styles that are same for any instance of WordPress theme.
 |
 */
/**************** video ***************/
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container blockquote,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

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

.gallery-caption {
  height: auto;
}

.bypostauthor {
  height: auto;
}

.client-registration .input-group {
  display: block;
}

.client-registration select {
  background-color: #fbfbfb;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  box-shadow: none;
  font-size: 1rem;
  color: #212121;
  outline: 0;
  position: relative;
  padding: 8px 15px;
  width: 100%;
  height: 47px;
}

.client-registration .bs-stepper-content__footer {
  display: flex;
  margin-top: 15px;
  justify-content: space-between;
}

.client-registration .form-field-select {
  position: relative;
}

.client-registration .form-field-select span.material-icons {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  pointer-events: none;
}

.client-registration .input-group.gallery-group #dropzone-gallery {
  position: relative;
  height: 205px;
  background-color: #fbfbfb;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  cursor: pointer;
}

.client-registration .input-group.gallery-group #dropzone-gallery .dz-message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.client-registration .input-group.gallery-group #dropzone-gallery .dz-message span:first-child {
  font-size: 52px;
  color: #757575;
}

.client-registration .input-group.gallery-group #dropzone-gallery .dz-message span.message {
  font-weight: 300;
  color: #757575;
}

.client-registration .input-group.gallery-group .gallery-previews {
  display: flex;
  flex-wrap: wrap;
}

.client-registration .steps-container
fieldset
.input-group.gallery-group
.gallery-previews
.dz-image-preview {
  display: block;
  position: relative;
  margin-top: 0.3rem;
  margin-right: 0.3rem;
  flex-basis: calc(20% - 0.25rem);
  width: calc(20% - 0.25rem);
  border-radius: 6px;
  overflow: hidden;
}