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

    Template Name: Jetapo - Job Board Bootstrap 5 Template
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    01. Theme default CSS
    02. Color Variation CSS
    03. Mixin CSS
    04. Header CSS
    05. Mobile Menu CSS
    06. Hero CSS
    07. About CSS
    08. Feature CSS
    09. Job Search CSS
    10. Job Location CSS
    11. Job CSS
    12. Categories CSS
    13. Employer CSS
    14. Candidate CSS
    15. Fun Fact CSS
    16. Work CSS
    17. Video CSS
    18. Testimonial CSS
    19. Team CSS
    20. Service CSS
    21. Banner CSS
    22. Faq CSS
    23. Keyword CSS
    24. Login Register CSS
    25. Skill CSS
    26. Recruit CSS
    27. Pricing CSS
    28. Company History CSS
    29. Brand CSS
    30. Product CSS
    31. Cart CSS
    32. Checkout CSS
    33. Blog CSS
    34. CTA CSS
    35. Comment CSS
    36. Sidebar CSS
    37. Contact CSS
    38. Footer CSS
    39. 404 CSS
    40. Modal CSS

-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/*-- Google Font --*/
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Work+Sans:wght@400;500;600;700;900&display=swap");
/*-- Common Style --*/
*, *::after, *::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html, body, .site-wrapper {
  height: 100%;
}

body {
  background-color: #ffffff;
  font-size: 15px;
  line-height: 1.9;
  letter-spacing: 0.4px;
  font-style: normal;
  font-weight: normal;
  visibility: visible;
  font-family: "Work Sans", sans-serif;
  color: #444444;
  position: relative;
}
body[data-rtl=rtl] {
  direction: rtl;
  text-align: right;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Work Sans", sans-serif;
  color: #333333;
  font-weight: 400;
  margin-top: 0;
  line-height: 1.2;
}

h1 {
  font-size: 42px;
}
@media only screen and (max-width: 767px) {
  h1 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 575px) {
  h1 {
    font-size: 30px;
  }
}

h2 {
  font-size: 36px;
}
@media only screen and (max-width: 767px) {
  h2 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 575px) {
  h2 {
    font-size: 24px;
  }
}

h3 {
  font-size: 28px;
}
@media only screen and (max-width: 767px) {
  h3 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 575px) {
  h3 {
    font-size: 20px;
  }
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

p:last-child {
  margin-bottom: 0;
}

a, button {
  color: inherit;
  display: inline-block;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
}

a, button, img, input, span {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

*:focus {
  outline: none !important;
}

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

a:hover {
  text-decoration: underline;
  color: #1dae0e;
}

button, input[type=submit] {
  cursor: pointer;
}

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

img {
  max-width: 100%;
}

/*-- 
    - Common Classes
-----------------------------------------*/
.p-40 {
  padding: 40px;
}

.theme-color {
  color: #1dae0e;
}

.heading-color {
  color: #333333 !important;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .d-desktop-none {
    display: none;
  }
}

.col-20 {
  max-width: 20%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
}
@media only screen and (max-width: 767px) {
  .col-20 {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

.fz-18 {
  font-size: 18px !important;
  font-weight: 600 !important;
  letter-spacing: 0.8px;
  text-transform: capitalize;
}

.mlr-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.sb-border {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.sb-border-two {
  border-bottom: 1px solid #e2e4ea;
}

.item-border-bottom {
  border-bottom: 1px solid #e5e5e5 !important;
}

.st-border {
  border-top: 1px solid #e2e4ea;
}

.br-right {
  border-right: 1px solid #e5e5e5;
}

.border-top-left {
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}

.nice-select .list {
  z-index: 999;
}

.fix {
  overflow: hidden;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

.section, .main-wrapper {
  float: left;
  width: 100%;
}

.fw-600 {
  font-weight: 600;
}

.fw-400 {
  font-weight: 400;
}

.def-color {
  color: #069bff;
}

.bg-transparent {
  background-color: transparent;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .col-lp-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .col-lp-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

.width-35 {
  width: 35%;
}

.width-15 {
  width: 15%;
}

.width-12 {
  width: 12%;
}

.width-23 {
  width: 23%;
}

/* Background Image */
.bg_image-hv2 {
  background-image: url("../images/bg/bk-home-v2.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg_image-hv4 {
  background-image: url("../images/bg/bk-banner-home-4-v1.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

.bg-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-image-proparty {
  background-repeat: repeat !important;
  background-size: contain !important;
}

.bg_image--1 {
  background-image: url(../images/bg/bg_image--1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--2 {
  background-image: url(../images/bg/bg_image--2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--3 {
  background-image: url(../images/bg/bg_image--3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--4 {
  background-image: url(../images/bg/bg_image--4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--5 {
  background-image: url(../images/bg/bg_image--5.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--6 {
  background-image: url(../images/bg/bg_image--6.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--7 {
  background-image: url(../images/bg/bg_image--7.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--8 {
  background-image: url(../images/bg/bg_image--8.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--9 {
  background-image: url(../images/bg/bg_image--9.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--10 {
  background-image: url(../images/bg/bg_image--10.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--11 {
  background-image: url(../images/bg/bg_image--11.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--12 {
  background-image: url(../images/bg/bg_image--12.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--13 {
  background-image: url(../images/bg/bg_image--13.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--14 {
  background-image: url(../images/bg/bg_image--14.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--15 {
  background-image: url(../images/bg/bg_image--15.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--16 {
  background-image: url(../images/bg/bg_image--16.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--17 {
  background-image: url(../images/bg/bg_image--17.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--18 {
  background-image: url(../images/bg/bg_image--18.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--19 {
  background-image: url(../images/bg/bg_image--19.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--20 {
  background-image: url(../images/bg/bg_image--20.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
  .row-five-column > [class*=col-xl-] {
    max-width: 20%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
  }
}
@media only screen and (max-width: 575px) {
  .container {
    max-width: 450px;
  }
}
@media only screen and (max-width: 479px) {
  .container {
    max-width: 300px;
  }
}
.g-0 {
  margin-left: 0;
  margin-right: 0;
}
.g-0 > .col, .g-0 > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
  margin: 0 !important;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  padding-right: var(--bs-gutter-x, 0.9rem);
  padding-left: var(--bs-gutter-x, 0.9rem);
}

.row {
  margin-right: calc(var(--bs-gutter-x) * -0.6);
  margin-left: calc(var(--bs-gutter-x) * -0.6);
}

.row > * {
  position: relative;
  padding-right: calc(var(--bs-gutter-x) * 0.6);
  padding-left: calc(var(--bs-gutter-x) * 0.6);
}

#scrollUp {
  background: #222;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 100%;
  bottom: 75px;
  right: 25px;
  color: #fff;
  text-align: center;
  font-size: 25px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#scrollUp:hover {
  background: #1dae0e;
}

/*-- 
    - Input Placeholder
-----------------------------------------*/
input:-moz-placeholder, textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* This color is default color. It will change depending your body template color class like .template-color-1 to 4  */
body.template-color-1 .text-color {
  color: #1dae0e;
}

body.template-color-2 .text-color {
  color: #4c53b6;
}

body.template-color-3 .text-color {
  color: #0898d5;
}

body.template-color-4 .text-color {
  color: #ff5d3c;
}

/*-- 
    - Tab Content & Pane Fix
------------------------------------------*/
.tab-content {
  width: 100%;
}
.tab-content .tab-pane {
  display: block;
  height: 0;
  max-width: 100%;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
}
.tab-content .tab-pane.active {
  height: auto;
  visibility: visible;
  opacity: 1;
  overflow: visible;
}

/*-- 
    - Main Wrapper
------------------------------------------*/
/*-- 
    - Section Title
------------------------------------------*/
.section-title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.jetapo-link a {
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
  color: #1dae0e;
}
.jetapo-link a i {
  margin-left: 10px;
  font-size: 13px;
  font-weight: 600;
}
.jetapo-link a:hover {
  text-decoration: underline;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .jetapo-tab-menu {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .jetapo-tab-menu {
    margin-top: 20px;
  }
}
.jetapo-tab-menu ul li {
  margin-right: 40px;
}
@media only screen and (max-width: 767px) {
  .jetapo-tab-menu ul li {
    margin-right: 20px;
  }
}
.jetapo-tab-menu ul li:last-child {
  margin-right: 0;
}
.jetapo-tab-menu ul li a {
  font-size: 15px;
  line-height: 26px;
  font-weight: 600;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.jetapo-tab-menu ul li a.active {
  color: #1dae0e;
}
.jetapo-tab-menu ul.df-font-style li a {
  font-size: 16px;
  text-transform: uppercase;
}

.section-title span {
  font-size: 15px;
  line-height: 28px;
}
.section-title h2 {
  font-size: 36px;
  line-height: 1;
  font-weight: 700;
}
@media only screen and (max-width: 479px) {
  .section-title h2 {
    font-size: 24px;
  }
}
.section-title h3 {
  font-size: 30px;
  line-height: 33px;
  font-weight: 700;
}
@media only screen and (max-width: 479px) {
  .section-title h3 {
    font-size: 24px;
    line-height: 28px;
  }
}

.section-title-two {
  text-align: center;
}
.section-title-two h3 {
  font-size: 30px;
  font-weight: 700;
  line-height: 33px;
  text-transform: uppercase;
  letter-spacing: -0.8px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .section-title-two h3 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 15px;
  }
}
.section-title-two p {
  font-size: 16px;
  line-height: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-two p br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .section-title-two p br {
    display: none;
  }
}

.section-title-three h2 {
  color: #000;
  font-size: 40px;
  line-height: 54px;
  font-weight: 700;
  letter-spacing: -2.5px;
}
@media only screen and (max-width: 767px) {
  .section-title-three h2 {
    font-size: 30px;
    line-height: 40px;
  }
}

.section-title-four h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .section-title-four h3 {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
.list-product-section-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.list-product-section-title h3 {
  font-size: 17px;
  line-height: 21px;
  font-weight: 500;
}

/*-- 
    - Button
------------------------------------------*/
a.ht-btn,
button.ht-btn {
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-radius: 3px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 15px;
  color: #ffffff;
  font-weight: 700;
  padding: 0 10px;
  background-color: #1dae0e;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
a.ht-btn i,
button.ht-btn i {
  margin-right: 5px;
}
a.ht-btn.header-btn,
button.ht-btn.header-btn {
  height: 100%;
  line-height: 22px;
  padding: 12px 30px 12px;
  text-transform: capitalize;
  border-radius: 3px;
  color: #ffffff !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  a.ht-btn.header-btn,
button.ht-btn.header-btn {
    padding: 12px 25px 12px;
  }
}
a.ht-btn.team-btn,
button.ht-btn.team-btn {
  font-size: 16px;
  line-height: 26px !important;
  font-weight: 600;
  color: #ffffff !important;
  width: auto;
  height: auto;
  line-height: 1;
  padding: 10px 20px 12px;
}
a.ht-btn.normal-btn,
button.ht-btn.normal-btn {
  width: auto;
  height: auto;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  background-color: #1dae0e;
  padding: 13px 40px 15px;
}
a.ht-btn.green-btn,
button.ht-btn.green-btn {
  width: auto;
  height: auto;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  color: #ffffff;
  background-color: #1dae0e;
  border-radius: 3px;
  padding: 18px 32px 16px;
}
a.ht-btn.theme-btn,
button.ht-btn.theme-btn {
  width: auto;
  height: 100%;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.1px;
  color: #ffffff;
  padding: 18px 30px;
}
a.ht-btn.theme-btn:hover,
button.ht-btn.theme-btn:hover {
  background-color: #000;
  color: #ffffff;
}
a.ht-btn.theme-btn-two,
button.ht-btn.theme-btn-two {
  padding: 12px 30px;
}
a.ht-btn.theme-btn-three,
button.ht-btn.theme-btn-three {
  padding: 7px 10px;
}
a.ht-btn.transparent-btn,
button.ht-btn.transparent-btn {
  background-color: transparent;
  border: 1px solid #1dae0e;
  padding: 16px 25px 18px;
  color: #1dae0e;
}
a.ht-btn.transparent-btn i,
button.ht-btn.transparent-btn i {
  margin-right: 8px;
}
a.ht-btn.transparent-btn:hover,
button.ht-btn.transparent-btn:hover {
  background-color: transparent;
}
a.ht-btn.transparent-btn-two,
button.ht-btn.transparent-btn-two {
  background-color: transparent;
  border: 1px solid #1dae0e;
  color: #1dae0e;
}
a.ht-btn.transparent-btn-two:hover,
button.ht-btn.transparent-btn-two:hover {
  background-color: #1dae0e;
  color: #ffffff;
}
a.ht-btn.lg-btn,
button.ht-btn.lg-btn {
  padding: 19px 35px 17px;
  display: inline-block;
  width: auto;
  height: auto;
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  border-radius: 5px;
}
a.ht-btn.lg-btn:hover,
button.ht-btn.lg-btn:hover {
  background-color: #000;
  text-decoration: none;
}
a.ht-btn.small-btn,
button.ht-btn.small-btn {
  height: 44px;
  line-height: 44px;
  font-weight: 600;
  border: none;
  padding: 0 25px;
  border-radius: 4px;
}
a.ht-btn.search-btn,
button.ht-btn.search-btn {
  font-size: 14px;
  line-height: 1;
  width: auto;
  height: calc(100% - 10px);
  padding: 0 25px;
}
a.ht-btn.search-btn i,
button.ht-btn.search-btn i {
  margin-right: 0;
}
a.ht-btn.facebook-btn,
button.ht-btn.facebook-btn {
  background-color: #4867AA;
}
a.ht-btn.linkedin-btn,
button.ht-btn.linkedin-btn {
  background-color: #007BB6;
}
a.ht-btn:hover,
button.ht-btn:hover {
  opacity: 0.9;
}

/*-- 
    - Page Banner Section
------------------------------------------*/
/*-- Page Banner --*/
.page-banner h2 {
  font-size: 80px;
  line-height: 110px;
  font-weight: 400;
  text-transform: capitalize;
  color: #ffffff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .page-banner h2 {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page-banner h2 {
    font-size: 36px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .page-banner h2 {
    font-size: 30px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .page-banner h2 {
    font-size: 26px;
    line-height: 26px;
  }
}

.page-heading {
  padding: 310px 0 90px;
  background-position: center;
  background-color: #ccc;
  position: relative;
  z-index: 9;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .page-heading {
    padding: 210px 0 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page-heading {
    padding: 150px 0 45px;
  }
}
@media only screen and (max-width: 767px) {
  .page-heading {
    padding: 120px 0 35px;
  }
}
.page-heading::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.8)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.8) 100%);
  z-index: -1;
}

/*-- Page Breadcrumb --*/
.page-breadcrumb-content h1 {
  font-size: 34px;
  line-height: 1;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .page-breadcrumb-content h1 {
    font-size: 28px;
  }
}
.page-breadcrumb-content.color-white h1 {
  color: #ffffff;
}

.page-breadcrumb {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.page-breadcrumb li {
  font-size: 15px;
  margin-bottom: 10px;
}
.page-breadcrumb li::after {
  content: "/";
  margin: 0 6px;
}
.page-breadcrumb li:last-child::after {
  display: none;
}
.page-breadcrumb li a {
  color: #1dae0e;
}
.page-breadcrumb li a:hover {
  color: #1dae0e;
}
.page-breadcrumb.color-white li {
  color: #ffffff;
}
.page-breadcrumb.color-white li a {
  color: #ffffff;
}
.page-breadcrumb.color-white li a:hover {
  color: #ffffff;
}

/* -----------------
    Instafeed css
---------------------*/
/*-- 
    - Page Pagination
------------------------------------------*/
.page-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
}
.page-pagination li {
  margin: 0 5px 7px 0;
}
.page-pagination li a {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  background-color: #ffffff;
  padding: 10px;
  border-radius: 3px;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #e2e4ea;
}
.page-pagination li a i {
  line-height: 24px;
}
.page-pagination li:hover a {
  color: #ffffff !important;
  background-color: #1dae0e;
  border-color: #1dae0e;
  text-decoration: none;
}
.page-pagination li.active a {
  color: #ffffff !important;
  background-color: #1dae0e;
  border-color: #1dae0e;
}

.grid-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}
.grid-filter button {
  background-color: transparent;
  color: #333333;
  border: none;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  margin: 0 10px 10px;
  text-transform: capitalize;
  line-height: 1;
  padding-bottom: 5px;
  position: relative;
}
.grid-filter button::before {
  content: "";
  height: 6px;
  width: 0;
  position: absolute;
  left: 0;
  bottom: 4px;
  background-color: #1dae0e;
  z-index: -1;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.grid-filter button:hover::before, .grid-filter button.active::before {
  width: 100%;
}
.grid-filter.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.grid-filter.center button {
  margin: 0 10px 10px;
}
.grid-filter.left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.grid-filter.left button {
  margin-left: 0;
  margin-right: 20px;
  margin-bottom: 10px;
}
.grid-filter.left button:last-child {
  margin-right: 0;
}
.grid-filter.right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.grid-filter.right button {
  margin-left: 20px;
  margin-right: 0;
  margin-bottom: 10px;
}
.grid-filter.right button:last-child {
  margin-left: 0;
}

.job-location-slider, .testimonial-slider, .testimonial-slider-two, .employer-slider-two, .testimonial-slider-three, .sidebar-emp-slider, .job-grid-slider, .product-slider-3 {
  margin-left: -15px;
  margin-right: -15px;
}
.job-location-slider .col-lg-3, .job-location-slider .col-lg-6, .job-location-slider .col-lg-12, .job-location-slider .col-lg-4, .job-location-slider .col-md-4, .testimonial-slider .col-lg-3, .testimonial-slider .col-lg-6, .testimonial-slider .col-lg-12, .testimonial-slider .col-lg-4, .testimonial-slider .col-md-4, .testimonial-slider-two .col-lg-3, .testimonial-slider-two .col-lg-6, .testimonial-slider-two .col-lg-12, .testimonial-slider-two .col-lg-4, .testimonial-slider-two .col-md-4, .employer-slider-two .col-lg-3, .employer-slider-two .col-lg-6, .employer-slider-two .col-lg-12, .employer-slider-two .col-lg-4, .employer-slider-two .col-md-4, .testimonial-slider-three .col-lg-3, .testimonial-slider-three .col-lg-6, .testimonial-slider-three .col-lg-12, .testimonial-slider-three .col-lg-4, .testimonial-slider-three .col-md-4, .sidebar-emp-slider .col-lg-3, .sidebar-emp-slider .col-lg-6, .sidebar-emp-slider .col-lg-12, .sidebar-emp-slider .col-lg-4, .sidebar-emp-slider .col-md-4, .job-grid-slider .col-lg-3, .job-grid-slider .col-lg-6, .job-grid-slider .col-lg-12, .job-grid-slider .col-lg-4, .job-grid-slider .col-md-4, .product-slider-3 .col-lg-3, .product-slider-3 .col-lg-6, .product-slider-3 .col-lg-12, .product-slider-3 .col-lg-4, .product-slider-3 .col-md-4 {
  padding-left: 15px;
  padding-right: 15px;
}

.slick-slider .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 9;
  border: none;
  background-color: transparent;
  color: #ffffff;
  border: none;
  text-align: center;
  opacity: 1;
}
.slick-slider .slick-arrow i {
  font-size: 30px;
  line-height: 20px;
  display: block;
  color: #333333;
}
.slick-slider .slick-arrow.slick-prev {
  left: -60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .slick-slider .slick-arrow.slick-prev {
    left: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slick-slider .slick-arrow.slick-prev {
    left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slick-slider .slick-arrow.slick-prev {
    left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .slick-slider .slick-arrow.slick-prev {
    left: 20px;
  }
}
.slick-slider .slick-arrow.slick-next {
  right: -60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .slick-slider .slick-arrow.slick-next {
    right: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slick-slider .slick-arrow.slick-next {
    right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slick-slider .slick-arrow.slick-next {
    right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .slick-slider .slick-arrow.slick-next {
    right: 20px;
  }
}
.slick-slider:hover .slick-arrow.slick-prev {
  margin-left: 0px;
}
.slick-slider:hover .slick-arrow.slick-next {
  margin-right: 0px;
}
.slick-slider .slick-dots {
  width: 100%;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
}
.slick-slider .slick-dots li {
  margin: 0 5px;
}
.slick-slider .slick-dots li button {
  display: block;
  padding: 0;
  width: 12px;
  height: 12px;
  border: none;
  background-color: rgba(76, 83, 182, 0.25);
  text-indent: -9999px;
  border-radius: 50px;
}
.slick-slider .slick-dots li.slick-active button {
  background-color: #1dae0e;
}

.gallery-item {
  position: relative;
}
.gallery-item::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #333333;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.gallery-item img {
  width: 100%;
}
.gallery-item .plus {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: 3;
  opacity: 0;
}
.gallery-item .plus::before, .gallery-item .plus::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.gallery-item .plus::before {
  width: 150px;
  height: 1px;
}
.gallery-item .plus::after {
  width: 1px;
  height: 150px;
}
.gallery-item:hover::before {
  opacity: 0.75;
}
.gallery-item:hover .plus {
  opacity: 1;
}
.gallery-item:hover .plus::before {
  width: 40px;
}
.gallery-item:hover .plus::after {
  height: 40px;
}

blockquote.blockquote {
  background-color: #f1f2f3;
  padding: 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
blockquote.blockquote::before {
  position: absolute;
  content: url(../images/icons/quote-left.png);
  left: -5px;
  top: -10px;
  z-index: -1;
  opacity: 0.07;
}
blockquote.blockquote p {
  font-size: 18px;
  font-style: italic;
}
blockquote.blockquote .author {
  font-size: 14px;
  display: block;
  line-height: 18px;
}

/*==================== 
    Map CSS
=======================*/
#map {
  height: 100vh;
}

.gm-style .gm-style-iw-c {
  padding: 0;
  border-radius: 0;
}

/*---------------------------------------
    02. Color Variation CSS
-----------------------------------------*/
body.template-color-1 {
  /*-- Common CSS --*/
  /*-- 
      - Button
  ------------------------------------------*/
  /*-- Main Menu --*/
  /*-- Search Form --*/
  /* Popup Mobile CSS */
  /* Bottom Navbar Mobile */
  /* Bottom Mobile Popup CSS */
  /*-- keywords --*/
  /*-- Single Funfact --*/
  /*-- Single Categories --*/
  /*-- Employer Item --*/
  /* Single Job CSS */
  /* Single Team CSS */
  /* Single Blog List CSS */
  /* Hero Content CSS */
  /*-- Copyright --*/
}
body.template-color-1 .theme-color {
  color: #1dae0e;
}
body.template-color-1 a:hover {
  color: #1dae0e;
}
body.template-color-1 a.ht-btn,
body.template-color-1 button.ht-btn {
  background-color: #1dae0e;
}
body.template-color-1 a.ht-btn.normal-btn,
body.template-color-1 button.ht-btn.normal-btn {
  background-color: #1dae0e;
  color: #ffffff;
}
body.template-color-1 a.ht-btn.green-btn,
body.template-color-1 button.ht-btn.green-btn {
  background-color: #1dae0e;
  color: #ffffff;
}
body.template-color-1 a.ht-btn.transparent-btn,
body.template-color-1 button.ht-btn.transparent-btn {
  border: 1px solid #1dae0e;
  color: #1dae0e;
  background-color: transparent;
}
body.template-color-1 a.ht-btn.transparent-btn-two,
body.template-color-1 button.ht-btn.transparent-btn-two {
  background-color: transparent;
  border: 1px solid #1dae0e;
  color: #1dae0e;
}
body.template-color-1 a.ht-btn.transparent-btn-two:hover,
body.template-color-1 button.ht-btn.transparent-btn-two:hover {
  background-color: #1dae0e;
  color: #ffffff;
}
body.template-color-1 .jetapo-link a {
  color: #1dae0e;
}
body.template-color-1 .jetapo-tab-menu ul li a.active {
  color: #1dae0e;
}
body.template-color-1 .main-menu > ul > li > a .label-status.new {
  background-color: #1dae0e;
}
body.template-color-1 .main-menu > ul > li.active > a, body.template-color-1 .main-menu > ul > li:hover > a {
  color: #1dae0e;
}
body.template-color-1 .header-search-form form button {
  background-color: #1dae0e;
}
body.template-color-1 .popup-mobile-manu .inner .mobileheader {
  background: #1dae0e;
}
body.template-color-1 .object-custom-menu > li a:hover span {
  color: #1dae0e;
}
body.template-color-1 .object-custom-menu > li.has-mega-menu > a::after {
  background: #1dae0e;
  color: #ffffff;
}
body.template-color-1 .object-custom-menu > li.has-mega-menu .object-submenu li a:hover span {
  color: #1dae0e;
}
body.template-color-1 .bottom-navbar-mobile .list-actions li a {
  background-color: #1dae0e;
}
body.template-color-1 .job-list-mobile .heading, body.template-color-1 .notifications-mobile .heading {
  background-color: #1dae0e;
}
body.template-color-1 .keywords.style-two ul li a:hover {
  color: #1dae0e;
  border-color: #1dae0e;
}
body.template-color-1 .single-funfact.funfact-style-two .funfact-content .counter {
  color: #1dae0e;
}
body.template-color-1 .single-job-categories .categories-image i {
  color: #1dae0e;
}
body.template-color-1 .single-job-categories:hover {
  border-color: #1dae0e;
}
body.template-color-1 .single-job-categories:hover .categories-content h3 a {
  color: #1dae0e;
}
body.template-color-1 .single-job-categories:hover .categories-content .count-job {
  color: #1dae0e;
}
body.template-color-1 .single-job-categories-two {
  border: 1px solid #d0d0d0;
}
body.template-color-1 .single-job-categories-two:hover {
  border-color: #1dae0e;
}
body.template-color-1 .list-cat li a:hover {
  background-color: #1dae0e;
  border-color: #1dae0e;
  color: #ffffff;
}
body.template-color-1 .employer-item .employer-info-top .link-openjobs {
  background-color: #1dae0e;
}
body.template-color-1 .employer-item.border:hover {
  border-color: #1dae0e !important;
}
body.template-color-1 .job-section .container .row .col-lg-12:first-child .single-job.style-two:hover {
  border-top: 1px solid #1dae0e;
}
body.template-color-1 .job-section .container .row .col-lg-12:last-child .single-job.style-two:hover {
  border-bottom: 1px solid #1dae0e;
}
body.template-color-1 .single-job .job-info .job-info-inner .job-info-top .employer-name a:hover {
  color: #1dae0e;
}
body.template-color-1 .single-job .job-info .job-info-inner .job-meta-three i {
  color: #1dae0e;
}
body.template-color-1 .single-job .job-info .job-info-inner .job-skill-tag a:hover {
  color: #1dae0e;
}
body.template-color-1 .single-job.style-two:hover {
  border-color: #1dae0e;
  border-bottom: 1px solid #1dae0e;
}
body.template-color-1 .all-job p a {
  color: #1dae0e;
}
body.template-color-1 .single-team .item-box .item-content .skills .skill-item a:hover {
  color: #1dae0e;
}
body.template-color-1 .single-team:hover .team-content .team-title a {
  color: #1dae0e;
}
body.template-color-1 .all-team a {
  color: #1dae0e;
}
body.template-color-1 .single-list-blog .blog-content .blog-meta p .author {
  color: #1dae0e;
}
body.template-color-1 .all-articale a {
  color: #1dae0e;
}
body.template-color-1 .hero-content-5 .play-btn {
  color: #1dae0e;
}
body.template-color-1 .single-service .service-content a {
  color: #1dae0e;
}
body.template-color-1 .copyright p a {
  color: #1dae0e;
}
body.template-color-1 .copyright p a:hover {
  color: #1dae0e;
}

body.template-color-2 {
  /*-- Common CSS --*/
  /*-- 
      - Button
  ------------------------------------------*/
  /*-- Main Menu --*/
  /*-- Search Form --*/
  /* Popup Mobile CSS */
  /* Bottom Navbar Mobile */
  /* Bottom Mobile Popup CSS */
  /*-- keywords --*/
  /*-- Single Funfact --*/
  /*-- Single Categories --*/
  /*-- Employer Item --*/
  /* Single Job CSS */
  /* Single Team CSS */
  /* Single Blog List CSS */
  /* Hero Content CSS */
  /*-- Copyright --*/
}
body.template-color-2 .theme-color {
  color: #4c53b6;
}
body.template-color-2 a:hover {
  color: #4c53b6;
}
body.template-color-2 a.ht-btn,
body.template-color-2 button.ht-btn {
  background-color: #4c53b6;
}
body.template-color-2 a.ht-btn.normal-btn,
body.template-color-2 button.ht-btn.normal-btn {
  background-color: #4c53b6;
  color: #ffffff;
}
body.template-color-2 a.ht-btn.green-btn,
body.template-color-2 button.ht-btn.green-btn {
  background-color: #1dae0e;
  color: #ffffff;
}
body.template-color-2 a.ht-btn.transparent-btn,
body.template-color-2 button.ht-btn.transparent-btn {
  border: 1px solid #4c53b6;
  color: #4c53b6;
  background-color: transparent;
}
body.template-color-2 a.ht-btn.transparent-btn-two,
body.template-color-2 button.ht-btn.transparent-btn-two {
  background-color: transparent;
  border: 1px solid #4c53b6;
  color: #4c53b6;
}
body.template-color-2 a.ht-btn.transparent-btn-two:hover,
body.template-color-2 button.ht-btn.transparent-btn-two:hover {
  background-color: #4c53b6;
  color: #ffffff;
}
body.template-color-2 .jetapo-link a {
  color: #4c53b6;
}
body.template-color-2 .jetapo-tab-menu ul li a.active {
  color: #4c53b6;
}
body.template-color-2 .main-menu > ul > li > a .label-status.new {
  background-color: #4c53b6;
}
body.template-color-2 .main-menu > ul > li.active > a, body.template-color-2 .main-menu > ul > li:hover > a {
  color: #4c53b6;
}
body.template-color-2 .header-search-form form button {
  background-color: #4c53b6;
}
body.template-color-2 .popup-mobile-manu .inner .mobileheader {
  background: #4c53b6;
}
body.template-color-2 .object-custom-menu > li a:hover span {
  color: #4c53b6;
}
body.template-color-2 .object-custom-menu > li.has-mega-menu > a::after {
  background: #4c53b6;
  color: #ffffff;
}
body.template-color-2 .object-custom-menu > li.has-mega-menu .object-submenu li a:hover span {
  color: #4c53b6;
}
body.template-color-2 .bottom-navbar-mobile .list-actions li a {
  background-color: #4c53b6;
}
body.template-color-2 .job-list-mobile .heading, body.template-color-2 .notifications-mobile .heading {
  background-color: #4c53b6;
}
body.template-color-2 .keywords.style-two ul li a:hover {
  color: #4c53b6;
  border-color: #4c53b6;
}
body.template-color-2 .single-funfact.funfact-style-two .funfact-content .counter {
  color: #4c53b6;
}
body.template-color-2 .single-job-categories .categories-image i {
  color: #4c53b6;
}
body.template-color-2 .single-job-categories:hover {
  border-color: #4c53b6;
}
body.template-color-2 .single-job-categories:hover .categories-content h3 a {
  color: #4c53b6;
}
body.template-color-2 .single-job-categories:hover .categories-content .count-job {
  color: #4c53b6;
}
body.template-color-2 .single-job-categories-two {
  border: 1px solid #d0d0d0;
}
body.template-color-2 .single-job-categories-two:hover {
  border-color: #4c53b6;
}
body.template-color-2 .list-cat li a:hover {
  background-color: #4c53b6;
  border-color: #4c53b6;
  color: #ffffff;
}
body.template-color-2 .employer-item .employer-info-top .link-openjobs {
  background-color: #4c53b6;
}
body.template-color-2 .employer-item.border:hover {
  border-color: #4c53b6 !important;
}
body.template-color-2 .job-section .container .row .col-lg-12:first-child .single-job.style-two:hover {
  border-top: 1px solid #4c53b6;
}
body.template-color-2 .job-section .container .row .col-lg-12:last-child .single-job.style-two:hover {
  border-bottom: 1px solid #4c53b6;
}
body.template-color-2 .single-job .job-info .job-info-inner .job-info-top .employer-name a:hover {
  color: #4c53b6;
}
body.template-color-2 .single-job .job-info .job-info-inner .job-meta-three i {
  color: #4c53b6;
}
body.template-color-2 .single-job .job-info .job-info-inner .job-skill-tag a:hover {
  color: #4c53b6;
}
body.template-color-2 .single-job.style-two:hover {
  border-color: #4c53b6;
  border-bottom: 1px solid #4c53b6;
}
body.template-color-2 .all-job p a {
  color: #4c53b6;
}
body.template-color-2 .single-team .item-box .item-content .skills .skill-item a:hover {
  color: #4c53b6;
}
body.template-color-2 .single-team:hover .team-content .team-title a {
  color: #4c53b6;
}
body.template-color-2 .all-team a {
  color: #4c53b6;
}
body.template-color-2 .single-list-blog .blog-content .blog-meta p .author {
  color: #4c53b6;
}
body.template-color-2 .all-articale a {
  color: #4c53b6;
}
body.template-color-2 .hero-content-5 .play-btn {
  color: #4c53b6;
}
body.template-color-2 .single-service .service-content a {
  color: #4c53b6;
}
body.template-color-2 .copyright p a {
  color: #4c53b6;
}
body.template-color-2 .copyright p a:hover {
  color: #4c53b6;
}

body.template-color-3 {
  /*-- Common CSS --*/
  /*-- 
      - Button
  ------------------------------------------*/
  /*-- Main Menu --*/
  /*-- Search Form --*/
  /* Popup Mobile CSS */
  /* Bottom Navbar Mobile */
  /* Bottom Mobile Popup CSS */
  /*-- keywords --*/
  /*-- Single Funfact --*/
  /*-- Single Categories --*/
  /*-- Employer Item --*/
  /* Single Job CSS */
  /* Single Team CSS */
  /* Single Blog List CSS */
  /* Hero Content CSS */
  /*-- Copyright --*/
}
body.template-color-3 .theme-color {
  color: #0898d5;
}
body.template-color-3 a:hover {
  color: #0898d5;
}
body.template-color-3 a.ht-btn,
body.template-color-3 button.ht-btn {
  background-color: #0898d5;
}
body.template-color-3 a.ht-btn.normal-btn,
body.template-color-3 button.ht-btn.normal-btn {
  background-color: #0898d5;
  color: #ffffff;
}
body.template-color-3 a.ht-btn.green-btn,
body.template-color-3 button.ht-btn.green-btn {
  background-color: #1dae0e;
  color: #ffffff;
}
body.template-color-3 a.ht-btn.transparent-btn,
body.template-color-3 button.ht-btn.transparent-btn {
  border: 1px solid #0898d5;
  color: #0898d5;
  background-color: transparent;
}
body.template-color-3 a.ht-btn.transparent-btn-two,
body.template-color-3 button.ht-btn.transparent-btn-two {
  background-color: transparent;
  border: 1px solid #0898d5;
  color: #0898d5;
}
body.template-color-3 a.ht-btn.transparent-btn-two:hover,
body.template-color-3 button.ht-btn.transparent-btn-two:hover {
  background-color: #0898d5;
  color: #ffffff;
}
body.template-color-3 .jetapo-link a {
  color: #0898d5;
}
body.template-color-3 .jetapo-tab-menu ul li a.active {
  color: #0898d5;
}
body.template-color-3 .main-menu > ul > li > a .label-status.new {
  background-color: #0898d5;
}
body.template-color-3 .main-menu > ul > li.active > a, body.template-color-3 .main-menu > ul > li:hover > a {
  color: #0898d5;
}
body.template-color-3 .header-search-form form button {
  background-color: #0898d5;
}
body.template-color-3 .popup-mobile-manu .inner .mobileheader {
  background: #0898d5;
}
body.template-color-3 .object-custom-menu > li a:hover span {
  color: #0898d5;
}
body.template-color-3 .object-custom-menu > li.has-mega-menu > a::after {
  background: #0898d5;
  color: #ffffff;
}
body.template-color-3 .object-custom-menu > li.has-mega-menu .object-submenu li a:hover span {
  color: #0898d5;
}
body.template-color-3 .bottom-navbar-mobile .list-actions li a {
  background-color: #0898d5;
}
body.template-color-3 .job-list-mobile .heading, body.template-color-3 .notifications-mobile .heading {
  background-color: #0898d5;
}
body.template-color-3 .keywords.style-two ul li a:hover {
  color: #0898d5;
  border-color: #0898d5;
}
body.template-color-3 .single-funfact.funfact-style-two .funfact-content .counter {
  color: #0898d5;
}
body.template-color-3 .single-job-categories .categories-image i {
  color: #0898d5;
}
body.template-color-3 .single-job-categories:hover {
  border-color: #0898d5;
}
body.template-color-3 .single-job-categories:hover .categories-content h3 a {
  color: #0898d5;
}
body.template-color-3 .single-job-categories:hover .categories-content .count-job {
  color: #0898d5;
}
body.template-color-3 .single-job-categories-two {
  border: 1px solid #d0d0d0;
}
body.template-color-3 .single-job-categories-two:hover {
  border-color: #0898d5;
}
body.template-color-3 .list-cat li a:hover {
  background-color: #0898d5;
  border-color: #0898d5;
  color: #ffffff;
}
body.template-color-3 .employer-item .employer-info-top .link-openjobs {
  background-color: #0898d5;
}
body.template-color-3 .employer-item.border:hover {
  border-color: #0898d5 !important;
}
body.template-color-3 .job-section .container .row .col-lg-12:first-child .single-job.style-two:hover {
  border-top: 1px solid #0898d5;
}
body.template-color-3 .job-section .container .row .col-lg-12:last-child .single-job.style-two:hover {
  border-bottom: 1px solid #0898d5;
}
body.template-color-3 .single-job .job-info .job-info-inner .job-info-top .employer-name a:hover {
  color: #0898d5;
}
body.template-color-3 .single-job .job-info .job-info-inner .job-meta-three i {
  color: #0898d5;
}
body.template-color-3 .single-job .job-info .job-info-inner .job-skill-tag a:hover {
  color: #0898d5;
}
body.template-color-3 .single-job.style-two:hover {
  border-color: #0898d5;
  border-bottom: 1px solid #0898d5;
}
body.template-color-3 .all-job p a {
  color: #0898d5;
}
body.template-color-3 .single-team .item-box .item-content .skills .skill-item a:hover {
  color: #0898d5;
}
body.template-color-3 .single-team:hover .team-content .team-title a {
  color: #0898d5;
}
body.template-color-3 .all-team a {
  color: #0898d5;
}
body.template-color-3 .single-list-blog .blog-content .blog-meta p .author {
  color: #0898d5;
}
body.template-color-3 .all-articale a {
  color: #0898d5;
}
body.template-color-3 .hero-content-5 .play-btn {
  color: #0898d5;
}
body.template-color-3 .single-service .service-content a {
  color: #0898d5;
}
body.template-color-3 .copyright p a {
  color: #0898d5;
}
body.template-color-3 .copyright p a:hover {
  color: #0898d5;
}

body.template-color-4 {
  /*-- Common CSS --*/
  /*-- 
      - Button
  ------------------------------------------*/
  /*-- Main Menu --*/
  /*-- Search Form --*/
  /* Popup Mobile CSS */
  /* Bottom Navbar Mobile */
  /* Bottom Mobile Popup CSS */
  /*-- keywords --*/
  /*-- Single Funfact --*/
  /*-- Single Categories --*/
  /*-- Employer Item --*/
  /* Single Job CSS */
  /* Single Team CSS */
  /* Single Blog List CSS */
  /* Hero Content CSS */
  /*-- Copyright --*/
}
body.template-color-4 .theme-color {
  color: #ff5d3c;
}
body.template-color-4 a:hover {
  color: #ff5d3c;
}
body.template-color-4 a.ht-btn,
body.template-color-4 button.ht-btn {
  background-color: #ff5d3c;
}
body.template-color-4 a.ht-btn.normal-btn,
body.template-color-4 button.ht-btn.normal-btn {
  background-color: #ff5d3c;
  color: #ffffff;
}
body.template-color-4 a.ht-btn.green-btn,
body.template-color-4 button.ht-btn.green-btn {
  background-color: #1dae0e;
  color: #ffffff;
}
body.template-color-4 a.ht-btn.transparent-btn,
body.template-color-4 button.ht-btn.transparent-btn {
  border: 1px solid #ff5d3c;
  color: #ff5d3c;
  background-color: transparent;
}
body.template-color-4 a.ht-btn.transparent-btn-two,
body.template-color-4 button.ht-btn.transparent-btn-two {
  background-color: transparent;
  border: 1px solid #ff5d3c;
  color: #ff5d3c;
}
body.template-color-4 a.ht-btn.transparent-btn-two:hover,
body.template-color-4 button.ht-btn.transparent-btn-two:hover {
  background-color: #ff5d3c;
  color: #ffffff;
}
body.template-color-4 .jetapo-link a {
  color: #ff5d3c;
}
body.template-color-4 .jetapo-tab-menu ul li a.active {
  color: #ff5d3c;
}
body.template-color-4 .main-menu > ul > li > a .label-status.new {
  background-color: #ff5d3c;
}
body.template-color-4 .main-menu > ul > li.active > a, body.template-color-4 .main-menu > ul > li:hover > a {
  color: #ff5d3c;
}
body.template-color-4 .header-search-form form button {
  background-color: #ff5d3c;
}
body.template-color-4 .popup-mobile-manu .inner .mobileheader {
  background: #ff5d3c;
}
body.template-color-4 .object-custom-menu > li a:hover span {
  color: #ff5d3c;
}
body.template-color-4 .object-custom-menu > li.has-mega-menu > a::after {
  background: #ff5d3c;
  color: #ffffff;
}
body.template-color-4 .object-custom-menu > li.has-mega-menu .object-submenu li a:hover span {
  color: #ff5d3c;
}
body.template-color-4 .bottom-navbar-mobile .list-actions li a {
  background-color: #ff5d3c;
}
body.template-color-4 .job-list-mobile .heading, body.template-color-4 .notifications-mobile .heading {
  background-color: #ff5d3c;
}
body.template-color-4 .keywords.style-two ul li a:hover {
  color: #ff5d3c;
  border-color: #ff5d3c;
}
body.template-color-4 .single-funfact.funfact-style-two .funfact-content .counter {
  color: #ff5d3c;
}
body.template-color-4 .single-job-categories .categories-image i {
  color: #ff5d3c;
}
body.template-color-4 .single-job-categories:hover {
  border-color: #ff5d3c;
}
body.template-color-4 .single-job-categories:hover .categories-content h3 a {
  color: #ff5d3c;
}
body.template-color-4 .single-job-categories:hover .categories-content .count-job {
  color: #ff5d3c;
}
body.template-color-4 .single-job-categories-two {
  border: 1px solid #d0d0d0;
}
body.template-color-4 .single-job-categories-two:hover {
  border-color: #ff5d3c;
}
body.template-color-4 .list-cat li a:hover {
  background-color: #ff5d3c;
  border-color: #ff5d3c;
  color: #ffffff;
}
body.template-color-4 .employer-item .employer-info-top .link-openjobs {
  background-color: #ff5d3c;
}
body.template-color-4 .employer-item.border:hover {
  border-color: #ff5d3c !important;
}
body.template-color-4 .job-section .container .row .col-lg-12:first-child .single-job.style-two:hover {
  border-top: 1px solid #ff5d3c;
}
body.template-color-4 .job-section .container .row .col-lg-12:last-child .single-job.style-two:hover {
  border-bottom: 1px solid #ff5d3c;
}
body.template-color-4 .single-job .job-info .job-info-inner .job-info-top .employer-name a:hover {
  color: #ff5d3c;
}
body.template-color-4 .single-job .job-info .job-info-inner .job-meta-three i {
  color: #ff5d3c;
}
body.template-color-4 .single-job .job-info .job-info-inner .job-skill-tag a:hover {
  color: #ff5d3c;
}
body.template-color-4 .single-job.style-two:hover {
  border-color: #ff5d3c;
  border-bottom: 1px solid #ff5d3c;
}
body.template-color-4 .all-job p a {
  color: #ff5d3c;
}
body.template-color-4 .single-team .item-box .item-content .skills .skill-item a:hover {
  color: #ff5d3c;
}
body.template-color-4 .single-team:hover .team-content .team-title a {
  color: #ff5d3c;
}
body.template-color-4 .all-team a {
  color: #ff5d3c;
}
body.template-color-4 .single-list-blog .blog-content .blog-meta p .author {
  color: #ff5d3c;
}
body.template-color-4 .all-articale a {
  color: #ff5d3c;
}
body.template-color-4 .hero-content-5 .play-btn {
  color: #ff5d3c;
}
body.template-color-4 .single-service .service-content a {
  color: #ff5d3c;
}
body.template-color-4 .copyright p a {
  color: #ff5d3c;
}
body.template-color-4 .copyright p a:hover {
  color: #ff5d3c;
}

/*----------------------------------------*/
/*  03. Mixin CSS
/*----------------------------------------*/
/*--
    - Background Color
------------------------------------------*/
.bg_color--1 {
  background: #ffffff;
}

.bg_color--2 {
  background: #1dae0e;
}

.bg_color--3 {
  background: #f7f7f7;
}

.bg_color--4 {
  background: #0898d5;
}

.bg_color--5 {
  background: #f2f5fc;
}

.bg_color--6 {
  background: #4c53b6;
}

.bg_color--7 {
  background: #0898d5;
}

.bg_color--8 {
  background: #ff5d3c;
}

.bg_color--9 {
  background: #F50809;
}

/*----------------------------------------*/
/*  04. Header CSS
/*----------------------------------------*/
.header-absolute {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}

.is-sticky {
  position: fixed;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  left: 0;
  top: 0;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  background-color: rgba(37, 37, 49, 0.94);
  width: 100%;
  z-index: 999;
}
.is-sticky.sticky-white {
  background-color: #ffffff;
}
.is-sticky.no-padding {
  padding: 0px !important;
}
.is-sticky.fixed {
  position: fixed !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .is-sticky.fixed {
    position: static !important;
  }
}

.header-static {
  position: static;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-center {
    background-color: #252531;
    position: static !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-white {
    background-color: #ffffff;
  }
}

/*-- Header Top Social --*/
/*-- Header Logo --*/
@media only screen and (max-width: 479px) {
  .logo {
    width: 120px;
  }
}
.logo a {
  display: inline-block;
}
.logo a img {
  max-width: 100%;
}

/*-- Header Search --*/
.header-search {
  margin-left: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-search {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .header-search {
    margin-left: 0;
  }
}
@media only screen and (max-width: 479px) {
  .header-search {
    margin-left: 0;
  }
}

.header-search-toggle {
  background-color: transparent;
  border: none;
  color: #333333;
  padding: 0;
  line-height: 1;
  width: 30px;
  height: 30px;
}
.header-search-toggle i {
  font-size: 24px;
}
.header-search-toggle.open i {
  font-size: 30px;
}

/*-- Search Form --*/
.header-search-form {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  z-index: 9;
}
@media only screen and (max-width: 479px) {
  .header-search-form {
    right: 0px;
  }
}
.header-search-form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header-search-form form input {
  width: 250px;
  border: none;
  background-color: transparent;
  color: #444444;
  line-height: 24px;
  padding: 13px 20px;
}
@media only screen and (max-width: 479px) {
  .header-search-form form input {
    width: 216px;
  }
}
.header-search-form form button {
  line-height: 24px;
  padding: 13px 15px;
  border: none;
  background-color: #1dae0e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ffffff;
}
.header-search-form form button i {
  font-size: 24px;
  line-height: 24px;
}

/*-- Main Menu --*/
.main-menu > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.main-menu > ul > li {
  padding: 0 25px;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.main-menu > ul > li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .main-menu > ul > li {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > ul > li {
    padding: 0 11px;
  }
}
.main-menu > ul > li > a {
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: 0.25px;
  font-family: "Work Sans", sans-serif;
  color: #ffffff;
  display: block;
  padding: 30px 0;
  position: relative;
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > ul > li > a {
    font-size: 14px;
  }
}
.main-menu > ul > li > a .label-status {
  position: absolute;
  top: 8px;
  right: 4px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-transform: capitalize;
  padding: 0 10px;
  border-radius: 3px;
  color: #fff;
  margin: 0;
}
.main-menu > ul > li > a .label-status.hot {
  background-color: #ff2626;
}
.main-menu > ul > li > a .label-status.new {
  background-color: #1dae0e;
}
.main-menu > ul > li > a .icon-arrow {
  padding: 0 0 0 10px;
  line-height: 1;
  font-size: 10px;
}
.main-menu > ul > li > a .icon-arrow::before {
  content: "\e874";
  display: inline-block;
  font-family: "Linearicons-Free";
  line-height: 1;
  font-weight: 600;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > ul > li > a .icon-arrow {
    padding: 0 0 0 5px;
  }
}
.main-menu > ul > li.active::before, .main-menu > ul > li:hover::before {
  border-color: transparent transparent #ddd;
  border-width: 10px;
  bottom: 0;
  border-style: solid;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  left: calc(50% - 20px);
  pointer-events: none;
  z-index: 200;
}
.main-menu > ul > li.active::after, .main-menu > ul > li:hover::after {
  border-color: transparent transparent #ffffff;
  border-width: 10px;
  bottom: -1px;
  border-style: solid;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  left: calc(50% - 20px);
  pointer-events: none;
  z-index: 200;
}
.main-menu > ul > li.active > a, .main-menu > ul > li:hover > a {
  color: #1dae0e;
  text-decoration: underline;
}
.main-menu > ul > li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  z-index: 99;
}
.main-menu > ul > li:hover > .mega-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}
.main-menu > ul > li:last-child .sub-menu {
  left: auto;
  right: 0;
}
.main-menu > ul > li:last-child .sub-menu .sub-menu .sub-menu {
  left: 100%;
  right: auto;
}
.main-menu > ul > li:last-child .sub-menu .sub-menu .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}
.main-menu > ul > li:nth-last-child(-n+3) .sub-menu .sub-menu {
  left: auto;
  right: 200px;
}
.main-menu > ul > li:nth-last-child(-n+3) .sub-menu .sub-menu .sub-menu {
  left: 100%;
  right: auto;
}
.main-menu.padding-16 ul li {
  padding: 0 16px;
  padding: 0 11px;
}

.main-menu li:nth-last-child(-n+3) .sub-menu li:hover .sub-menu {
  left: auto;
  right: 100%;
}
.main-menu li:hover .sub-menu li a {
  padding: 6px 0px;
}

/*-- Sub Menu --*/
.sub-menu {
  position: absolute;
  left: 0;
  top: 100%;
  padding: 16px 0;
  background-color: #ffffff;
  border: 1px solid #ddd;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 240px;
  z-index: -99;
  opacity: 0;
  visibility: hidden;
}
.sub-menu li {
  padding: 0 30px;
  position: relative;
}
.sub-menu li:last-child {
  margin-bottom: 0;
}
.sub-menu li a {
  font-family: "Work Sans", sans-serif;
  color: #333333;
  display: block;
  font-size: 15px;
  line-height: 1.9;
  font-weight: 400;
  border-top: 1px solid #eee;
}
.sub-menu li a .icon-arrow {
  float: right;
}
.sub-menu li a .icon-arrow:before {
  content: "\e876";
  display: inline-block;
  font-family: "Linearicons-Free";
}
.sub-menu li:first-child a {
  border-top: 0;
}
.sub-menu li.active > a {
  color: #1dae0e;
}
.sub-menu li:hover > a {
  color: #1dae0e;
  text-decoration: underline;
}
.sub-menu li:hover > .sub-menu {
  left: 100%;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}
.sub-menu li .sub-menu {
  left: 200px;
  margin-left: 0;
  top: 0;
}
.sub-menu li .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}
.sub-menu li .sub-menu .sub-menu .sub-menu {
  left: 100%;
  right: auto;
}

/*-- Header Right --*/
.btn-action-wrap .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .btn-action-wrap .item {
    margin: 0 10px;
  }
}
.btn-action-wrap .item.jp-author a {
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .btn-action-wrap .item.jp-author a {
    font-size: 14px;
  }
}
.btn-action-wrap .item.jp-author a i {
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  position: relative;
  top: 4px;
  padding-right: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .btn-action-wrap .item.jp-author a i {
    padding-right: 5px;
  }
}
.btn-action-wrap .item.jp-author-action {
  margin-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 80px;
  background-color: #000000;
}
.btn-action-wrap .item.jp-author-action a {
  padding: 0 35px;
  text-align: center;
  color: #ffffff;
  font-weight: 600;
  line-height: 22px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .btn-action-wrap .item.jp-author-action a {
    font-size: 14px;
    padding: 0 20px;
  }
}
.btn-action-wrap .item.jp-author-action a span {
  display: block;
}
.btn-action-wrap .item.jp-author-action-two {
  margin-right: 0;
}

/*-- Header Color Light --*/
.black-logo-version .main-menu li a {
  color: #333333;
}

.black-logo-version .btn-action-wrap .item.jp-author a {
  color: #333333;
}

/* Mobile Menu Header */
.header-mobile-navigation {
  padding: 20px 0;
}
.header-mobile-navigation .mobile-navigation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.header-mobile-navigation .mobile-navigation ul li {
  margin-left: 20px;
}
.header-mobile-navigation .mobile-navigation ul li:first-child {
  margin-left: 0;
}
.header-mobile-navigation .mobile-navigation ul li a {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  color: #ffffff;
  display: block;
}
.header-mobile-navigation .mobile-navigation ul li a:hover {
  text-decoration: none;
}

/* Bottom Navbar Mobile */
.bottom-navbar-mobile .list-actions {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
}
.bottom-navbar-mobile .list-actions li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  list-style: none;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bottom-navbar-mobile .list-actions li a {
  display: block;
  width: 100%;
  height: 64px;
  max-height: 64px;
  font-size: 13px;
  color: #fff;
  text-align: center;
  padding: 10px 5px;
  position: relative;
  cursor: pointer;
  background-color: #1dae0e;
}
.bottom-navbar-mobile .list-actions li a span {
  display: inline-block;
  line-height: 22px;
  position: relative;
}
.bottom-navbar-mobile .list-actions li a span i {
  font-size: 22px;
}
.bottom-navbar-mobile .list-actions li a span.text {
  display: block;
  line-height: 16px;
  height: auto;
  position: relative;
  z-index: 9;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bottom-navbar-mobile .list-actions li a.active::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.25);
}

/*----------------------------------------*/
/*  05. Mobile Menu CSS
/*----------------------------------------*/
.popup-mobile-menu-wrapper .popup-mobile-manu {
  visibility: visible;
  opacity: 1;
}
.popup-mobile-menu-wrapper .popup-mobile-manu .inner {
  -webkit-transform: none;
  transform: none;
}

.popup-mobile-manu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  background: rgba(0, 0, 0, 0.9);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 99999;
}
.popup-mobile-manu .inner {
  background: #ffffff;
  position: relative;
  width: 400px;
  max-width: 80%;
  height: 100%;
  text-align: left;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow-y: auto;
  padding-top: 85px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  cursor: default;
}
.popup-mobile-manu .inner .mobileheader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 15px 0 30px;
  height: 85px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #1dae0e;
}
.popup-mobile-manu .inner .mobileheader .logo {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.popup-mobile-manu .inner .mobileheader .logo a img {
  width: 115px;
  height: auto;
  max-width: 100%;
}
.popup-mobile-manu .inner .mobileheader a.mobile-close {
  position: relative;
  cursor: pointer;
  height: 40px;
  width: 40px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.popup-mobile-manu .inner .mobileheader a.mobile-close::before, .popup-mobile-manu .inner .mobileheader a.mobile-close::after {
  position: absolute;
  top: 19px;
  left: 8px;
  content: "";
  width: 24px;
  height: 3px;
  background: #ffffff;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.popup-mobile-manu .inner .mobileheader a.mobile-close::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.popup-mobile-manu .inner .mobileheader a.mobile-close::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.popup-mobile-manu .inner .mobileheader a.mobile-close:hover::before, .popup-mobile-manu .inner .mobileheader a.mobile-close:hover::after {
  -webkit-transform: none;
  transform: none;
}

/* =======================
    Header menu 
==========================*/
.object-custom-menu {
  padding: 0;
  margin: 0;
  list-style: none;
  margin: 20px 30px 30px;
}
.object-custom-menu > li {
  position: relative;
  border-top: 1px solid transparent;
  border-color: #dddddd;
}
.object-custom-menu > li:first-child {
  border: 0 none;
}
.object-custom-menu > li a {
  padding-top: 19px;
  padding-bottom: 19px;
  display: block;
  position: relative;
}
.object-custom-menu > li a span {
  font-size: 14px;
  color: #333333;
}
.object-custom-menu > li a:hover span {
  color: #1dae0e;
}
.object-custom-menu > li.has-mega-menu > a::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 40px;
  height: 40px;
  background: #1dae0e;
  color: #ffffff;
  text-align: center;
  line-height: 40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "\f107";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.object-custom-menu > li.has-mega-menu > a.active::after {
  content: "\f106";
}
.object-custom-menu > li.has-mega-menu .object-submenu {
  display: none;
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: #f2f5fc;
}
.object-custom-menu > li.has-mega-menu .object-submenu li {
  border-top: 1px solid transparent;
  border-color: #dddddd;
  padding: 0 15px;
}
.object-custom-menu > li.has-mega-menu .object-submenu li:first-child {
  border: 0 none;
}
.object-custom-menu > li.has-mega-menu .object-submenu li.title {
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
  font-size: 14px;
  color: #fff;
  margin: 0 0 18px;
}
.object-custom-menu > li.has-mega-menu .object-submenu li a {
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
}
.object-custom-menu > li.has-mega-menu .object-submenu li a span {
  font-size: 14px;
  color: #666;
}
.object-custom-menu > li.has-mega-menu .object-submenu li a:hover span {
  color: #1dae0e;
}

/* Bottom Mobile Popup CSS */
.job-list-mobile, .notifications-mobile {
  position: fixed;
  width: 100%;
  height: 100vh;
  max-height: 100vh;
  bottom: 0;
  left: 0;
  opacity: 1;
  visibility: visible;
  display: none;
  background: #fff;
  padding: 0 0 64px;
  z-index: 99;
  -webkit-transition: bottom 0.5s ease;
  transition: bottom 0.5s ease;
}
.job-list-mobile .heading, .notifications-mobile .heading {
  padding: 20px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #1dae0e;
}
.job-list-mobile .heading .title, .notifications-mobile .heading .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.job-list-mobile .heading .title i, .notifications-mobile .heading .title i {
  display: inline-block;
  margin-right: 15px;
  position: relative;
  top: 2px;
  color: #ffffff;
}
.job-list-mobile .heading .title h3, .notifications-mobile .heading .title h3 {
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0;
}
.job-list-mobile .heading .view-all, .notifications-mobile .heading .view-all {
  font-size: 14px;
  color: #ffffff;
  font-weight: 400;
}

.content-popup-scroll {
  max-height: 385px;
  overflow-x: scroll;
}

.list-item {
  margin: 0;
  padding: 15px;
}
.list-item li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}
.list-item li a {
  font-size: 16px;
  color: #333333;
  padding-left: 40px;
  position: relative;
}
.list-item li a i {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 18px;
  color: #999;
}

/*----------------------------------------*/
/*  06. Hero CSS
/*----------------------------------------*/
/*-- Hero Slider --*/
.bg_image-v2 {
  background-image: url("../images/bg/bg_home_v2.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: initial;
}

.bg_image-v3 {
  background-image: url("../images/bg/bg_home_v3.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: initial;
}

.bg_image-v4 {
  background-image: url("../images/bg/banner_home_v4.png");
  background-position: 90% 40%;
  background-repeat: no-repeat;
  background-size: 50% auto;
}
@media only screen and (max-width: 767px) {
  .bg_image-v4 {
    background-position: 200% 0;
  }
}

/*-- Hero Item --*/
.hero-item {
  width: 100%;
  height: 100vh;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .hero-item {
    height: 100%;
  }
}
.hero-item.hero-item-two {
  height: 100%;
  padding: 210px 0 365px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-item.hero-item-two {
    padding: 150px 0 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-item.hero-item-two {
    padding: 120px 0;
  }
}
@media only screen and (max-width: 767px) {
  .hero-item.hero-item-two {
    padding: 60px 0;
  }
}
.hero-item.hero-item-three {
  height: 100%;
  padding: 270px 0 140px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-item.hero-item-three {
    padding: 150px 0 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-item.hero-item-three {
    padding: 120px 0;
  }
}
@media only screen and (max-width: 767px) {
  .hero-item.hero-item-three {
    padding: 60px 0;
    padding-bottom: 40px;
  }
}
.hero-item.hero-item-four {
  height: 100%;
  padding: 236px 0 342px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-item.hero-item-four {
    padding: 150px 0 150px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-item.hero-item-four {
    padding: 130px 0 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-item.hero-item-four {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 767px) {
  .hero-item.hero-item-four {
    padding: 60px 0;
  }
}

/*-- Hero Content Two For Hero Slider --*/
@media only screen and (max-width: 767px) {
  .hero-content-2 {
    padding: 70px 0;
  }
}
.hero-content-2.left {
  text-align: left;
}
.hero-content-2.center {
  text-align: center;
}
.hero-content-2.right {
  text-align: right;
}
.hero-content-2 h2 {
  font-size: 55px;
  line-height: 60px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .hero-content-2 h2 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 575px) {
  .hero-content-2 h2 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 10px;
  }
}
.hero-content-2 h3 {
  font-size: 55px;
  line-height: 60px;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .hero-content-2 h3 {
    font-size: 26px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 575px) {
  .hero-content-2 h3 {
    font-size: 26px;
    line-height: 32px;
  }
}
.hero-content-2 p {
  font-size: 15px;
  line-height: 26px;
  color: #ffffff;
}

.hero-content-3.left {
  text-align: left;
}
.hero-content-3.center {
  text-align: center;
}
.hero-content-3.right {
  text-align: right;
}
.hero-content-3 h2 {
  font-size: 44px;
  line-height: 1.2;
  margin-bottom: 5px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .hero-content-3 h2 {
    font-size: 30px;
  }
}
.hero-content-3 h3 {
  font-size: 44px;
  line-height: 1.2;
  font-weight: 300;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .hero-content-3 h3 {
    font-size: 30px;
  }
}
.hero-content-3 p {
  font-size: 15px;
  line-height: 26px;
  color: #444444;
}
.hero-content-3 p span {
  font-weight: 600;
}

.hero-content-4.left {
  text-align: left;
}
.hero-content-4.center {
  text-align: center;
}
.hero-content-4.right {
  text-align: right;
}
.hero-content-4 h2 {
  font-size: 48px;
  line-height: 1.2;
  margin-bottom: 5px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .hero-content-4 h2 {
    font-size: 30px;
  }
}
.hero-content-4 h3 {
  font-size: 48px;
  line-height: 1.2;
  font-weight: 300;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-content-4 h3 {
    font-size: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-content-4 h3 {
    font-size: 30px;
  }
}
.hero-content-4 p {
  font-size: 15px;
  line-height: 26px;
  color: #000;
}
.hero-content-4 p span {
  font-weight: 600;
}

.hero-content-5 h2 {
  color: #000;
  font-size: 44px;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: -2.5px;
  margin: 0 0 45px;
  max-width: 350px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-content-5 h2 {
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-content-5 h2 {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 20px;
  }
}
.hero-content-5 p {
  font-size: 15px;
  line-height: 26px;
  color: #000;
  max-width: 350px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .hero-content-5 p {
    margin-bottom: 20px;
  }
}
.hero-content-5 .play-btn {
  font-size: 16px;
  font-weight: 600;
  color: #1dae0e;
  display: block;
  margin-top: 30px;
}
.hero-content-5 .play-btn i {
  font-size: 26px;
  font-weight: 600;
  margin-right: 5px;
  vertical-align: middle;
}

/*----------------------------------------*/
/*  07. About CSS
/*----------------------------------------*/
.about-content .text-bold {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  line-height: 27px;
  margin-bottom: 20px;
}
.about-content .normal-text {
  padding-bottom: 70px;
  border-bottom: 1px solid #e2e2e2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-content .normal-text {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-content .normal-text {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .about-content .normal-text {
    padding-bottom: 40px;
  }
}

.about-video-popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.about-video-popup .sub-title {
  color: #fff;
  font-size: 20px;
  font-weight: 200;
  line-height: 30px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .about-video-popup .sub-title {
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 26px;
  }
}
.about-video-popup .title {
  max-width: 760px;
  color: #ffffff;
  font-size: 34px;
  line-height: 50px;
  font-weight: 700;
  margin: 30px auto;
}
@media only screen and (max-width: 767px) {
  .about-video-popup .title {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 20px;
  }
}

/*----------------------------------------*/
/*  08. Feature CSS
/*----------------------------------------*/
.single-feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  border: 1px #e0e0e0 solid;
  background: #ffffff;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-feature {
    padding: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .single-feature {
    padding: 10px;
  }
}
.single-feature .feature-icon {
  font-size: 40px;
  line-height: 1;
  padding-right: 20px;
  margin-right: 22px;
  border-right: 1px solid #e5e5e5;
  color: #1dae0e;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-feature .feature-icon {
    padding-right: 15px;
    margin-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .single-feature .feature-icon {
    font-size: 30px;
    padding-right: 15px;
    margin-right: 15px;
  }
}
.single-feature .feature-content .title {
  font-size: 22px;
  font-weight: 700;
  margin: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-feature .feature-content .title {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .single-feature .feature-content .title {
    font-size: 18px;
  }
}
.single-feature .feature-content p {
  font-size: 14px;
  line-height: 26px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-feature .feature-content p {
    font-size: 13px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .single-feature .feature-content p {
    font-size: 13px;
    line-height: 22px;
  }
}
.single-feature:hover {
  background-color: #1dae0e;
}
.single-feature:hover .feature-icon {
  color: #ffffff;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.single-feature:hover .feature-content .title {
  color: #ffffff;
}
.single-feature:hover .feature-content p {
  color: #ffffff;
}

/*----------------------------------------*/
/*  09. Job Search CSS
/*----------------------------------------*/
.job-search-wrap {
  padding: 25px 25px 20px;
  background: rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width: 767px) {
  .job-search-wrap {
    padding: 25px 15px 20px;
  }
}

.job-search-wrap-two .job-search-form {
  border: 1px solid #e2e4ea;
  background: #fff;
  border-radius: 3px;
}
.job-search-wrap-two .job-search-form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  padding: 10px 0;
}
@media only screen and (max-width: 767px) {
  .job-search-wrap-two .job-search-form form {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 10px 20px;
  }
}
.job-search-wrap-two .job-search-form form .single-field-item {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 37%;
          flex: 0 0 37%;
  max-width: 37%;
  padding: 0 30px;
  height: 100%;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .job-search-wrap-two .job-search-form form .single-field-item {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .job-search-wrap-two .job-search-form form .single-field-item {
    padding: 10px 0px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.job-search-wrap-two .job-search-form form .single-field-item i {
  position: static;
  line-height: inherit;
}
.job-search-wrap-two .job-search-form form .single-field-item label {
  display: block;
  font-size: 16px;
  color: #000;
  font-weight: 600;
  text-transform: capitalize;
  margin: 0;
}
.job-search-wrap-two .job-search-form form .single-field-item input {
  width: 100%;
  border: none;
  color: #999;
  font-size: 15px;
  font-weight: 400;
  padding: 0;
  height: auto;
  line-height: inherit;
}
.job-search-wrap-two .job-search-form form .single-field-item .btn-action-location {
  position: absolute;
  top: 20px;
  right: 15px;
}
@media only screen and (max-width: 767px) {
  .job-search-wrap-two .job-search-form form .single-field-item .btn-action-location {
    top: 30px;
  }
}
.job-search-wrap-two .job-search-form form .single-field-item:first-child::after {
  position: absolute;
  content: "";
  height: 70%;
  width: 1px;
  background-color: #e2e4ea;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .job-search-wrap-two .job-search-form form .single-field-item:first-child::after {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .job-search-wrap-two .job-search-form form .single-field-item:first-child {
    border-bottom: 1px solid #e2e4ea;
  }
}
.job-search-wrap-two .job-search-form form .submit-btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 26%;
          flex: 0 0 26%;
  max-width: 26%;
  padding: 0 10px 0 0;
}
@media only screen and (max-width: 767px) {
  .job-search-wrap-two .job-search-form form .submit-btn {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 10px 0px;
  }
}
.job-search-wrap-two .job-search-form form .submit-btn button {
  height: 100%;
}

.job-search-wrap-three .job-search-form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  padding: 10px 0;
}
@media only screen and (max-width: 767px) {
  .job-search-wrap-three .job-search-form form {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0px;
  }
}
.job-search-wrap-three .job-search-form form .single-field-item {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 44%;
          flex: 0 0 44%;
  max-width: 44%;
  padding: 17px 25px 19px;
  border: 1px solid #d0d0d0;
  height: 100%;
  border-radius: 3px 0 0 3px;
  background: #ffffff;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .job-search-wrap-three .job-search-form form .single-field-item {
    padding: 17px 25px 19px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.job-search-wrap-three .job-search-form form .single-field-item i {
  position: static;
  line-height: inherit;
}
.job-search-wrap-three .job-search-form form .single-field-item label {
  display: block;
  font-size: 18px;
  color: #000;
  font-weight: 600;
  text-transform: capitalize;
  margin: 0;
}
.job-search-wrap-three .job-search-form form .single-field-item input {
  width: 100%;
  border: none;
  color: #999;
  font-size: 15px;
  font-weight: 400;
  padding: 0;
  height: auto;
  line-height: inherit;
}
.job-search-wrap-three .job-search-form form .single-field-item .btn-action-location {
  position: absolute;
  top: 35px;
  right: 15px;
}
@media only screen and (max-width: 767px) {
  .job-search-wrap-three .job-search-form form .single-field-item .btn-action-location {
    top: 30px;
  }
}
.job-search-wrap-three .job-search-form form .single-field-item.location {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 31%;
          flex: 0 0 31%;
  max-width: 31%;
  border-radius: 0 3px 3px 0;
  border-left: none;
}
@media only screen and (max-width: 767px) {
  .job-search-wrap-three .job-search-form form .single-field-item.location {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    border-left: 1px solid #d0d0d0;
    margin-top: 10px;
  }
}
.job-search-wrap-three .job-search-form form .submit-btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
  padding: 0 0 0 10px;
}
@media only screen and (max-width: 767px) {
  .job-search-wrap-three .job-search-form form .submit-btn {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 10px 0px;
  }
}
.job-search-wrap-three .job-search-form form .submit-btn button {
  height: 100%;
}

.single-field-item {
  height: 50px;
  background-color: #ffffff;
  position: relative;
  border-radius: 3px;
  margin-bottom: 10px;
}
.single-field-item i {
  position: absolute;
  left: 20px;
  top: 0;
  line-height: 50px;
}
.single-field-item input {
  height: 50px;
  line-height: 50px;
  width: 100%;
  padding: 0 20px 0 45px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: 0 0;
  color: #333;
  font-weight: 600;
}
.single-field-item .nice-select {
  height: 50px;
  line-height: 50px;
  border-radius: 3px;
}
.single-field-item .nice-select .list {
  max-height: 250px;
  overflow-y: scroll;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-field-item .nice-select .list {
    max-height: 210px;
  }
}
.single-field-item .btn-action-location {
  position: absolute;
  right: 45px;
  line-height: 50px;
  cursor: pointer;
}

/*----------------------------------------*/
/*  10. Job Location CSS
/*----------------------------------------*/
.single-job-location {
  height: 370px;
  width: 100%;
  position: relative;
  border-radius: 3px;
  overflow: hidden;
  background-color: #f7f7f7;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-job-location .overlay-gradient {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.8)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.8) 100%);
  height: 100%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-job-location .location-info {
  position: absolute;
  bottom: 25px;
  left: 25px;
}
.single-job-location .location-info .city-name {
  font-size: 18px;
  font-weight: 700;
  line-height: 16px;
  color: #ffffff;
  display: block;
}
.single-job-location .location-info .count-job {
  background: #ffffff;
  padding: 0 8px;
  border-radius: 3px;
  color: #333333;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  margin-top: 15px;
  display: inline-block;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-job-location:hover .overlay-gradient {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 100%);
}
.single-job-location:hover .location-info .count-job {
  background: #1dae0e;
  color: #ffffff;
}

/*----------------------------------------*/
/*  11. Job CSS
/*----------------------------------------*/
.job-section .container .row .col-lg-12 {
  margin: -0.5px 0;
}
.job-section .container .row .col-lg-12:first-child .single-job.style-two {
  border-top: 1px solid #e5e5e5;
}
.job-section .container .row .col-lg-12:first-child .single-job.style-two:hover {
  border-top: 1px solid #1dae0e;
}
.job-section .container .row .col-lg-12:last-child .single-job.style-two {
  border-bottom: 1px solid #e5e5e5;
}
.job-section .container .row .col-lg-12:last-child .single-job.style-two:hover {
  border-bottom: 1px solid #1dae0e;
}

.job-content-box {
  padding: 50px;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .job-content-box {
    padding: 15px;
  }
}

.featured-label {
  display: inline-block;
  padding: 0 7px;
  font-weight: 700;
  font-size: 14px;
  color: #1dae0e;
  line-height: 20px;
  text-transform: capitalize;
  border-radius: 3px;
  position: relative;
  z-index: 0;
  background: #d0f7ca;
}

.job-type-label {
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 600;
  color: #069bff !important;
}
.job-type-label.internship {
  color: #ff38f3 !important;
}
.job-type-label.remote {
  color: #ba00ff !important;
}
.job-type-label.freelancer {
  color: #ff8400 !important;
}

.save-job {
  display: inline-block;
  height: auto;
  line-height: 1;
  width: auto;
  text-align: center;
  color: #bbb;
  border: none;
  font-size: 18px;
  outline: none;
  background: transparent;
  padding: 0;
}
.save-job i {
  color: #bbb;
}
.save-job:hover i {
  color: #ff2626;
}

.single-job {
  height: 100%;
  padding: 25px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #e5e5e5;
  background: #ffffff;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media only screen and (max-width: 575px) {
  .single-job {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.single-job .info-top {
  position: relative;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media only screen and (max-width: 575px) {
  .single-job .info-top {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.single-job .job-image {
  height: auto;
  border: none;
  width: 80px;
  min-width: 80px;
  text-align: center;
  margin: 0 30px 0 0;
  padding: 10px 0;
}
@media only screen and (max-width: 575px) {
  .single-job .job-image {
    margin: auto;
    width: 140px;
  }
}
.single-job .job-image a img {
  max-width: 100%;
}
.single-job .candidates-image {
  width: 90px;
  min-width: 90px;
  border-radius: 100%;
  overflow: hidden;
}
.single-job .candidates-image a {
  display: block;
}
.single-job .candidates-image a img {
  border-radius: 100%;
}
.single-job .candidates-image-two {
  width: 45px;
  min-width: 45px;
  border-radius: 50%;
  margin-right: 15px;
}
@media only screen and (max-width: 479px) {
  .single-job .candidates-image-two {
    margin-left: 0;
  }
}
.single-job .candidates-image-two a {
  display: block;
}
.single-job .candidates-image-two a img {
  border-radius: 50%;
}
.single-job .job-info {
  width: 100%;
  margin: 0 0 0 auto;
  z-index: 9;
  display: block;
}
.single-job .job-info .job-info-inner {
  margin-right: 10px;
}
.single-job .job-info .job-info-inner .job-info-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 575px) {
  .single-job .job-info .job-info-inner .job-info-top {
    display: block;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.single-job .job-info .job-info-inner .job-info-top .saveJob {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media only screen and (max-width: 575px) {
  .single-job .job-info .job-info-inner .job-info-top .saveJob {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .single-job .job-info .job-info-inner .job-info-top .title-name {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.single-job .job-info .job-info-inner .job-info-top .title-name h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-job .job-info .job-info-inner .job-info-top .title-name h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .single-job .job-info .job-info-inner .job-info-top .title-name h3 {
    font-size: 18px;
  }
}
.single-job .job-info .job-info-inner .job-info-top .title-name h5 {
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  margin-bottom: 5px;
}
.single-job .job-info .job-info-inner .job-info-top .employer-name {
  margin-bottom: 12px;
}
.single-job .job-info .job-info-inner .job-info-top .employer-name a {
  display: inline-block;
  color: #666666;
}
.single-job .job-info .job-info-inner .job-info-top .employer-name a:hover {
  color: #1dae0e;
}
.single-job .job-info .job-info-inner .job-salary {
  font-size: 17px;
  line-height: 24px;
  font-weight: 600;
  color: #ff2626;
  margin-bottom: 7px;
  display: block;
}
.single-job .job-info .job-info-inner .job-meta {
  font-size: 14px;
  margin-top: 10px;
  width: 100%;
  color: #666666;
}
.single-job .job-info .job-info-inner .job-meta > div {
  display: inline-block;
  padding-left: 12px;
  margin-right: 12px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-job .job-info .job-info-inner .job-meta > div {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .single-job .job-info .job-info-inner .job-meta > div {
    padding-left: 0;
  }
}
@media only screen and (max-width: 575px) {
  .single-job .job-info .job-info-inner .job-meta > div {
    padding-left: 0;
  }
}
.single-job .job-info .job-info-inner .job-meta > div:first-child {
  padding-left: 0;
  margin-left: 0;
}
.single-job .job-info .job-info-inner .job-meta i {
  margin-right: 5px;
}
.single-job .job-info .job-info-inner .job-meta-two {
  font-size: 14px;
  line-height: 24px;
  color: #898989;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .single-job .job-info .job-info-inner .job-meta-two {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.single-job .job-info .job-info-inner .job-meta-two div {
  padding-left: 12px;
  margin-right: 12px;
  position: relative;
}
@media only screen and (max-width: 479px) {
  .single-job .job-info .job-info-inner .job-meta-two div {
    padding-left: 0px;
    margin-right: 0px;
  }
}
.single-job .job-info .job-info-inner .job-meta-two div::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 14px;
  top: calc(50% - 7px);
  left: 0;
  background: #ccc;
}
@media only screen and (max-width: 479px) {
  .single-job .job-info .job-info-inner .job-meta-two div::before {
    display: none;
  }
}
.single-job .job-info .job-info-inner .job-meta-two div:first-child {
  padding-left: 0;
  margin-left: 0;
}
.single-job .job-info .job-info-inner .job-meta-two div:first-child::before {
  display: none;
}
.single-job .job-info .job-info-inner .job-meta-two div.field-salary_from {
  color: #ff2626;
  font-weight: 600;
}
.single-job .job-info .job-info-inner .job-meta-two i {
  margin-right: 5px;
}
.single-job .job-info .job-info-inner .job-meta-three {
  font-size: 15px;
  line-height: 24px;
  color: #333333;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .single-job .job-info .job-info-inner .job-meta-three {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.single-job .job-info .job-info-inner .job-meta-three div {
  padding-left: 12px;
  margin-right: 12px;
  position: relative;
}
@media only screen and (max-width: 479px) {
  .single-job .job-info .job-info-inner .job-meta-three div {
    padding-left: 0px;
    margin-right: 0px;
  }
}
.single-job .job-info .job-info-inner .job-meta-three div::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 14px;
  top: calc(50% - 7px);
  left: 0;
  background: #ccc;
}
@media only screen and (max-width: 479px) {
  .single-job .job-info .job-info-inner .job-meta-three div::before {
    display: none;
  }
}
.single-job .job-info .job-info-inner .job-meta-three div:first-child {
  padding-left: 0;
  margin-left: 0;
}
.single-job .job-info .job-info-inner .job-meta-three div:first-child::before {
  display: none;
}
.single-job .job-info .job-info-inner .job-meta-three div.field-experience-time .label {
  font-weight: 600;
  margin-right: 5px;
}
.single-job .job-info .job-info-inner .job-meta-three div.field-experience-time a {
  color: #1dae0e;
  display: inline-block;
}
.single-job .job-info .job-info-inner .job-meta-three div.field-hour-rate {
  font-weight: 600;
  color: #ff2626;
}
.single-job .job-info .job-info-inner .job-meta-three div.field-hour-rate .label {
  color: #333333;
  margin-right: 5px;
}
.single-job .job-info .job-info-inner .job-meta-three div.field-hour-rate a {
  color: #1dae0e;
  display: inline-block;
}
.single-job .job-info .job-info-inner .job-meta-three i {
  margin-right: 5px;
  color: #1dae0e;
}
.single-job .job-info .job-info-inner .job-skill-tag {
  margin-top: 15px;
}
.single-job .job-info .job-info-inner .job-skill-tag a {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  padding: 0 10px;
  line-height: 24px;
  margin-top: 5px;
  margin-right: 5px;
  border-radius: 3px;
  background: #eff1f8;
  color: #999;
}
.single-job .job-info .job-info-inner .job-skill-tag a:hover {
  color: #1dae0e;
}
.single-job.style-two {
  padding: 26px 30px 22px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .single-job.style-two {
    padding: 26px 12px 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-job.style-two .info-top {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-job.style-two .info-top {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .single-job.style-two .info-top {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.single-job.style-two:hover {
  border-color: #1dae0e;
  z-index: 9;
}
.single-job.candidates-grid {
  padding: 25px;
  height: 100%;
  border: 1px solid #e5e5e5;
}
.single-job.candidates-grid .info-top {
  display: block;
}
.single-job.candidates-grid .info-top .candidate-job {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.single-job.candidates-grid .info-top .candidates-image {
  text-align: center;
  padding: 20px 0 40px;
  margin-right: 0;
  width: 100%;
  border-radius: 0;
  border-bottom: 1px solid #eaeaea;
}
.single-job.candidates-grid .info-top .candidates-image a img {
  width: 105px;
  border-radius: 50%;
}
.single-job.candidates-grid .info-top .job-info .job-info-inner {
  margin-right: 0;
}
.single-job.candidates-grid .info-top .job-info .job-info-inner .job-meta-three {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.single-job.candidates-grid .info-top .job-info .job-info-inner .job-meta-three div {
  padding-left: 0;
  margin-right: 0;
}
.single-job.candidates-grid .info-top .job-info .job-info-inner .job-meta-three div::before {
  display: none;
}

.candidates-portfolio {
  margin-top: 15px;
}
.candidates-portfolio ul li {
  display: inline-block;
  width: 57px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.candidates-portfolio ul li a {
  display: block;
}

.all-job {
  text-align: center;
  margin-top: 40px;
}
.all-job p {
  margin-bottom: 0;
}
.all-job p a {
  color: #1dae0e;
}

.job-section .row .col-lg-12:last-child .single-job.style-two {
  border-bottom: 1px solid #e5e5e5;
}

.single-job-grid {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 25px;
  position: relative;
  min-height: 330px;
}
.single-job-grid .job-image {
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.single-job-grid .employer-name {
  position: absolute;
  top: 34px;
  left: 95px;
  font-weight: 600;
  text-transform: uppercase;
  color: #999;
  width: 140px;
  font-size: 14px;
  line-height: 16px;
}
@media only screen and (max-width: 767px) {
  .single-job-grid .employer-name {
    position: static;
    margin-top: 15px;
  }
}
.single-job-grid .job-type {
  position: absolute;
  right: 25px;
  top: 34px;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 600;
  color: #069bff !important;
}
.single-job-grid .job-type.internship {
  color: #ff38f3 !important;
}
.single-job-grid .job-type.remote {
  color: #ba00ff !important;
}
.single-job-grid .job-type.freelancer {
  color: #ff8400 !important;
}
.single-job-grid .content-top .job-title {
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  color: #333333;
  text-transform: capitalize;
  margin: 30px 0 5px;
}
.single-job-grid .content-top .job-info {
  margin-bottom: 15px;
}
.single-job-grid .content-top .job-info .job-meta {
  display: inline-block;
  padding-right: 20px;
  position: relative;
  margin: 0;
}
.single-job-grid .content-top .job-info .job-meta:first-child::before {
  content: "";
  width: 1px;
  height: 15px;
  background: #666;
  position: absolute;
  top: 5px;
  right: 8px;
}
.single-job-grid .content-top .job-info .job-meta.time-ago {
  color: #085dad;
}
.single-job-grid .content-bottom p {
  margin-bottom: 0;
}
.single-job-grid .content-bottom .job-categories {
  margin-top: 15px;
}
.single-job-grid .content-bottom .job-categories a {
  padding: 2px 10px;
  font-size: 13px;
  line-height: 24px;
  background-color: #eff1f8;
  text-transform: capitalize;
  margin: 10px 5px 0 0;
  display: inline-block;
  border-radius: 3px;
  font-weight: 600;
  color: #1dae0e;
}
.single-job-grid .content-bottom .job-categories a.accounting {
  color: #BE52E2;
}
.single-job-grid .content-bottom .job-categories a.broadcasting {
  color: #9f606b;
}

.single-job-grid-two {
  position: relative;
  height: 100%;
  padding: 25px 30px 30px;
  background-color: #ffffff;
  border: 1px solid #e2e4ea;
  overflow: hidden;
}
.single-job-grid-two .saveJob-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}
.single-job-grid-two .saveJob-grid .save-job {
  height: 36px;
  line-height: 34px;
  padding: 0 20px;
  border: 1px solid #1dae0e;
  font-size: 14px;
  font-weight: 600;
  color: #1dae0e;
  border-radius: 4px;
}
.single-job-grid-two .saveJob-grid .save-job i {
  font-size: 18px;
  position: relative;
  top: 2px;
  margin-right: 4px;
  color: #1dae0e;
}
.single-job-grid-two .saveJob-grid .save-job:hover {
  color: #ff2626;
}
.single-job-grid-two .saveJob-grid .save-job:hover i {
  color: #ff2626;
}
.single-job-grid-two .job-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}
@media only screen and (max-width: 575px) {
  .single-job-grid-two .job-info .job-info-top .title-name {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.single-job-grid-two .job-info .job-info-top .title-name h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-job-grid-two .job-info .job-info-top .title-name h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .single-job-grid-two .job-info .job-info-top .title-name h3 {
    font-size: 18px;
  }
}
.single-job-grid-two .job-info .job-info-top .employer-name {
  margin-bottom: 12px;
}
.single-job-grid-two .job-info .job-info-top .employer-name a {
  display: inline-block;
  color: #666666;
}
.single-job-grid-two .job-info .job-info-top .employer-name a:hover {
  color: #1dae0e;
}
.single-job-grid-two .job-info .job-meta-two {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  display: block;
  width: 100%;
  margin-bottom: 15px;
}
.single-job-grid-two .job-info .job-meta-two div {
  position: relative;
  font-weight: 600;
  color: #333333;
}
.single-job-grid-two .job-info .job-meta-two div.field-salary_from {
  color: #ff2626;
}
.single-job-grid-two .job-info .job-meta-two i {
  margin-right: 5px;
}
.single-job-grid-two .job-info .job-skill-tag {
  margin-top: 15px;
}
.single-job-grid-two .job-info .job-skill-tag a {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  padding: 0 10px;
  line-height: 24px;
  margin-top: 5px;
  margin-right: 5px;
  border-radius: 3px;
  background: #eff1f8;
  color: #999;
}
.single-job-grid-two .job-info .job-skill-tag a:hover {
  color: #1dae0e;
}
.single-job-grid-two .job-info .field-descriptions p {
  font-size: 14px;
  line-height: 21px;
}
.single-job-grid-two:hover {
  border-color: #1dae0e;
}

.bg-image-job-post {
  background-image: url("../images/bg/bk-banner-home-4-2.png");
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 51% auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bg-image-job-post {
    background-position: -100% 0;
  }
}
@media only screen and (max-width: 767px) {
  .bg-image-job-post {
    background-position: -100% 0;
  }
}

.job-post-section {
  padding: 300px 0 340px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .job-post-section {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .job-post-section {
    padding-top: 65px;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .job-post-section {
    padding-top: 45px;
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .job-post-section {
    padding-top: 35px;
    padding-bottom: 40px;
  }
}

.job-post-content {
  padding-right: 150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .job-post-content {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .job-post-content {
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .job-post-content {
    padding-right: 0;
  }
}
.job-post-content .title {
  color: #000;
  font-size: 40px;
  font-weight: 600;
  line-height: 54px;
  letter-spacing: -2.5px;
  margin: 0 0 30px;
}
@media only screen and (max-width: 767px) {
  .job-post-content .title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 20px;
  }
}
.job-post-content p {
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 30px;
}

.job-wrapper .title {
  font-size: 28px;
  line-height: 42px;
  font-weight: 700;
  margin-bottom: 30px;
}

.filter-form .result-sorting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .filter-form .result-sorting {
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .filter-form .result-sorting {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .filter-form .result-sorting {
    display: block;
  }
}
.filter-form .result-sorting .total-result {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  position: relative;
  margin-bottom: 22px;
  text-transform: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .filter-form .result-sorting .total-result {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .filter-form .result-sorting .total-result {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .filter-form .result-sorting .total-result {
    margin-bottom: 10px;
  }
}
.filter-form .result-sorting .total-result .total {
  color: #1dae0e;
}
.filter-form .result-sorting .job-alert-form .btn-open-form {
  display: inline-block;
  padding: 0 20px;
  color: #666;
  font-size: 16px;
  line-height: 35px;
  cursor: pointer;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .filter-form .result-sorting .job-alert-form .btn-open-form {
    padding: 0;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .filter-form .result-sorting .job-alert-form .btn-open-form {
    padding: 0;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .filter-form .result-sorting .job-alert-form .btn-open-form {
    padding: 0;
    margin-bottom: 15px;
  }
}
.filter-form .result-sorting .form-left {
  text-align: right;
  margin-bottom: 22px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .filter-form .result-sorting .form-left {
    text-align: left;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .filter-form .result-sorting .form-left {
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .filter-form .result-sorting .form-left {
    text-align: left;
  }
}
.filter-form .result-sorting .form-left .sort-by {
  display: inline-block;
}
.filter-form .result-sorting .form-left .sort-by form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.filter-form .result-sorting .form-left .sort-by form label {
  margin-bottom: 0;
}
.filter-form .result-sorting .form-left .sort-by form .nice-select {
  margin-left: 10px;
  width: 150px;
}
.filter-form .result-sorting .form-left .layout-switcher {
  float: right;
}
@media only screen and (max-width: 767px) {
  .filter-form .result-sorting .form-left .layout-switcher {
    float: none;
    margin-top: 10px;
  }
}
.filter-form .result-sorting .form-left .layout-switcher ul li {
  display: inline-block;
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .filter-form .result-sorting .form-left .layout-switcher ul li {
    margin-left: 0;
    margin-right: 20px;
  }
}
.filter-form .result-sorting .form-left .layout-switcher ul li a {
  display: block;
  width: auto;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 22px;
  color: #666666;
}
.filter-form .result-sorting .form-left .layout-switcher ul li a.active, .filter-form .result-sorting .form-left .layout-switcher ul li a:hover {
  color: #1dae0e;
}

.job-alert-form-box {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  -webkit-box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.1);
  z-index: 99;
  border-radius: 5px;
  background: #fff;
  margin-bottom: 30px;
  padding: 30px 30px 25px;
  border: 1px solid #ece8eb;
  display: none;
}
.job-alert-form-box .title {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 20px;
  padding-right: 20px;
}
.job-alert-form-box .btn-close-form {
  position: absolute;
  top: 26px;
  right: 30px;
  line-height: 1;
  font-size: 24px;
  cursor: pointer;
  color: #1d2027;
}
.job-alert-form-box form .newsletter input {
  width: 100%;
  border: 1px solid #ece8eb;
  border-radius: 5px;
  padding: 9px 24px;
  font-size: 16px;
  line-height: 30px;
  color: #1d2027;
  margin-bottom: 15px;
}

.job-meta-detail ul li {
  display: inline-block;
  margin-right: 10px;
  padding-right: 10px;
  position: relative;
  font-size: 14px;
  line-height: 1.9;
}
.job-meta-detail ul li::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 14px;
  top: calc(50% - 7px);
  right: 0;
  background: #444444;
}
.job-meta-detail ul li:last-child::after {
  display: none;
}
.job-meta-detail ul li .date {
  padding: 0 9px 0;
  border-radius: 2px;
  font-weight: 600;
  background-color: #d0f7ca;
  display: inline-block;
  line-height: 1.9;
}

.job-map-wrapper {
  padding: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .job-map-wrapper {
    padding: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .job-map-wrapper {
    padding: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .job-map-wrapper {
    padding: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .job-map-wrapper {
    padding: 15px;
  }
}

.section-filter {
  position: relative;
}
.section-filter > i {
  position: absolute;
  top: 16px;
  left: 16px;
  font-size: 15px;
  color: #999;
}
.section-filter input.location {
  width: 100%;
  height: 46px;
  line-height: 44px;
  padding: 0 240px 0 45px;
  background: #ffffff;
  border: 1px #d1d3da solid;
  border-radius: 3px;
  color: #999;
}
@media only screen and (max-width: 575px) {
  .section-filter input.location {
    padding: 0 16px 0 45px;
  }
}
.section-filter .open-slide-range {
  position: absolute;
  width: 240px;
  height: 100%;
  top: 0;
  right: 0;
  padding: 0 20px;
  color: #999;
  line-height: 46px;
}
@media only screen and (max-width: 575px) {
  .section-filter .open-slide-range {
    position: relative;
    width: 100%;
    height: 46px;
    top: auto;
    right: auto;
    padding: 0 20px;
    color: #666666;
    line-height: 44px;
    border: 1px solid #d1d3da;
    border-radius: 3px;
    margin-top: 20px;
  }
}
.section-filter .open-slide-range::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 26px;
  top: 10px;
  left: 0;
  background: #ddd;
}
@media only screen and (max-width: 575px) {
  .section-filter .open-slide-range::before {
    display: none;
  }
}
.section-filter .open-slide-range .range-text {
  color: #333333;
}
.section-filter .open-slide-range .open-range {
  position: absolute;
  width: 20px;
  height: 20px;
  top: calc(50% - 10px);
  right: 16px;
  cursor: pointer;
}
.section-filter .open-slide-range .open-range::after {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "\e874";
  font-family: "Linearicons-Free";
  font-size: 12px;
  color: #333333;
  font-weight: 600;
  line-height: 1;
}

.filter-advance {
  margin-top: 50px;
}
.filter-advance .range-slider.ui-widget {
  width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  height: 6px;
  background-color: #d8d8d8;
  border: none;
  border-radius: 3px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .filter-advance .range-slider.ui-widget {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    width: 100%;
  }
}
.filter-advance .range-slider.ui-widget .ui-slider-range {
  background-color: #1dae0e;
  border-radius: 50px;
}
.filter-advance .range-slider.ui-widget .ui-slider-handle {
  background-color: #fff;
  min-width: 24px;
  height: 24px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 1px solid #ddd;
  outline: none;
  top: -10px;
  margin-left: -18px;
  border-radius: 50%;
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-transition: none;
  transition: none;
}
.filter-advance .range-slider.ui-widget .ui-slider-handle::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 12px;
  width: 12px;
  background: #1dae0e;
  border-radius: 100%;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.filter-advance .range-slider.ui-widget .ui-slider-handle span {
  position: absolute;
  top: -32px;
  left: 50%;
  min-width: 27px;
  height: 25px;
  border-radius: 5px;
  font-size: 13px;
  line-height: 25px;
  padding: 0 5px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #333333;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  display: block;
}
.filter-advance .range-slider.ui-widget .ui-slider-handle span::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: transparent transparent transparent transparent;
  border-top-color: #333333;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.filter-advance .filter-item {
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
.filter-advance .filter-item input {
  width: 100%;
  height: 46px;
  line-height: 44px;
  padding: 0 20px;
  background: #fff;
  border: 1px solid #d1d3da;
  border-radius: 3px;
  color: #999;
}
.filter-advance .filter-item .nice-select {
  border: 1px solid #d1d3da;
  height: 46px;
  line-height: 44px;
}
.filter-advance .filter-item .nice-select .list {
  max-height: 250px;
  overflow-y: scroll;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .filter-advance .filter-item .nice-select .list {
    max-height: 210px;
  }
}

.bottom-section-filter {
  position: relative;
  margin-top: 35px;
  margin-bottom: 30px;
  border-bottom: 1px #e2e4ea solid;
}

.action-advance {
  position: absolute;
  top: 0;
  right: 0;
  margin-bottom: 5px;
}
@media only screen and (max-width: 575px) {
  .action-advance {
    position: relative;
    top: auto;
    right: auto;
  }
}
.action-advance span {
  color: #333333;
  position: relative;
  cursor: pointer;
}
.action-advance span::after {
  content: "\e873";
  font-family: "Linearicons-Free";
  margin-left: 14px;
}

.action-after .btn-open-form {
  display: inline-block;
  font-size: 16px;
  color: #666;
  line-height: 35px;
  cursor: pointer;
  margin-bottom: 20px;
}

.single-meta-field {
  display: block;
  padding: 18px 30px;
  background-color: #ffffff;
  border: 1px solid #e9e9e9;
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-meta-field {
    padding: 18px 20px;
  }
}
.single-meta-field .field-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.single-meta-field .field-label i {
  font-size: 30px;
  width: 50px;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  color: #1dae0e;
}
.single-meta-field .field-label span {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  text-transform: capitalize;
  color: #333333;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.single-meta-field .field-value {
  display: block;
  text-transform: capitalize;
  line-height: 19px;
  padding-left: 50px;
}
.single-meta-field .field-value.salary {
  font-size: 18px;
  color: #fe281f;
  font-weight: 600;
  line-height: 23px;
}
.single-meta-field .field-value a {
  color: #1dae0e;
}
.single-meta-field .field-value .job-skill-tag a {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  padding: 0 10px;
  line-height: 24px;
  margin-top: 5px;
  margin-right: 5px;
  border-radius: 3px;
  background: #eff1f8;
  color: #666666;
}
.single-meta-field.meta-field-two {
  padding: 0;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  background-color: transparent;
  padding-bottom: 15px;
  margin-bottom: 16px;
}
.single-meta-field.meta-field-three {
  padding: 0;
  border: 0;
  background-color: transparent;
  padding: 0 25px;
  border-right: 1px solid #ddd;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-meta-field.meta-field-three {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .single-meta-field.meta-field-three {
    margin-bottom: 30px;
  }
}
.single-meta-field.meta-field-three.border-0 {
  border-right: 0px;
}
.single-meta-field.meta-field-three .field-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
}
.single-meta-field.meta-field-three .field-label i {
  font-size: 16px;
  margin-right: 10px;
  width: auto;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.single-meta-field.meta-field-three .field-label span {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  text-transform: capitalize;
  color: #333333;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.single-meta-field.meta-field-three .field-value {
  display: block;
  text-transform: capitalize;
  font-size: 17px;
  line-height: 22px;
  font-weight: 600;
  padding-left: 0px;
}
.single-meta-field.meta-field-three .field-value a {
  color: #1dae0e;
}
.single-meta-field.meta-field-three .field-value .job-skill-tag a {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  padding: 0 10px;
  line-height: 24px;
  margin-top: 5px;
  margin-right: 5px;
  border-radius: 3px;
  background: #eff1f8;
  color: #666666;
}

.job-head-content .title {
  font-size: 34px;
  line-height: 40px;
  font-weight: 700;
  margin: 0 0 10px;
}
@media only screen and (max-width: 767px) {
  .job-head-content .title {
    font-size: 28px;
    line-height: 34px;
  }
}
.job-head-content .employer-name {
  font-size: 16px;
  font-weight: 600;
  color: #4c53b6;
  line-height: 19px;
  margin: 0 0 18px;
}

.job-detail-content .field-descriptions p {
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .job-detail-content .field-descriptions p {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .job-detail-content .field-descriptions p {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .job-detail-content .field-descriptions p {
    margin-bottom: 15px;
  }
}
.job-detail-content .field-descriptions h3 {
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  margin-top: 60px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .job-detail-content .field-descriptions h3 {
    margin-top: 30px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .job-detail-content .field-descriptions h3 {
    margin-top: 30px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .job-detail-content .field-descriptions h3 {
    margin-top: 30px;
    margin-bottom: 15px;
  }
}
.job-detail-content .field-descriptions ul {
  list-style: inherit;
  list-style-position: inside;
  margin-bottom: 20px;
}

/*----------------------------------------*/
/*  12. Categories CSS
/*----------------------------------------*/
@media only screen and (max-width: 767px) {
  .categories-tab-menu ul {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: start !important;
  }
}
.categories-tab-menu ul li {
  margin-right: 40px;
}
.categories-tab-menu ul li:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .categories-tab-menu ul li:last-child {
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .categories-tab-menu ul li {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .categories-tab-menu ul li {
    margin-right: 20px;
    margin-bottom: 10px;
  }
}
.categories-tab-menu ul li a {
  display: block;
  color: #bbb;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.8px;
  text-transform: uppercase;
  cursor: pointer;
  border: none;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .categories-tab-menu ul li a {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .categories-tab-menu ul li a {
    font-size: 24px;
  }
}
.categories-tab-menu ul li a.active, .categories-tab-menu ul li a:hover {
  color: #000;
}

.single-job-categories {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.single-job-categories .categories-image {
  text-align: center;
  background-color: #f9f7f3;
  position: relative;
  padding: 20px;
  height: 275px;
}
.single-job-categories .categories-image i {
  padding: 10px;
  background: #fff;
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 18px;
  border-radius: 3px;
  color: #1dae0e;
}
.single-job-categories .categories-content {
  padding: 25px;
  background-color: #fff;
  min-height: 100px;
}
.single-job-categories .categories-content h3 {
  font-size: 20px;
  line-height: 24px;
  max-height: 24px;
  font-weight: 600;
}
.single-job-categories .categories-content h3 a {
  display: block;
}
.single-job-categories .categories-content .count-job {
  font-size: 16px;
  line-height: 24px;
  color: #999;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.single-job-categories:hover {
  border-color: #1dae0e;
}
.single-job-categories:hover .categories-content h3 a {
  color: #1dae0e;
}
.single-job-categories:hover .categories-content .count-job {
  color: #1dae0e;
}

.single-job-categories-two {
  border: 1px solid #d0d0d0;
  padding: 16px 20px 17px;
  border-radius: 3px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-job-categories-two {
    padding: 16px 12px 17px;
  }
}
.single-job-categories-two .item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.single-job-categories-two .item-info .img-icon {
  margin-right: 12px;
}
.single-job-categories-two .item-info .title {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  margin: 0;
}
.single-job-categories-two .item-info .title a {
  display: block;
}
.single-job-categories-two .item-info .title a:hover {
  color: #333333;
}
.single-job-categories-two:hover {
  border-color: #1dae0e;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cate-left-text {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .cate-left-text {
    margin-bottom: 30px;
  }
}
.cate-left-text .title {
  color: #000;
  font-size: 40px;
  font-weight: 600;
  line-height: 54px;
  letter-spacing: -2.5px;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .cate-left-text .title {
    font-size: 32px;
    line-height: 40px;
  }
}

.categories-tag .title {
  color: #000;
  font-size: 22px;
  font-weight: 500;
  line-height: 33px;
  margin-bottom: 30px;
}

.list-cat li {
  display: inline-block;
}
.list-cat li a {
  display: inline-block;
  margin: 0 5px 10px 0;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 12px 25px;
  color: #000;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .list-cat li a {
    padding: 12px 18px;
  }
}
.list-cat li a:hover {
  background-color: #1dae0e;
  border-color: #1dae0e;
  color: #ffffff;
}

.all-cate-link {
  margin-top: 35px;
}
.all-cate-link a {
  font-size: 15px;
  line-height: 24px;
  display: inline-block;
}

/*----------------------------------------*/
/*  13. Employer CSS
/*----------------------------------------*/
.employer-slider {
  border: 1px solid #e5e5e5;
  padding-bottom: 1px;
}
.employer-slider .employer-item.last {
  border-right: transparent;
}

.employer-item {
  padding: 20px 25px 25px;
  background: #fff;
  position: relative;
  border-style: solid;
  border-width: 0 1px 0px 0;
  border-color: #e5e5e5;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.employer-item .featured-employer-label {
  position: absolute;
  top: 25px;
  left: 20px;
  padding: 0 10px;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  background: #1dae0e;
}
.employer-item .featured-employer-label.color-green {
  background-color: #d0f7ca;
  color: #1dae0e;
}
.employer-item .for-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.employer-item .rating {
  position: absolute;
  top: 25px;
  right: 20px;
}
.employer-item .rating .rating-point {
  background: #ff8400;
  font-weight: 600;
  border-radius: 4px;
  color: #fff;
  margin-right: 3px;
  min-width: 30px;
  display: inline-block;
  text-align: center;
  height: 20px;
  line-height: 20px;
}
.employer-item .employer-image {
  margin: 24px auto 10px;
  width: 140px;
  height: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.employer-item .employer-image img {
  height: auto;
  max-width: 100%;
}
.employer-item .employer-info-top .employer-location {
  margin-bottom: 5px;
  font-size: 13px;
  line-height: 24px;
  display: inline-block;
  text-transform: uppercase;
}
.employer-item .employer-info-top .employer-name {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 0;
}
.employer-item .employer-info-top .employer-name i {
  font-size: 14px;
  color: #1dae0e;
}
.employer-item .employer-info-top .employer-info-rate {
  margin-top: 5px;
}
.employer-item .employer-info-top .employer-info-rate .star {
  color: #ffbf02;
  margin-right: 10px;
}
.employer-item .employer-info-top .employer-info-rate .star i {
  font-size: 13px;
  margin: 0 -3px;
}
.employer-item .employer-info-top .employer-info-rate span {
  color: #999999;
}
.employer-item .employer-info-top .link-openjobs {
  display: inline-block;
  font-weight: 600;
  text-transform: capitalize;
  color: #ffffff;
  line-height: 22px;
  padding: 0 7px;
  border-radius: 3px;
  margin-top: 15px;
  background-color: #1dae0e;
}
.employer-item.border {
  border: 1px solid #e5e5e5;
}
.employer-item.border:hover {
  border-color: #1dae0e !important;
}

.single-employer-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: hidden;
  background-color: #ffffff;
  text-align: center;
}
.single-employer-item .image-featured {
  height: 215px;
  overflow: hidden;
  background-color: #333;
}
.single-employer-item .image-featured img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-employer-item .item-content {
  padding: 25px 15px;
  padding-top: 0;
}
.single-employer-item .item-content .avatar {
  display: inline-block;
  width: 80px;
  padding: 10px;
  margin: 0 0 10px;
  border: 1px solid #ddd;
  overflow: hidden;
  background: #ffffff;
  margin-top: -40px;
}
.single-employer-item .item-content .title {
  font-size: 20px;
  line-height: 28px;
  color: #333333;
  font-weight: 600;
  margin-bottom: 5px;
}
.single-employer-item .item-content .title a {
  display: block;
  color: #333333;
}
.single-employer-item .item-content .meta .star {
  color: #ffbf02;
  margin-bottom: 5px;
}
.single-employer-item .item-content .meta .star i {
  font-size: 13px;
  margin: 0 -3px;
}
.single-employer-item .item-content .meta span {
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 19px;
  margin-right: 5px;
  padding-right: 14px;
}
.single-employer-item .item-content .meta span::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 1px;
  height: 15px;
  background-color: #ccc;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.single-employer-item .item-content .meta span:last-child {
  margin-right: 0;
  padding-right: 0;
}
.single-employer-item .item-content .meta span:last-child::after {
  display: none;
}

.single-employer-list {
  height: 100%;
  padding: 32px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #e5e5e5;
  background: #ffffff;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media only screen and (max-width: 575px) {
  .single-employer-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.single-employer-list .info-top {
  position: relative;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-employer-list .info-top {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-employer-list .info-top {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .single-employer-list .info-top {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.single-employer-list .employer-image {
  height: auto;
  border: none;
  width: 80px;
  min-width: 80px;
  text-align: center;
  margin: 0 30px 0 0;
  padding: 10px 0;
}
@media only screen and (max-width: 575px) {
  .single-employer-list .employer-image {
    margin: auto;
    width: 140px;
  }
}
.single-employer-list .employer-image a img {
  max-width: 100%;
}
.single-employer-list .employer-info {
  width: 100%;
  margin: 0 0 0 auto;
  z-index: 9;
  display: block;
}
.single-employer-list .employer-info .employer-info-inner {
  margin-right: 10px;
}
.single-employer-list .employer-info .employer-info-inner .employer-info-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 575px) {
  .single-employer-list .employer-info .employer-info-inner .employer-info-top {
    display: block;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.single-employer-list .employer-info .employer-info-inner .employer-info-top .saveJob {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media only screen and (max-width: 575px) {
  .single-employer-list .employer-info .employer-info-inner .employer-info-top .saveJob {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .single-employer-list .employer-info .employer-info-inner .employer-info-top .title-name {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.single-employer-list .employer-info .employer-info-inner .employer-info-top .title-name h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-employer-list .employer-info .employer-info-inner .employer-info-top .title-name h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .single-employer-list .employer-info .employer-info-inner .employer-info-top .title-name h3 {
    font-size: 18px;
  }
}
.single-employer-list .employer-info .employer-info-inner .employer-info-top .title-name h5 {
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  margin-bottom: 5px;
}
.single-employer-list .employer-info .employer-info-inner .employer-info-top .employer-rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}
.single-employer-list .employer-info .employer-info-inner .employer-info-top .employer-rate .star {
  color: #ffbf02;
  margin-right: 10px;
}
.single-employer-list .employer-info .employer-info-inner .employer-info-top .employer-rate .star i {
  font-size: 13px;
  margin: 0 -3px;
}
.single-employer-list .employer-info .employer-info-inner .employer-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.single-employer-list .employer-info .employer-info-inner .employer-bottom .openjobs a {
  display: inline-block;
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  padding: 1px 10px 2px;
  line-height: 20px;
  border-radius: 3px;
  border-color: transparent;
  background-color: #1dae0e;
}
.single-employer-list .employer-info .employer-info-inner .employer-meta {
  font-size: 14px;
  line-height: 24px;
  color: #898989;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .single-employer-list .employer-info .employer-info-inner .employer-meta {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.single-employer-list .employer-info .employer-info-inner .employer-meta div {
  padding-left: 12px;
  margin-right: 12px;
  position: relative;
}
@media only screen and (max-width: 479px) {
  .single-employer-list .employer-info .employer-info-inner .employer-meta div {
    padding-left: 0px;
    margin-right: 0px;
  }
}
.single-employer-list .employer-info .employer-info-inner .employer-meta div::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 14px;
  top: calc(50% - 7px);
  left: 0;
  background: #ccc;
}
@media only screen and (max-width: 479px) {
  .single-employer-list .employer-info .employer-info-inner .employer-meta div::before {
    display: none;
  }
}
.single-employer-list .employer-info .employer-info-inner .employer-meta div:first-child {
  padding-left: 0;
  margin-left: 0;
}
.single-employer-list .employer-info .employer-info-inner .employer-meta div:first-child::before {
  display: none;
}
.single-employer-list .employer-info .employer-info-inner .employer-meta div.field-salary_from {
  color: #ff2626;
  font-weight: 600;
}
.single-employer-list .employer-info .employer-info-inner .employer-meta i {
  margin-right: 5px;
}
.single-employer-list .employer-info .employer-info-inner .field-description {
  margin-top: 10px;
}
.single-employer-list .employer-info .employer-info-inner .field-description p {
  font-size: 14px;
  line-height: 20px;
}
.single-employer-list .employer-info .employer-info-inner .employer-skill-tag {
  margin-top: 15px;
}
.single-employer-list .employer-info .employer-info-inner .employer-skill-tag a {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  padding: 0 10px;
  line-height: 24px;
  margin-top: 5px;
  margin-right: 5px;
  border-radius: 3px;
  background: #eff1f8;
  color: #999;
}
.single-employer-list .employer-info .employer-info-inner .employer-skill-tag a:hover {
  color: #1dae0e;
}
.single-employer-list:hover {
  border-color: #1dae0e;
}

/* Employer Details CSS */
.employer-head-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
@media only screen and (max-width: 479px) {
  .employer-head-info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.employer-head-info .employer-logo {
  width: 100px;
  height: 100px;
  text-align: center;
  padding: 10px;
  margin-right: 28px;
  margin-bottom: 15px;
  border: 1px solid #e0e0e0;
  border-radius: 0;
  overflow: hidden;
}
@media only screen and (max-width: 479px) {
  .employer-head-info .employer-logo {
    margin-right: 0;
  }
}
.employer-head-info .employer-logo a {
  display: block;
}
.employer-head-info .employer-logo.logo-two {
  width: 170px;
  height: 170px;
}
.employer-head-info .employer-content .employer-name {
  font-size: 34px;
  line-height: 45px;
  text-transform: capitalize;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 0;
}
@media only screen and (max-width: 479px) {
  .employer-head-info .employer-content .employer-name {
    font-size: 28px;
    line-height: 1;
    margin-top: 20px;
  }
}
.employer-head-info .employer-content .employer-name i {
  font-size: 18px;
  color: #1dae0e;
}
.employer-head-info .employer-content .employer-rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
.employer-head-info .employer-content .employer-rate .star {
  color: #ffbf02;
  margin-right: 10px;
}
.employer-head-info .employer-content .employer-rate .star i {
  font-size: 13px;
  margin: 0 -3px;
}
.employer-head-info .employer-content .employer-meta {
  margin-top: 10px;
}
.employer-head-info .employer-content .employer-meta li {
  display: inline-block;
  margin-right: 10px;
  padding-right: 10px;
  margin-bottom: 7px;
  position: relative;
  font-size: 14px;
  line-height: 16px;
  border-right: 1px solid #ccc;
}
.employer-head-info .employer-content .employer-meta li:last-child {
  margin-right: 0px;
  padding-right: 0px;
  border-right: 0px;
}
.employer-head-info .employer-content .employer-meta li i {
  vertical-align: middle;
  margin-right: 5px;
}

.employer-meta-box {
  padding: 25px 0;
  background-color: #f2f5fc;
}

.employer-main-content .field-description, .employer-main-content .field-skills, .employer-main-content .field-Gallery {
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .employer-main-content .field-description, .employer-main-content .field-skills, .employer-main-content .field-Gallery {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .employer-main-content .field-description, .employer-main-content .field-skills, .employer-main-content .field-Gallery {
    margin-bottom: 30px;
  }
}
.employer-main-content .field-description h3, .employer-main-content .field-skills h3, .employer-main-content .field-Gallery h3 {
  font-weight: 700;
  font-size: 28px;
  line-height: 42px;
  margin-top: 60px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .employer-main-content .field-description h3, .employer-main-content .field-skills h3, .employer-main-content .field-Gallery h3 {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .employer-main-content .field-description h3, .employer-main-content .field-skills h3, .employer-main-content .field-Gallery h3 {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .employer-main-content .field-description h3, .employer-main-content .field-skills h3, .employer-main-content .field-Gallery h3 {
    margin-bottom: 15px !important;
    margin-top: 30px;
  }
}
.employer-main-content .field-description p, .employer-main-content .field-skills p, .employer-main-content .field-Gallery p {
  margin-bottom: 20px;
}
.employer-main-content .field-description p:last-child, .employer-main-content .field-skills p:last-child, .employer-main-content .field-Gallery p:last-child {
  margin-bottom: 0;
}
.employer-main-content .field-description h6, .employer-main-content .field-skills h6, .employer-main-content .field-Gallery h6 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.employer-main-content .field-description ul, .employer-main-content .field-skills ul, .employer-main-content .field-Gallery ul {
  list-style: disc;
  list-style-position: inside;
}
.employer-main-content .field-experience h3, .employer-main-content .field-education h3, .employer-main-content .field-award h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 35px;
}

.job-container h3 {
  font-size: 24px;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 25px;
}

/*----------------------------------------*/
/*  14. Candidate CSS
/*----------------------------------------*/
.candidate-head-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
@media only screen and (max-width: 479px) {
  .candidate-head-info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.candidate-head-info .candidate-logo {
  width: 80px;
  height: auto;
  border-radius: 5px;
  text-align: center;
  margin-right: 30px;
  overflow: hidden;
}
@media only screen and (max-width: 479px) {
  .candidate-head-info .candidate-logo {
    margin-right: 0;
  }
}
.candidate-head-info .candidate-logo a {
  display: block;
}
.candidate-head-info .candidate-logo a img {
  width: auto;
  height: auto;
  border-radius: 50%;
}
.candidate-head-info .candidate-content .candidate-name {
  font-size: 34px;
  line-height: 45px;
  text-transform: capitalize;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 0;
}
@media only screen and (max-width: 479px) {
  .candidate-head-info .candidate-content .candidate-name {
    font-size: 28px;
    line-height: 1;
    margin-top: 20px;
  }
}
.candidate-head-info .candidate-content .candidate-name i {
  font-size: 18px;
  color: #1dae0e;
}
.candidate-head-info .candidate-content .candidate-meta {
  margin-top: 10px;
}
.candidate-head-info .candidate-content .candidate-meta li {
  display: inline-block;
  margin-right: 10px;
  padding-right: 10px;
  margin-bottom: 7px;
  position: relative;
  font-size: 15px;
  line-height: 1.9;
}
.candidate-head-info .candidate-content .candidate-meta li:last-child {
  margin-right: 0px;
  padding-right: 0px;
}
.candidate-head-info .candidate-content .candidate-meta li i {
  vertical-align: middle;
  margin-right: 5px;
}
.candidate-head-info.color-white .candidate-content .candidate-name {
  color: #ffffff;
}
.candidate-head-info.color-white .candidate-content .candidate-meta li {
  color: #ffffff;
}
.candidate-head-info.color-white .candidate-content .candidate-meta li i {
  color: #ffffff;
}

.candidate-main-content .field-description, .candidate-main-content .field-experience, .candidate-main-content .field-education, .candidate-main-content .field-award, .candidate-main-content .field-skills, .candidate-main-content .field-portfolio, .candidate-main-content .field-candidate-information {
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .candidate-main-content .field-description, .candidate-main-content .field-experience, .candidate-main-content .field-education, .candidate-main-content .field-award, .candidate-main-content .field-skills, .candidate-main-content .field-portfolio, .candidate-main-content .field-candidate-information {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .candidate-main-content .field-description, .candidate-main-content .field-experience, .candidate-main-content .field-education, .candidate-main-content .field-award, .candidate-main-content .field-skills, .candidate-main-content .field-portfolio, .candidate-main-content .field-candidate-information {
    margin-bottom: 30px;
  }
}
.candidate-main-content .field-description h3, .candidate-main-content .field-experience h3, .candidate-main-content .field-education h3, .candidate-main-content .field-award h3, .candidate-main-content .field-skills h3, .candidate-main-content .field-portfolio h3, .candidate-main-content .field-candidate-information h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .candidate-main-content .field-description h3, .candidate-main-content .field-experience h3, .candidate-main-content .field-education h3, .candidate-main-content .field-award h3, .candidate-main-content .field-skills h3, .candidate-main-content .field-portfolio h3, .candidate-main-content .field-candidate-information h3 {
    margin-bottom: 15px !important;
  }
}
.candidate-main-content .field-description p, .candidate-main-content .field-experience p, .candidate-main-content .field-education p, .candidate-main-content .field-award p, .candidate-main-content .field-skills p, .candidate-main-content .field-portfolio p, .candidate-main-content .field-candidate-information p {
  margin-bottom: 20px;
}
.candidate-main-content .field-description p:last-child, .candidate-main-content .field-experience p:last-child, .candidate-main-content .field-education p:last-child, .candidate-main-content .field-award p:last-child, .candidate-main-content .field-skills p:last-child, .candidate-main-content .field-portfolio p:last-child, .candidate-main-content .field-candidate-information p:last-child {
  margin-bottom: 0;
}
.candidate-main-content .field-experience h3, .candidate-main-content .field-education h3, .candidate-main-content .field-award h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 35px;
}

.experience-item, .education-item {
  padding: 40px 0;
  border-bottom: 1px solid #eaeaea;
}
@media only screen and (max-width: 767px) {
  .experience-item, .education-item {
    padding: 20px 0;
  }
}
.experience-item:first-child, .education-item:first-child {
  padding-top: 0;
}
.experience-item:last-child, .education-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .content-left {
    margin-bottom: 15px;
  }
}
.content-left h5 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}

.content-right h5 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  text-transform: capitalize;
}
.skill-tag li {
  display: inline-block;
}
.skill-tag li a {
  background-color: #f2f5fc;
  padding: 5px 15px;
  margin-right: 3px;
  margin-bottom: 5px;
  display: inline-block;
  border-radius: 3px;
}

.portfolio-list li {
  display: inline-block;
  margin-right: 30px;
}
@media only screen and (max-width: 767px) {
  .portfolio-list li {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .portfolio-list li {
    margin-right: 10px;
    margin-bottom: 10px;
  }
}
.portfolio-list li:last-child {
  margin-right: 0;
}
.portfolio-list li a {
  display: block;
}
@media only screen and (max-width: 479px) {
  .portfolio-list li a {
    width: 60px;
  }
}

.meta-field li {
  display: block;
  margin-bottom: 10px;
}
.meta-field li:last-child {
  margin-bottom: 0;
}
.meta-field li .meta-field-item div {
  display: inline-block;
}
.meta-field li .meta-field-item .field-label i {
  width: 40px;
  display: inline-block;
  font-size: 16px;
  color: #1dae0e;
  vertical-align: middle;
}
.meta-field li .meta-field-item .field-label span {
  font-size: 14px;
  line-height: 24px;
  color: #333333;
  font-weight: 600;
  width: 200px;
  display: inline-block;
}
@media only screen and (max-width: 479px) {
  .meta-field li .meta-field-item .field-label span {
    width: 120px;
  }
}
.meta-field li .meta-field-item .field-value.rate {
  color: #ff2626;
  font-weight: 600;
}
.meta-field li .meta-field-item .field-value a {
  color: #1dae0e;
}

/*----------------------------------------*/
/*  15. Fun Fact CSS
/*----------------------------------------*/
.mt--60 {
  margin-top: -60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt--60 {
    margin-top: 0px;
    padding-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .mt--60 {
    margin-top: 0px;
    padding-top: 50px;
  }
}

.mt--270 {
  margin-top: -270px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt--270 {
    margin-top: 0px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt--270 {
    margin-top: 0px;
    padding-bottom: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .mt--270 {
    margin-top: 0px;
    padding-bottom: 20px;
  }
}

.funfact-wrap {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .funfact-wrap.d-flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.single-funfact {
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff;
}
.single-funfact .icon-img {
  margin-right: 20px;
}
.single-funfact .funfact-content .counter {
  font-size: 30px;
  font-weight: 700;
  color: #333;
  line-height: 36px;
  display: block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-funfact .funfact-content .counter {
    font-size: 28px;
  }
}
.single-funfact .funfact-content .text {
  font-size: 15px;
  line-height: 26px;
  text-transform: uppercase;
  display: block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-funfact .funfact-content .text {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .single-funfact .funfact-content .text {
    font-size: 14px;
  }
}
.single-funfact.funfact-style-two {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 15%;
          flex: 0 0 15%;
  max-width: 15%;
  padding: 0 30px;
  border-right: 1px solid #f1f1f1;
  border-bottom: 0;
  background: transparent;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-funfact.funfact-style-two {
    max-width: 20%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    padding: 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-funfact.funfact-style-two {
    max-width: 30%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    padding: 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .single-funfact.funfact-style-two {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding: 0 20px;
    text-align: center;
    border-right: 0;
    margin-bottom: 20px;
  }
}
.single-funfact.funfact-style-two.width-30 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  max-width: 30%;
}
@media only screen and (max-width: 767px) {
  .single-funfact.funfact-style-two.width-30 {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.single-funfact.funfact-style-two.width-100 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
}
.single-funfact.funfact-style-two:last-child {
  border-right: 0;
}
@media only screen and (max-width: 767px) {
  .single-funfact.funfact-style-two .funfact-content {
    margin: 0 auto;
  }
}
.single-funfact.funfact-style-two .funfact-content .counter {
  font-size: 34px;
  line-height: 1.2;
  color: #1dae0e;
}

.single-funfact-style-4 .funfact-content .sub-text {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 25px;
  display: block;
  max-width: 150px;
}
.single-funfact-style-4 .funfact-content .counter {
  margin-bottom: 18px;
  color: #000;
  font-size: 46px;
  font-weight: 600;
  line-height: 40px;
  display: block;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .single-funfact-style-4 .funfact-content .counter {
    font-size: 38px;
    line-height: 38px;
  }
}
.single-funfact-style-4 .funfact-content .text {
  font-size: 15px;
  line-height: 26px;
  text-transform: uppercase;
  display: block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-funfact-style-4 .funfact-content .text {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .single-funfact-style-4 .funfact-content .text {
    font-size: 14px;
  }
}

/*----------------------------------------*/
/*  16. Work CSS
/*----------------------------------------*/
.single-work {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 15px 0;
  overflow: hidden;
}
.single-work .work-image {
  margin-right: 40px;
  margin-top: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-work .work-image {
    margin-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-work .work-image {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .single-work .work-image {
    margin-right: 15px;
  }
}
.single-work .work-image .step {
  font-size: 16px;
  font-weight: 600;
  background: #ffffff;
  width: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 0;
}
.single-work .work-content {
  padding-right: 20px;
  width: 70%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-work .work-content {
    width: 90%;
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-work .work-content {
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .single-work .work-content {
    padding-right: 0;
    width: 90%;
  }
}
.single-work .work-content .title {
  font-size: 20px;
  font-weight: 600;
  color: #000;
  margin-bottom: 12px;
  line-height: 1.6;
  text-transform: capitalize;
}
@media only screen and (max-width: 767px) {
  .single-work .work-content .title {
    font-size: 18px;
  }
}
.single-work .work-content .title a {
  display: block;
}
.single-work .work-content p {
  font-size: 16px;
  line-height: 26px;
  color: #888888;
}

.simple-work {
  border-style: solid;
  border-width: 0 1px 0 0;
  border-color: #e2e2e2;
  padding: 85px 68px 35px 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .simple-work {
    padding: 85px 15px 35px 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .simple-work {
    padding: 50px 0px 0px;
    border: none;
  }
}
@media only screen and (max-width: 767px) {
  .simple-work {
    padding: 50px 0px 0px;
    border: none;
  }
}

.work-video-image {
  background-color: #ffffff;
  background-image: url("../images/work/bk-video-popup.jpg");
  height: 290px;
  background-size: auto;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 50px;
}

.video-popup-content a {
  position: relative;
  display: inline-block;
  width: 56px;
  height: 56px;
  font-size: 12px;
  text-align: center;
  color: #000;
  border: 7px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.video-popup-content a span {
  background-color: #ffffff;
}

.single-list-work {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.single-list-work .work-icon {
  width: 40px;
  margin-right: 25px;
}
.single-list-work .work-content .title {
  font-size: 18px;
  line-height: 31px;
  font-weight: 600;
  margin-bottom: 0px;
}
.single-list-work .work-content P {
  font-size: 14px;
  line-height: 23px;
}

/*----------------------------------------*/
/*  17. Video CSS
/*----------------------------------------*/
.video-left-content {
  padding-right: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .video-left-content {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-left-content {
    padding-right: 0;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .video-left-content {
    padding-right: 0;
    margin-bottom: 30px;
  }
}
.video-left-content .title {
  color: #000;
  font-size: 40px;
  font-weight: 600;
  line-height: 54px;
  letter-spacing: -2.5px;
  margin: 0 0 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-left-content .title {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .video-left-content .title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 20px;
  }
}
.video-left-content p {
  margin-bottom: 0;
}

.video-area {
  position: relative;
  padding-top: 10px;
}
.video-area .video-img img {
  width: 100%;
}
.video-area .video-info {
  height: 100%;
  position: absolute;
  bottom: 0;
  width: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.8)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.8) 100%);
}
.video-area .video-info .video-popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.video-area .video-info .video-content {
  position: absolute;
  left: 30px;
  bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .video-area .video-info .video-content {
    left: 5px;
    bottom: 0px;
  }
}
.video-area .video-info .video-content .title {
  font-size: 22px;
  line-height: 24px;
  color: #ffffff;
  margin-bottom: 5px;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .video-area .video-info .video-content .title {
    font-size: 18px;
    line-height: 1;
  }
}
.video-area .video-info .video-content .sub-title {
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .video-area .video-info .video-content .sub-title {
    font-size: 11px;
    line-height: 1;
  }
}

/*----------------------------------------*/
/*  18. Testimonial CSS
/*----------------------------------------*/
.testimonial-slider-four.slick-slider .slick-dots {
  width: 100%;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 50px;
}
.testimonial-slider-four.slick-slider .slick-dots li {
  margin: 0 5px;
}
.testimonial-slider-four.slick-slider .slick-dots li button {
  display: block;
  padding: 0;
  width: 12px;
  height: 12px;
  border: none;
  background-color: rgba(76, 83, 182, 0.25);
  text-indent: -9999px;
  border-radius: 50px;
}
.testimonial-slider-four.slick-slider .slick-dots li.slick-active button {
  background-color: #1dae0e;
}

.bg-image-testimonial {
  background-image: url("../images/bg/bk-banner-home-4-3.png");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 60% auto;
  padding-top: 300px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .bg-image-testimonial {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bg-image-testimonial {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bg-image-testimonial {
    padding-top: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .bg-image-testimonial {
    padding-top: 15px;
    background-position: -100% 0;
  }
}

.single-testimonial {
  border: 1px solid #e5e5e5;
  background-color: #fff;
}
.single-testimonial.bg-offWhite {
  background-color: #f9f7f3;
}
.single-testimonial.bg-offWhite .testimonial-author {
  background-color: #f9f7f3;
}
.single-testimonial.bg-offWhite .testimonial-author .testimonial-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.single-testimonial.bg-offWhite .testimonial-author::after {
  display: none;
}
.single-testimonial .testimonial-author {
  position: relative;
  padding: 43px 40px 20px;
  background-color: #fafafa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .single-testimonial .testimonial-author {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 30px 25px 20px;
  }
}
.single-testimonial .testimonial-author .testimonial-avatar {
  position: relative;
  z-index: 1;
  margin-right: 15px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.single-testimonial .testimonial-author .testimonial-meta {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.single-testimonial .testimonial-author .testimonial-meta .name {
  font-size: 17px;
  line-height: 25px;
  font-weight: 600;
  margin: 0 0 3px;
}
.single-testimonial .testimonial-author .testimonial-meta .text {
  font-size: 14px;
  color: #999;
}
@media only screen and (max-width: 767px) {
  .single-testimonial .testimonial-author .testimonial-meta .text {
    line-height: 18px;
  }
}
.single-testimonial .testimonial-author .icon-quote {
  font-size: 26px;
  -webkit-transform: translateY(-18px);
          transform: translateY(-18px);
}
.single-testimonial .testimonial-author::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 37px;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .single-testimonial .testimonial-author::after {
    display: none;
  }
}
.single-testimonial .testimonial-comment {
  padding: 0 40px 52px;
}
@media only screen and (max-width: 767px) {
  .single-testimonial .testimonial-comment {
    padding: 20px 20px 30px;
  }
}
.single-testimonial .testimonial-comment p {
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-left-content {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-left-content {
    margin-bottom: 50px;
  }
}
.testimonial-left-content .title {
  color: #000;
  font-size: 30px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-left-content .title {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-left-content .title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
  }
}
.testimonial-left-content p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-left-content p br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-left-content p br {
    display: none;
  }
}

.single-testimonial-two {
  border: 1px solid #ddd;
  background-color: #ffffff;
  padding: 37px 42px 31px 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .single-testimonial-two {
    padding: 20px;
  }
}
.single-testimonial-two .item-box {
  margin-bottom: 45px;
}
.single-testimonial-two .item-box .item-avatar {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 50%;
}
.single-testimonial-two .item-box .item-star {
  color: #ffbf02;
  font-size: 12px;
}
.single-testimonial-two .item-box .item-star i {
  margin: 0 -1px;
}
.single-testimonial-two .item-comment {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5em;
  letter-spacing: -0.5px;
  margin-bottom: 35px;
  padding-bottom: 32px;
  border-bottom: 1px solid #e5e5e5;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media only screen and (max-width: 767px) {
  .single-testimonial-two .item-comment {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}
.single-testimonial-two .item-meta .name {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 19px;
  margin: 0;
}

.single-testimonial-three {
  padding-top: 50px;
}
.single-testimonial-three .icon-quote {
  font-size: 76px;
  font-weight: 600;
  line-height: 24px;
}
.single-testimonial-three .item-comment p {
  font-size: 22px;
  line-height: 34px;
  color: #000;
  margin-bottom: 42px;
  letter-spacing: -1px;
}
.single-testimonial-three .item-box .item-avatar {
  width: 50px;
  margin-right: 22px;
}
.single-testimonial-three .item-box .item-meta .name {
  font-size: 16px;
  color: #000;
  margin: 0 0 2px;
  font-weight: 600;
}

/*----------------------------------------*/
/*  19. Team CSS
/*----------------------------------------*/
.bg_image-team {
  background-color: #ffffff;
  background-image: url("../images/bg/bk-candidate.png");
  background-position: center center;
  background-repeat: no-repeat;
}

.single-team {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 3px;
  padding: 30px 15px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.single-team .team-image {
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 25px;
}
.single-team .team-content .team-title {
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  margin: 0;
}
.single-team .team-content .team-headline {
  color: #999;
  margin-bottom: 17px;
}
.single-team .item-box {
  border-top: 1px solid #e5e5e5;
  padding-top: 0;
  opacity: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.single-team .item-box .item-content .location {
  margin-bottom: 15px;
  color: #444444;
}
.single-team .item-box .item-content .location i {
  margin-right: 5px;
}
.single-team .item-box .item-content .skills .skill-item {
  display: inline-block;
  padding: 5px 8px;
  font-size: 13px;
  line-height: initial;
  background-color: #eff1f8;
  border-radius: 3px;
  margin-bottom: 5px;
}
.single-team .item-box .item-content .skills .skill-item a {
  display: block;
  color: #999999;
}
.single-team .item-box .item-content .skills .skill-item a:hover {
  color: #1dae0e;
}
.single-team:hover {
  border-color: #d0d0d0;
  background: #ffffff;
}
.single-team:hover .team-content .team-title a {
  color: #1dae0e;
}
.single-team:hover .item-box {
  opacity: 1;
  padding-top: 15px;
  height: auto;
  visibility: visible;
}
.single-team.team-style-two {
  position: relative;
  border-style: solid;
  border-width: 0 1px 1px 0;
  border-color: #e5e5e5;
  border-radius: 0px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.single-team.team-style-two .team-image {
  width: 135px;
  height: 135px;
}
.single-team.team-style-two .team-content .team-title {
  font-weight: 700;
}
.single-team.team-style-two .team-content .team-headline {
  margin-bottom: 0;
}
.single-team.team-style-two .item-box {
  position: relative;
  z-index: 1;
  border-top: 0;
  padding-top: 0;
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.single-team.team-style-two .item-box .team-info-social .social-link-hover {
  margin-top: 0px;
  margin-left: 0;
  padding-left: 0;
}
.single-team.team-style-two .item-box .team-info-social .social-link-hover li {
  display: inline-block;
  padding: 0 7px;
}
.single-team.team-style-two .item-box .team-info-social .social-link-hover li a {
  display: block;
  font-size: 20px;
  color: #999;
}
.single-team.team-style-two .item-box .team-info-social .social-link-hover li a:hover {
  color: #1dae0e;
}

.all-team {
  text-align: center;
}
.all-team a {
  font-size: 16px;
  color: #1dae0e;
}

/*----------------------------------------*/
/*  20. Service CSS
/*----------------------------------------*/
.single-service .service-img {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .single-service .service-img {
    margin-bottom: 15px;
  }
}
.single-service .service-img img {
  width: 100%;
}
.single-service .service-content .title {
  font-size: 22px;
  line-height: 40px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-service .service-content .title {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .single-service .service-content .title {
    font-size: 18px;
    line-height: 36px;
  }
}
.single-service .service-content p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 15px;
}
.single-service .service-content a {
  color: #1dae0e;
}

/*----------------------------------------*/
/*  21. Banner CSS
/*----------------------------------------*/
.single-banner {
  padding: 9px 8px;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
}
.single-banner a {
  display: block;
}
.single-banner a img {
  width: 100%;
}

/*----------------------------------------*/
/*  22. Faq CSS
/*----------------------------------------*/
.faq-border {
  border-top: 1px solid #e0e0e0;
}

.faq-wrapper {
  background-color: #ffffff;
  padding: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq-wrapper {
    padding: 40px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .faq-wrapper {
    padding: 40px 20px;
  }
}

.faq-sidebar {
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .faq-sidebar {
    margin-bottom: 20px;
  }
}
.faq-sidebar .faq-sidebar-menu li {
  display: block;
}
.faq-sidebar .faq-sidebar-menu li a {
  font-size: 20px;
  font-weight: 700;
  color: #333333;
  margin-bottom: 5px;
}

.single-faq h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  margin-bottom: 10px;
}
.single-faq p {
  margin-bottom: 20px;
}
.single-faq p a {
  color: #1dae0e;
}
.single-faq ul {
  margin-left: 15px;
  margin-bottom: 15px;
  padding-left: 40px;
  list-style: inherit;
}
@media only screen and (max-width: 767px) {
  .single-faq ul {
    padding-left: 10px;
    margin-bottom: 10px;
  }
}
.single-faq ul li {
  margin-bottom: 20px;
}
.single-faq hr {
  background: linear-gradient(to left, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px));
  background-color: rgba(0, 0, 0, 0);
  background-color: transparent;
  border: none;
  height: 1px;
  overflow: visible;
  position: relative;
  margin: 30px 0;
}
.single-faq hr::before {
  background: currentColor;
  content: "";
  display: block;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 7px);
  -webkit-transform: rotate(22.5deg);
          transform: rotate(22.5deg);
  width: 1px;
}
.single-faq hr::after {
  background: currentColor;
  content: "";
  display: block;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  right: calc(50% - 7px);
  -webkit-transform: rotate(22.5deg);
          transform: rotate(22.5deg);
  width: 1px;
}

.faq-contact {
  text-align: center;
  padding-top: 35px;
}
.faq-contact p {
  color: #000;
  font-size: 17px;
  font-weight: 600;
}
.faq-contact p a {
  color: #1dae0e;
}

/*----------------------------------------*/
/*  23. Keyword CSS
/*----------------------------------------*/
.trending-keywords {
  margin-top: 10px;
}

.keywords {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.keywords.style-two .title {
  font-size: 16px;
  color: #690;
  margin-right: 10px;
  line-height: 22px;
  padding: 0;
  background-color: transparent;
  border-radius: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .keywords.style-two .title {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .keywords.style-two .title {
    margin-bottom: 10px;
  }
}
.keywords.style-two ul li a {
  font-size: 13px;
  color: #999;
  padding: 0 7px;
  border: 1px solid #e4e5ec;
  border-radius: 3px;
  margin-bottom: 4px;
  line-height: 22px;
  margin-right: 0;
}
.keywords.style-two ul li a:hover {
  color: #1dae0e;
  border-color: #1dae0e;
}
.keywords.style-three ul li a {
  font-weight: 500;
  color: #000;
  border-right: 1px solid #e0e0e0;
  margin-right: 6px;
  padding-right: 10px;
}
.keywords.style-three ul li:last-child a {
  border-right: none;
  margin-right: 0px;
  padding-right: 0px;
}
.keywords .title {
  display: inline-block;
  color: #fff;
  font-weight: 600;
  margin-right: 24px;
  background-color: #1dae0e;
  padding: 5px 10px;
  border-radius: 3px;
  line-height: 1;
  font-size: 14px;
}
.keywords ul li {
  display: inline-block;
}
.keywords ul li a {
  display: block;
  margin-right: 24px;
  color: #ffffff;
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .keywords ul li a {
    margin-right: 20px;
  }
}
.keywords ul li a:hover {
  text-decoration: underline;
}

/*----------------------------------------*/
/*  24. Login Register CSS
/*----------------------------------------*/
.login-register-form-area {
  padding: 50px 50px 50px 50px;
  padding-bottom: 110px;
  background-color: #ffffff;
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .login-register-form-area {
    padding: 30px 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .login-register-form-area {
    padding: 30px 25px;
  }
}
@media only screen and (max-width: 767px) {
  .login-register-form-area {
    padding: 30px 25px;
  }
}
.login-register-form-area .login-tab-menu {
  margin-bottom: 25px;
}
.login-register-form-area .login-tab-menu ul li {
  margin-right: 40px;
}
@media only screen and (max-width: 767px) {
  .login-register-form-area .login-tab-menu ul li {
    margin-right: 20px;
  }
}
.login-register-form-area .login-tab-menu ul li:last-child {
  margin-right: 0;
}
.login-register-form-area .login-tab-menu ul li a {
  font-size: 30px;
  line-height: 26px;
  color: #bbb;
  font-weight: 700;
  letter-spacing: -1px;
}
@media only screen and (max-width: 767px) {
  .login-register-form-area .login-tab-menu ul li a {
    font-size: 22px;
  }
}
.login-register-form-area .login-tab-menu ul li a.active, .login-register-form-area .login-tab-menu ul li a:hover {
  color: #000;
}

.single-input {
  float: left;
  width: 100%;
}
.single-input label span {
  color: #FF0000;
  vertical-align: middle;
}
.single-input input {
  width: 100%;
  padding: 10px 13px 10px 10px;
  border: 1px solid #d1d3da;
  border-radius: 3px;
  color: #444444;
  margin-bottom: 10px;
}
.single-input textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #d1d3da;
  border-radius: 3px;
  color: #444444;
  height: 150px;
  margin-bottom: 10px;
}

.checkbox-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  color: #333333;
  font-weight: 600;
  padding-top: 15px;
  margin-bottom: 25px;
}
.checkbox-input label {
  padding-left: 15px;
  display: block;
  margin-bottom: 0;
  line-height: 1;
}

.register-account {
  padding: 20px 0 20px;
  border-top: 1px solid #ddd;
}
.register-account label {
  display: inline;
  margin-left: 8px;
  font-size: 14px;
  line-height: 1;
}
.register-account label a {
  color: #1dae0e;
}

.divider {
  position: relative;
  width: 100%;
  text-align: center;
  margin-bottom: 25px;
}
.divider .line {
  width: 100%;
  background: #ddd;
  height: 1px;
  display: inline-block;
}
.divider .circle {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  width: 130px;
  height: 35px;
  display: inline-block;
  color: rgba(29, 32, 39, 0.5);
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 38%;
  margin-top: -12px;
  margin-left: -18px;
  z-index: 9;
}

.login-instruction {
  padding: 50px 160px 50px 90px;
  padding-bottom: 110px;
  border-left: 1px solid #ddd;
  background-color: #ffffff;
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .login-instruction {
    padding: 30px 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .login-instruction {
    padding: 30px 25px;
    padding-top: 0;
    border-left: none;
  }
}
@media only screen and (max-width: 767px) {
  .login-instruction {
    padding: 30px 25px;
    padding-top: 0;
    border-left: none;
  }
}
.login-instruction .login-instruction-content .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  color: #000;
  margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .login-instruction .login-instruction-content .title {
    margin-bottom: 20px;
  }
}
.login-instruction .login-instruction-content p {
  margin-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .login-instruction .login-instruction-content p {
    margin-bottom: 15px;
  }
}
.login-instruction .login-instruction-content .list-reasons {
  padding-left: 40px;
}
@media only screen and (max-width: 767px) {
  .login-instruction .login-instruction-content .list-reasons {
    padding-left: 25px;
  }
}
.login-instruction .login-instruction-content .list-reasons li {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  color: #000;
}
.login-instruction .login-instruction-content .list-reasons li::before {
  width: 7px;
  height: 18px;
  position: absolute;
  display: block;
  top: 1px;
  left: -35px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-width: 0 1px 1px 0;
  content: "";
  border-style: solid;
  color: #1dae0e;
}
.login-instruction .login-instruction-content .sale-text {
  padding: 15px 30px;
  background: #d8f9d2;
  border: 3px dashed #1dae0e;
  margin-top: 60px;
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .login-instruction .login-instruction-content .sale-text {
    margin-top: 30px;
  }
}

/*----------------------------------------*/
/*  25. Skill CSS
/*----------------------------------------*/
.skill-content {
  padding-right: 150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .skill-content {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .skill-content {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .skill-content {
    padding-right: 0;
    margin-bottom: 20px;
  }
}
.skill-content .title {
  color: #000;
  font-size: 40px;
  font-weight: 600;
  line-height: 54px;
  letter-spacing: -2.5px;
  margin: 0 0 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .skill-content .title {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .skill-content .title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
  }
}
.skill-content p {
  margin-right: 100px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .skill-content p {
    margin-right: 0;
  }
}

.single-personal-skill {
  background-color: #ffffff;
  border-style: solid;
  border-width: 0 1px 1px 0;
  border-color: #e5e5e5;
  padding: 34px 38px 40px 36px;
}
.single-personal-skill .skill-icon {
  margin-bottom: 30px;
}
.single-personal-skill .personal-skill-content .title {
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 10px;
}
.single-personal-skill .personal-skill-content p {
  font-size: 14px;
  line-height: 23px;
}

/*----------------------------------------*/
/*  26. Recruit CSS
/*----------------------------------------*/
.bg_image-recruit {
  background-image: url("../images/bg/recruit.png");
  background-position: 50% 20%;
  background-repeat: no-repeat;
  background-size: initial;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bg_image-recruit {
    background-image: url("../images/bg/bg_image--2.jpg");
    background-position: center center;
    background-repeat: repeat;
    background-size: contain;
  }
}
@media only screen and (max-width: 767px) {
  .bg_image-recruit {
    background-image: url("../images/bg/bg_image--2.jpg");
    background-position: center center;
    background-repeat: repeat;
    background-size: contain;
  }
}

.recruit-content .title {
  font-size: 36px;
  text-transform: uppercase;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .recruit-content .title {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .recruit-content .title {
    font-size: 26px;
  }
}
.recruit-content .sub-title {
  font-size: 36px;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 1.2;
  margin: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .recruit-content .sub-title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .recruit-content .sub-title {
    font-size: 24px;
  }
}
.recruit-content p {
  color: #666666;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin: 28px 0 0;
}
@media only screen and (max-width: 767px) {
  .recruit-content p {
    margin: 18px 0 0;
  }
}
.recruit-content .recruit-list {
  padding-top: 30px;
}
@media only screen and (max-width: 767px) {
  .recruit-content .recruit-list {
    padding-top: 20px;
  }
}
.recruit-content .recruit-list ul li {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .recruit-content .recruit-list ul li {
    font-size: 16px;
    line-height: 22px;
  }
}
.recruit-content .recruit-list ul li:not(:first-child) {
  margin-top: 5px;
}
.recruit-content .recruit-list ul li:not(:last-child) {
  padding-bottom: 5px;
}
.recruit-content .recruit-list ul li .list-icon i {
  color: #1dae0e;
  font-size: 18px;
}
.recruit-content .recruit-list ul li .list-text {
  color: #000;
  padding-left: 10px;
}
.recruit-content .recruit-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 479px) {
  .recruit-content .recruit-action {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 479px) {
  .recruit-content .recruit-action a {
    margin-right: 0 !important;
    margin-bottom: 15px;
  }
  .recruit-content .recruit-action a:last-child {
    margin-bottom: 0;
  }
}

/*----------------------------------------*/
/*  27. Pricing CSS
/*----------------------------------------*/
.pricing-wrapper {
  background-color: #ffffff;
  padding: 40px;
  padding-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing-wrapper {
    padding: 40px 20px;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .pricing-wrapper {
    padding: 40px 20px;
    padding-bottom: 10px;
  }
}

.pricing-plan-section .row .col-lg-3:last-child .pricing-wrap .single-pricing {
  border-right: 1px solid #e2e4ea;
}

.title-featured {
  display: block;
  color: #1dae0e;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.75em;
  padding: 3px 8px;
  background-color: #d0f7cb;
  border-radius: 3px 3px 0 0;
  width: 100%;
  text-align: center;
}

.pricing-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.single-pricing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 30px 22px 40px;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  border-color: #e2e4ea;
  background-color: #fff;
  text-align: center;
  min-height: 563px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-pricing {
    padding: 30px 17px 40px;
  }
}
@media only screen and (max-width: 575px) {
  .single-pricing {
    border: 1px solid #e2e4ea;
  }
}
.single-pricing.recommended-pricing {
  background-color: #f2f5fc;
}
.single-pricing .item-header {
  margin-bottom: 35px;
}
.single-pricing .item-header .title {
  font-size: 22px;
  line-height: 33px;
  font-weight: 700;
  margin-bottom: 0;
}
.single-pricing .item-header .sub-title {
  color: #666666;
}
.single-pricing .price-table-tag {
  background-color: #f2f5fc;
  line-height: normal;
  padding: 19px 10px 19px;
  margin-bottom: 40px;
}
.single-pricing .price-table-tag .price-tag {
  margin-bottom: 2px;
}
.single-pricing .price-table-tag .price-tag .pricing-price-amount {
  display: inline-block;
  font-size: 40px;
  font-weight: 700;
  color: #690;
  line-height: 1;
}
.single-pricing .price-table-tag .price-tag .pricing-price-amount .currency {
  position: relative;
  font-size: 23px;
  top: -14px;
  right: -3px;
}
.single-pricing .price-table-tag .price-tag .price-period {
  font-size: 16px;
  color: #666666;
}
.single-pricing .price-table-feature {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.single-pricing .price-table-feature ul {
  line-height: initial;
}
.single-pricing .price-table-feature ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 18px;
  text-align: left;
}
.single-pricing .price-table-feature ul li:last-child {
  margin-bottom: 0;
}
.single-pricing .price-table-feature ul li i {
  color: #1dae0e;
  margin-right: 8px;
}
.single-pricing .item_button {
  margin-top: 40px;
}

/*----------------------------------------*/
/*  28. Company History CSS
/*----------------------------------------*/
.action {
  width: calc(100% - 160px);
  margin: 50px auto;
  margin-top: -55px;
  text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .action {
    width: calc(100% - 135px);
  }
}
@media only screen and (max-width: 767px) {
  .action {
    display: none;
  }
}
.action a {
  margin-right: 12%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .action a {
    margin-right: 85px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .action a {
    margin-right: 35px;
  }
}

.company-history-slider.slick-slider .slick-dots {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-center;
      -ms-flex-pack: flex-center;
          justify-content: flex-center;
  border-top: 5px solid #ccc;
  width: calc(100% - 200px);
  margin: 50px auto;
}
@media only screen and (max-width: 767px) {
  .company-history-slider.slick-slider .slick-dots {
    width: 100%;
    margin: 0;
    margin-top: 30px;
    border: none;
  }
}
.company-history-slider.slick-slider .slick-dots li {
  margin-right: 14%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .company-history-slider.slick-slider .slick-dots li {
    margin-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .company-history-slider.slick-slider .slick-dots li {
    margin-right: 10px;
  }
}
.company-history-slider.slick-slider .slick-dots li:last-child {
  margin-right: 0;
}
.company-history-slider.slick-slider .slick-dots li button {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background: #ffffff;
  float: left;
  margin-top: -3px;
  border-radius: 50%;
}
.company-history-slider.slick-slider .slick-dots li button::before {
  width: 19px;
  height: 19px;
  border: 1px solid #d8d8d8;
  content: "";
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
}
.company-history-slider.slick-slider .slick-dots li button::after {
  width: 9px;
  height: 9px;
  background: #d8d8d8;
  content: "";
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
}
.company-history-slider.slick-slider .slick-dots li.slick-active button::before {
  border: 1px solid #1dae0e;
}
.company-history-slider.slick-slider .slick-dots li.slick-active button::after {
  background: #1dae0e;
}

.single-company-history {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 56px 100px 41px;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-company-history {
    padding: 56px 30px 41px;
  }
}
@media only screen and (max-width: 767px) {
  .single-company-history {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 25px;
  }
}
.single-company-history .item-avatar {
  margin-right: 36px;
  margin-top: 7px;
}
.single-company-history .item-avatar img {
  border-radius: 50%;
  min-width: 90px;
}
.single-company-history .item-meta {
  margin-bottom: 10px;
}
.single-company-history .item-meta .name {
  font-size: 13px;
  font-weight: 600;
  color: #1dae0e;
  margin-bottom: 10px;
}
.single-company-history .item-meta .item-comment {
  color: #333333;
  font-size: 16px;
  font-weight: 600;
}

.single-sponsors {
  background-color: #ffffff;
  padding: 60px 100px;
}
@media only screen and (max-width: 767px) {
  .single-sponsors {
    padding: 25px;
  }
}
.single-sponsors .item-comment {
  color: #000;
  font-size: 17px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: -0.5px;
  padding-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  .single-sponsors .item-comment {
    padding-bottom: 20px;
  }
}
.single-sponsors .item-meta .text {
  color: #807d7d;
}
.single-sponsors .item-meta .text .name {
  font-size: 15px;
  font-weight: 700;
  color: #1dae0e;
}

/*----------------------------------------*/
/*  29. Brand CSS
/*----------------------------------------*/
.brand-title {
  text-align: center;
}
.brand-title p {
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: -0.6px;
}
.brand-title p span {
  color: #000;
}

.brand-section .row .col-xl-2:last-child .single-brand.right-border {
  border-right: 0;
}

.brand-heading {
  padding: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand-heading {
    padding: 0;
  }
}
.brand-heading h3 {
  color: #605e5e;
  font-size: 28px;
  font-weight: 700;
  text-transform: none;
  line-height: 28px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand-heading h3 {
    font-size: 20px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .brand-heading h3 {
    text-align: center;
  }
}
.brand-heading h4 {
  color: #999;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .brand-heading h4 {
    text-align: center;
  }
}

.single-brand {
  padding: 15px;
  text-align: center;
}
.single-brand.right-border {
  border-style: solid;
  border-width: 0 1px 0 0;
  border-color: #f1f1f1;
}
@media only screen and (max-width: 767px) {
  .single-brand.right-border {
    border-right: 0;
  }
}
.single-brand a {
  display: block;
}

/*----------------------------------------*/
/*  30. Product CSS
/*----------------------------------------*/
.archive-shop-inner .nice-select {
  float: right;
  width: 250px;
}

.single-product .product-image {
  position: relative;
  margin: 0 0 18px;
}
.single-product .product-image a {
  display: block;
}
.single-product .product-image a img {
  width: 100%;
}
.single-product .product-image .onsale {
  position: absolute;
  top: 16px;
  left: 16px;
  right: auto;
  margin: 0;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
  background-color: #1dae0e;
  padding: 5px 10px;
  border-radius: 4px;
}
.single-product .product-image .add-to-cart {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: #333333;
  text-transform: none;
  padding: 0 20px;
  width: 150px;
  height: 46px;
  line-height: 46px;
  background: #ffffff;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  margin: 0 auto;
  visibility: hidden;
  opacity: 0;
}
.single-product .product-image .add-to-cart:hover {
  background-color: #1dae0e;
  color: #ffffff;
}
.single-product .product-content .title {
  font-size: 20px;
  line-height: 1.2;
  text-transform: none;
  margin: 25px 0 15px;
  font-weight: 700;
  padding: 0;
}
.single-product .product-content .ratting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin-bottom: 5px;
}
.single-product .product-content .ratting i {
  font-size: 14px;
  line-height: 18px;
  margin-right: 5px;
  color: #fab702;
}
.single-product .product-content .price {
  line-height: 1;
  margin: 0;
}
.single-product .product-content .price span.old {
  opacity: 0.5;
  display: inline-block;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  text-decoration: line-through;
  margin-right: 5px;
}
.single-product .product-content .price span.new {
  font-size: 18px;
  line-height: 30px;
  color: #ff3434;
  font-weight: 700;
}
.single-product:hover .product-image .add-to-cart {
  -webkit-transform: translateY(-24px);
          transform: translateY(-24px);
  visibility: visible;
  opacity: 1;
}

/*-- Product Details --*/
.product-details .product-inner .product-image-slider {
  margin-bottom: 10px;
}
.product-details .product-inner .product-image-slider .item a {
  display: block;
}
.product-details .product-inner .product-thumb-slider {
  margin: -5px;
}
.product-details .product-inner .product-thumb-slider .item {
  padding: 5px;
}
.product-details .product-inner .product-thumb-slider .item img {
  width: 100%;
  border: 1px solid #f1f2f3;
}
.product-details .product-inner .content .title {
  font-size: 38px;
  line-height: 1;
  font-weight: 700;
  margin: 0 0 30px;
}
@media only screen and (max-width: 767px) {
  .product-details .product-inner .content .title {
    font-size: 28px;
    margin-bottom: 15px;
  }
}
.product-details .product-inner .content .price {
  line-height: 1;
  margin-bottom: 20px;
}
.product-details .product-inner .content .price span.old {
  opacity: 0.5;
  display: inline-block;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  text-decoration: line-through;
  margin-right: 5px;
}
.product-details .product-inner .content .price span.new {
  font-size: 18px;
  line-height: 30px;
  color: #ff3434;
  font-weight: 700;
}
.product-details .product-inner .content .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 30px;
}
.product-details .product-inner .content .actions .pro-qty {
  text-align: center;
  border: 1px solid #eeeeee;
}
.product-details .product-inner .content .actions .pro-qty .qtybtn {
  height: 42px;
  padding: 0 10px;
  border: none;
  background-color: transparent;
}
.product-details .product-inner .content .actions .pro-qty input {
  height: 42px;
  width: 50px;
  text-align: center;
  border-width: 0 1px;
  border-style: solid;
  border-color: #eeeeee;
  color: #666666;
}
.product-details .product-inner .content .actions .add-to-cart {
  font-size: 16px;
  text-align: center;
  font-weight: 600;
  color: #ffffff;
  text-transform: none;
  padding: 0 20px;
  width: 160px;
  height: 46px;
  line-height: 46px;
  background: #1dae0e;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  margin-left: 10px;
}
.product-details .product-inner .content .actions .add-to-cart:hover {
  background-color: #333333;
}
@media only screen and (max-width: 479px) {
  .product-details .product-inner .content .actions .add-to-cart {
    margin-left: 0;
    margin-top: 15px;
  }
}

.product-details-tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -15px 30px;
}
.product-details-tab-list li {
  padding: 0 15px;
}
.product-details-tab-list li a {
  line-height: 1;
  display: block;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
  color: #333333;
  padding-bottom: 5px;
  border-bottom: 2px solid transparent;
  border-bottom-color: transparent;
  text-decoration: none;
}
.product-details-tab-list li a.active {
  border-color: #1dae0e;
}

.review-form h4 {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 30px;
}
.review-form input {
  width: 100%;
  height: 50px;
  border: 1px solid #ece8eb;
  padding: 5px 20px;
}
.review-form textarea {
  width: 100%;
  height: 170px;
  border: 1px solid #ece8eb;
  padding: 10px 20px;
  resize: none;
}

.ratting-wrap h5 {
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 15px;
}
.ratting-wrap .ratting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin-bottom: 5px;
}
.ratting-wrap .ratting i {
  font-size: 14px;
  line-height: 18px;
  margin-right: 5px;
  color: #fab702;
}

/*---------------------------------------
    31. Cart CSS
-----------------------------------------*/
/*-- Cart Table --*/
.cart-table .table {
  border-bottom: 2px solid #333333;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .cart-table .table {
    border-top: 2px solid #333333;
  }
}
.cart-table .table thead {
  background-color: #333333;
}
@media only screen and (max-width: 767px) {
  .cart-table .table thead {
    display: none;
  }
}
.cart-table .table thead tr th {
  text-align: center;
  border: none;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  padding: 12px 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-table .table thead tr th {
    padding: 12px 12px;
    min-width: 200px;
  }
}
.cart-table .table tbody tr td {
  text-align: center;
  border: none;
  padding: 25px 20px;
  vertical-align: middle;
  border-bottom: 1px solid #dddddd;
}
@media only screen and (max-width: 767px) {
  .cart-table .table tbody tr td {
    display: block;
    width: 100%;
    max-width: none;
    padding: 15px;
    text-align: left;
  }
}

.cart-table th.pro-thumbnail, .cart-table td.pro-thumbnail {
  max-width: 120px;
  min-width: 100px;
  width: 120px;
}
@media only screen and (max-width: 767px) {
  .cart-table th.pro-thumbnail a, .cart-table td.pro-thumbnail a {
    width: 120px;
  }
}
.cart-table th.pro-title, .cart-table td.pro-title {
  min-width: 200px;
}
.cart-table td.pro-thumbnail a {
  display: block;
  border: 1px solid #eeeeee;
}
.cart-table td.pro-thumbnail a img {
  width: 100%;
  background-color: #f6f7f8;
}
.cart-table td.pro-title a {
  font-size: 16px;
  font-weight: 600;
  color: #444444;
}
.cart-table td.pro-title a:hover {
  color: #1dae0e;
}
.cart-table td.pro-price span {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #444444;
}
.cart-table td.pro-quantity .pro-qty {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  border: 1px solid #eeeeee;
}
.cart-table td.pro-quantity .pro-qty .qtybtn {
  height: 42px;
  padding: 0 10px;
  border: none;
  background-color: transparent;
}
.cart-table td.pro-quantity .pro-qty input {
  height: 42px;
  width: 50px;
  text-align: center;
  border-width: 0 1px;
  border-style: solid;
  border-color: #eeeeee;
  color: #444444;
}
.cart-table td.pro-subtotal span {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #444444;
}
.cart-table td.pro-stock span.in-stock {
  font-size: 14px;
  text-transform: capitalize;
  color: #30b878;
}
.cart-table td.pro-stock span.out-stock {
  color: #EB3E32;
}
.cart-table td.pro-remove a {
  display: block;
  font-weight: 600;
  color: #444444;
}
.cart-table td.pro-remove a i {
  font-size: 15px;
}
.cart-table td.pro-remove a:hover {
  color: #ff0000;
}
@media only screen and (max-width: 767px) {
  .cart-table td.pro-remove a {
    width: 60px;
    text-align: center;
  }
}

/*-- Calculate Shipping --*/
.calculate-shipping {
  margin-bottom: 23px;
}
.calculate-shipping h4 {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 30px;
}
.calculate-shipping form .nice-select {
  width: 100%;
  border-radius: 0;
  height: 55px;
  border: 1px solid #999999;
  line-height: 40px;
  padding: 9px 20px;
  color: #444444;
  background-color: transparent;
}
.calculate-shipping form input {
  width: 100%;
  height: 55px;
  border: 1px solid #999999;
  line-height: 24px;
  padding: 9px 20px;
  color: #444444;
  color: #444444;
  background-color: transparent;
}
.calculate-shipping form input[type=submit] {
  font-weight: 700;
  color: #333333;
  background-color: #1dae0e;
  border-color: #1dae0e;
  width: 140px;
}
.calculate-shipping form input[type=submit]:hover {
  background-color: #333333;
  border-color: #333333;
  color: #1dae0e;
}

/*-- Discount Coupon --*/
.discount-coupon h4 {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 30px;
}
.discount-coupon form input {
  width: 100%;
  height: 55px;
  border: 1px solid #999999;
  line-height: 24px;
  padding: 9px 20px;
  color: #444444;
  background-color: transparent;
}
.discount-coupon form input[type=submit] {
  font-weight: 700;
  color: #333333;
  background-color: #1dae0e;
  border-color: #1dae0e;
  width: 140px;
}
.discount-coupon form input[type=submit]:hover {
  background-color: #333333;
  border-color: #333333;
  color: #1dae0e;
}

/*-- Cart Summary --*/
.cart-summary {
  float: right;
  max-width: 410px;
  width: 100%;
  margin-left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-summary {
    margin-left: 0;
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .cart-summary {
    margin-left: 0;
    max-width: 100%;
  }
}
.cart-summary .cart-summary-wrap {
  background-color: #f5f5f5;
  padding: 45px 50px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 575px) {
  .cart-summary .cart-summary-wrap {
    padding: 25px 30px;
  }
}
.cart-summary .cart-summary-wrap h4 {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 30px;
  color: #333333;
}
.cart-summary .cart-summary-wrap p {
  font-weight: 600;
  line-height: 23px;
  color: #333333;
}
.cart-summary .cart-summary-wrap p span {
  float: right;
}
.cart-summary .cart-summary-wrap h2 {
  border-top: 1px solid #333333;
  padding-top: 9px;
  font-size: 18px;
  line-height: 23px;
  font-weight: 600;
  color: #333333;
  margin: 0;
}
.cart-summary .cart-summary-wrap h2 span {
  float: right;
}
.cart-summary .cart-summary-button {
  overflow: hidden;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-summary .cart-summary-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .cart-summary .cart-summary-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.cart-summary .cart-summary-button button {
  margin-top: 10px;
  width: 140px;
  border-radius: 0;
  height: 44px;
  line-height: 24px;
  padding: 9px 20px;
  margin-left: 20px;
  float: right;
}
@media only screen and (max-width: 767px) {
  .cart-summary .cart-summary-button button {
    padding: 9px 16px;
  }
}
.cart-summary .cart-summary-button button:last-child {
  margin-left: 0;
}
.cart-summary .cart-summary-button button.checkout-btn {
  color: #333333;
  background-color: #1dae0e;
  border-color: #1dae0e;
}
.cart-summary .cart-summary-button button:hover {
  background-color: #1dae0e;
  border-color: #1dae0e;
  color: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-summary .cart-summary-button button {
    margin-left: 0;
    margin-right: 20px;
  }
  .cart-summary .cart-summary-button button:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .cart-summary .cart-summary-button button {
    margin-left: 0;
    margin-right: 10px;
  }
  .cart-summary .cart-summary-button button:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 575px) {
  .cart-summary .cart-summary-button button {
    width: 130px;
  }
}

/*---------------------------------------
    32. Checkout CSS
-----------------------------------------*/
/*-- Checkout Title --*/
.checkout-title {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 30px;
}

/*-- Checkout Form --*/
.checkout-form label {
  display: block;
  font-size: 14px;
  margin-bottom: 12px;
  font-weight: 600;
  text-transform: capitalize;
}
.checkout-form .nice-select {
  width: 100%;
  background-color: transparent;
  border: 1px solid #999999;
  border-radius: 0;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  height: 45px;
  color: #444444;
  margin-bottom: 15px;
}
.checkout-form input {
  width: 100%;
  background-color: transparent;
  border: 1px solid #999999;
  border-radius: 0;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  color: #444444;
  margin-bottom: 15px;
}
.checkout-form input[type=checkbox] {
  width: auto;
}
.checkout-form .check-box {
  float: left;
  margin-right: 70px;
}
@media only screen and (max-width: 575px) {
  .checkout-form .check-box {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .checkout-form .check-box {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.checkout-form .check-box:last-child {
  margin-right: 0;
}
.checkout-form .check-box input[type=checkbox] {
  display: none;
}
.checkout-form .check-box input[type=checkbox] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  margin: 0;
}
.checkout-form .check-box input[type=checkbox] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid #999999;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.checkout-form .check-box input[type=checkbox] + label::after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "\e802";
  font-family: "Linearicons-Free";
  font-size: 12px;
  line-height: 20px;
  opacity: 0;
  color: #333333;
  width: 20px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.checkout-form .check-box input[type=checkbox]:checked + label::before {
  border: 2px solid #333333;
}
.checkout-form .check-box input[type=checkbox]:checked + label::after {
  opacity: 1;
}

/*-- Shipping Form --*/
#shipping-form {
  display: none;
}

/*-- Checkout Cart Total --*/
.checkout-cart-total {
  background-color: #f5f5f5;
  padding: 45px;
}
@media only screen and (max-width: 575px) {
  .checkout-cart-total {
    padding: 30px;
  }
}
.checkout-cart-total h4 {
  -ms-flex-preferred-size: 18px;
      flex-basis: 18px;
  line-height: 23px;
  font-weight: 600;
  color: #333333;
}
.checkout-cart-total h4:first-child {
  margin-top: 0;
  margin-bottom: 25px;
}
.checkout-cart-total h4:last-child {
  margin-top: 15px;
  margin-bottom: 0;
}
.checkout-cart-total h4 span {
  float: right;
  display: block;
}
.checkout-cart-total ul {
  border-bottom: 1px solid #333333;
}
.checkout-cart-total ul li {
  color: #333333;
  font-size: 14px;
  line-height: 23px;
  font-weight: 600;
  display: block;
  margin-bottom: 16px;
}
.checkout-cart-total ul li span {
  color: #333333;
  float: right;
}
.checkout-cart-total p {
  line-height: 30px;
  font-weight: 600;
  color: #333333;
  padding: 10px 0;
  border-bottom: 1px solid #333333;
  margin: 0;
}
.checkout-cart-total p span {
  float: right;
}

/*-- Checkout Payment Method --*/
.checkout-payment-method {
  background-color: #f5f5f5;
  padding: 45px;
}
@media only screen and (max-width: 575px) {
  .checkout-payment-method {
    padding: 30px;
  }
}

/*-- Single Payment Method --*/
.single-method {
  margin-bottom: 20px;
}
.single-method:last-child {
  margin-bottom: 0;
}
.single-method input[type=radio] {
  display: none;
}
.single-method input[type=radio] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  margin: 0;
}
.single-method input[type=radio] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid #333333;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-method input[type=radio] + label::after {
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
  content: "";
  opacity: 0;
  background-color: #1dae0e;
  width: 10px;
  text-align: center;
  height: 10px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-method input[type=radio]:checked + label::before {
  border: 2px solid #1dae0e;
}
.single-method input[type=radio]:checked + label::after {
  opacity: 1;
}
.single-method input[type=checkbox] {
  display: none;
}
.single-method input[type=checkbox] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  margin: 0;
}
.single-method input[type=checkbox] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  display: block;
  border: 2px solid #333333;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-method input[type=checkbox] + label::after {
  position: absolute;
  left: 4px;
  top: 4px;
  display: block;
  content: "";
  opacity: 0;
  background-color: #1dae0e;
  width: 8px;
  text-align: center;
  height: 8px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-method input[type=checkbox]:checked + label::before {
  border: 2px solid #1dae0e;
}
.single-method input[type=checkbox]:checked + label::after {
  opacity: 1;
}
.single-method p {
  display: none;
  margin-top: 8px;
  color: #333333;
  line-height: 23px;
}

/*-- Place Order --*/
.place-order {
  margin-top: 40px;
  float: left;
}

/*----------------------------------------*/
/*  33. Blog CSS
/*----------------------------------------*/
.blog-gallery-slider.slick-slider .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 9;
  border: none;
  background-color: #ffffff;
  color: #ffffff;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border: 1px solid #ffffff;
  text-align: center;
  opacity: 1;
}
.blog-gallery-slider.slick-slider .slick-arrow i {
  font-size: 20px;
  line-height: 20px;
  display: block;
  color: #333333;
}
.blog-gallery-slider.slick-slider .slick-arrow.slick-prev {
  left: 20px;
}
.blog-gallery-slider.slick-slider .slick-arrow.slick-next {
  right: 20px;
}
.blog-gallery-slider.slick-slider .slick-arrow:hover {
  border-color: #1dae0e;
  background-color: #1dae0e;
}
.blog-gallery-slider.slick-slider .slick-arrow:hover i {
  color: #ffffff;
}
.blog-gallery-slider.slick-slider:hover .slick-arrow.slick-prev {
  margin-left: 0px;
}
.blog-gallery-slider.slick-slider:hover .slick-arrow.slick-next {
  margin-right: 0px;
}

.blog-bg-image {
  background-color: #ffffff;
  background-image: url("../images/bg/blog-bg-4.png");
  background-position: -195px 0;
  background-repeat: no-repeat;
  background-size: auto;
}

.single-blog {
  -webkit-box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);
          box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  height: 100%;
}
.single-blog .blog-image {
  position: relative;
}
.single-blog .blog-image .blog-cat {
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 0 7px;
  border-radius: 3px;
  color: #ffffff;
  background-color: #1dae0e;
}
.single-blog .blog-image .blog-cat a {
  display: inline-block;
  font-weight: 700;
  color: #ffffff;
  font-size: 14px;
}
.single-blog .blog-content {
  padding: 25px 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-blog .blog-content {
    padding: 25px 10px;
  }
}
.single-blog .blog-content .title {
  font-size: 19px;
  font-weight: 600;
  line-height: 28px;
}
.single-blog .blog-content .blog-meta {
  margin-bottom: 12px;
}
.single-blog .blog-content .blog-meta p {
  position: relative;
  display: inline-block;
  margin: 0 12px 0 0;
  padding-right: 12px;
  font-size: 14px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-blog .blog-content .blog-meta p {
    font-size: 13px;
    margin: 0 8px 0 0;
    padding-right: 8px;
  }
}
.single-blog .blog-content .blog-meta p i {
  margin-right: 5px;
  color: #aaa;
  font-weight: 600;
}
.single-blog .blog-content .blog-meta p::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  width: 1px;
  height: 65%;
  background-color: #e5e5e5;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.single-blog .blog-content .blog-meta p:last-child {
  margin-right: 0;
  padding-right: 0;
}
.single-blog .blog-content .blog-meta p:last-child::after {
  display: none;
}
.single-blog .blog-content p {
  margin-bottom: 20px;
}
.single-blog .blog-content .read-more {
  font-size: 15px;
  display: inline-block;
  line-height: 24px;
  font-weight: 600;
}
.single-blog .blog-content .read-more i {
  font-size: 10px;
  font-weight: 700;
}
.single-blog:hover {
  -webkit-box-shadow: 0 0 20px 3px rgba(71, 85, 95, 0.2);
          box-shadow: 0 0 20px 3px rgba(71, 85, 95, 0.2);
}

.blog-area {
  padding: 85px 15px 50px 68px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-area {
    padding: 85px 0px 50px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-area {
    padding: 20px 0px 0px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-area {
    padding: 20px 0px 0px;
  }
}

.single-list-blog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e2e2e2;
  padding: 20px 0;
}
@media only screen and (max-width: 767px) {
  .single-list-blog {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.single-list-blog .blog-image {
  width: 140px;
  margin-right: 38px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media only screen and (max-width: 767px) {
  .single-list-blog .blog-image {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.single-list-blog .blog-content .blog-meta {
  margin-bottom: 8px;
}
.single-list-blog .blog-content .blog-meta p {
  position: relative;
  display: inline-block;
  margin: 0 12px 0 0;
  padding-right: 12px;
  font-size: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-list-blog .blog-content .blog-meta p {
    font-size: 13px;
    margin: 0 8px 0 0;
    padding-right: 8px;
  }
}
.single-list-blog .blog-content .blog-meta p i {
  margin-right: 5px;
  color: #aaa;
  font-weight: 600;
}
.single-list-blog .blog-content .blog-meta p .author {
  color: #1dae0e;
}
.single-list-blog .blog-content .blog-meta p::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  width: 1px;
  height: 65%;
  background-color: #e5e5e5;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.single-list-blog .blog-content .blog-meta p:last-child {
  margin-right: 0;
  padding-right: 0;
}
.single-list-blog .blog-content .blog-meta p:last-child::after {
  display: none;
}
.single-list-blog .blog-content .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  margin-bottom: 0;
}

.blog-wrap .single-list-blog:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.all-articale {
  text-align: left;
  margin-top: 30px;
}
.all-articale a {
  color: #1dae0e;
  display: block;
}

.blog-wrapper {
  padding: 40px;
  background-color: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-wrapper {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .blog-wrapper {
    padding: 40px 15px;
    padding-bottom: 0;
  }
}

.single-blog-post .blog-image {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .single-blog-post .blog-image {
    margin-bottom: 15px;
  }
}
.single-blog-post .blog-content .post-meta {
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .single-blog-post .blog-content .post-meta {
    margin-bottom: 15px;
  }
}
.single-blog-post .blog-content .post-meta li {
  display: inline-block;
  margin-right: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-blog-post .blog-content .post-meta li {
    margin-right: 10px;
    padding-right: 10px;
  }
}
.single-blog-post .blog-content .post-meta li:last-child {
  margin-right: 0;
  padding-right: 0;
}
.single-blog-post .blog-content .post-meta li .feature-post {
  color: #ffffff;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 3px;
  line-height: 16px;
  text-transform: capitalize;
  background: #ff2626;
  letter-spacing: 0.5px;
  position: relative;
  top: -1px;
}
.single-blog-post .blog-content .post-meta li i {
  margin-right: 5px;
}
.single-blog-post .blog-content .post-meta li a {
  font-size: 16px;
  line-height: 30px;
  color: #444444;
}
.single-blog-post .blog-content .title {
  font-size: 32px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .single-blog-post .blog-content .title {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
.single-blog-post .blog-content .title-two {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0px;
}
.single-blog-post .blog-content p {
  margin-bottom: 25px;
}
.single-blog-post .blog-content blockquote {
  padding: 25px 25px 25px 40px;
  margin: 40px 0;
  color: #333;
  border-left: 4px solid #1dae0e;
  background: #f5f5f5;
}
.single-blog-post .blog-content blockquote p i {
  font-size: 26px;
  padding-right: 15px;
}
.single-blog-post .blog-content .blog-dt-list {
  margin-left: 15px;
  margin-bottom: 15px;
  padding-left: 40px;
  list-style: inherit;
}

.post-tags {
  border: 1px dashed #e2e4ea;
  border-left: none;
  border-right: none;
  padding: 15px 0 10px;
}
.post-tags ul li {
  display: inline-block;
  font-weight: 700;
  font-size: 16px;
  margin: 0 5px 5px;
  color: #333333;
  position: relative;
  top: 2px;
}
.post-tags ul li a {
  display: inline-block;
  color: #555;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  border-radius: 3px;
  padding: 7px 12px;
  margin: 0 5px 5px 0;
  background: #eff1f8;
}
.post-tags ul li a:hover {
  color: #1dae0e;
}

.post-author-info {
  padding: 50px 65px;
  border-radius: 5px;
  background: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .post-author-info {
    display: block;
    padding: 25px;
  }
}
.post-author-info .author-image {
  min-width: 90px;
  margin-right: 45px;
}
@media only screen and (max-width: 767px) {
  .post-author-info .author-image {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.post-author-info .author-image img {
  width: 90px;
  border-radius: 50%;
}
.post-author-info .author-info .author-name {
  color: #222;
  font-size: 18px;
  line-height: 32px;
  font-weight: 700;
  display: block;
  margin-bottom: 8px;
}
.post-author-info .author-info p {
  margin-bottom: 0;
}

.post-navigation {
  padding: 40px 0;
  border-top: 1px solid #e2e4ea;
  border-bottom: 1px solid #e2e4ea;
}
.post-navigation .prev-post a {
  display: inline-block;
  font-size: 16px;
  color: #333333;
  font-weight: 600;
}
.post-navigation .prev-post a .text {
  display: block;
  text-transform: uppercase;
  color: #999;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
}
.post-navigation .prev-post a .text i {
  margin-right: 15px;
}
.post-navigation .prev-post a .title {
  line-height: 1.3;
  display: inline-block;
  word-break: break-word;
}
.post-navigation .prev-post a:hover {
  text-decoration: none;
}
.post-navigation .prev-post a:hover .title {
  color: #1dae0e;
}
.post-navigation .next-post a {
  display: inline-block;
  font-size: 16px;
  color: #333333;
  font-weight: 600;
  text-align: right;
}
.post-navigation .next-post a .text {
  display: block;
  text-transform: uppercase;
  color: #999;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
}
.post-navigation .next-post a .text i {
  margin-left: 15px;
}
.post-navigation .next-post a .title {
  line-height: 1.3;
  display: inline-block;
  word-break: break-word;
}
.post-navigation .next-post a:hover {
  text-decoration: none;
}
.post-navigation .next-post a:hover .title {
  color: #1dae0e;
}

.related-post {
  padding-bottom: 30px;
  border-bottom: 1px solid #e2e4ea;
}
.related-post .title {
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 35px;
}

/*----------------------------------------*/
/*  34. CTA CSS
/*----------------------------------------*/
.mt--275 {
  margin-top: -275px;
}

.height-100vh {
  height: 100vh;
}

.bg-image-cta {
  background-image: url("../images/bg/Vector-Smart-Object3.png");
  background-position: 232px 0;
  background-repeat: no-repeat;
  padding-bottom: 420px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .bg-image-cta {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bg-image-cta {
    padding-bottom: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bg-image-cta {
    padding-bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .bg-image-cta {
    padding-bottom: 0px;
  }
}

.cta-info {
  text-align: center;
}
.cta-info span {
  font-size: 15px;
  line-height: 28px;
  font-weight: 400;
  /*text-transform: uppercase;*/
  margin-bottom: 7px;
  display: block;
}
.cta-info h3 {
  font-size: 35px;
  line-height: 45px;
  font-weight: 700;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .cta-info h3 {
    font-size: 22px;
    line-height: 28px;
  }
}
.cta-info p {
  font-size: 15px;
  line-height: 24px;
}
.cta-info a {
  margin: 36px 0 40px;
}
@media only screen and (max-width: 767px) {
  .cta-info a {
    margin: 36px 0 20px;
  }
}
.cta-info a i {
  font-size: 23px;
  line-height: 24px;
  margin-right: 10px;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .call-content {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .call-content {
    margin-bottom: 30px;
  }
}
.call-content .title {
  font-size: 30px;
  text-transform: uppercase;
  color: #ffffff;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .call-content .title {
    font-size: 26px;
  }
}
.call-content .title span {
  font-weight: 300;
}
.call-content p {
  font-size: 16px;
  line-height: 1;
  color: #ffffff;
  margin-bottom: 0;
}

.cta-content .title {
  color: #000;
  font-size: 44px;
  line-height: 60px;
  letter-spacing: -2.5px;
  font-weight: 700;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-content .title {
    font-size: 38px;
    line-height: 50px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .cta-content .title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
  }
}

/*----------------------------------------*/
/*  35. Comment CSS
/*----------------------------------------*/
.comment-wrapper .title {
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 35px;
}

.comment-form input {
  width: 100%;
  border: 1px solid #e2e4ea;
  padding: 8px 20px;
  height: auto;
  line-height: 30px;
  border-radius: 4px;
}
.comment-form textarea {
  width: 100%;
  height: 150px;
  border: 1px solid #e2e4ea;
  padding: 12px 20px;
  border-radius: 4px;
  line-height: 28px;
}

.review-container .title {
  color: #333333;
  font-size: 24px;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 25px;
}

.review-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #e2e2e2;
  padding: 40px 35px 32px 40px;
}
@media only screen and (max-width: 767px) {
  .review-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 20px;
  }
}
.review-content .review-avatar {
  width: 80px;
  height: 80px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-radius: 50%;
  overflow: hidden;
}
.review-content .review-details {
  width: 100%;
  padding-left: 40px;
}
@media only screen and (max-width: 767px) {
  .review-content .review-details {
    padding-left: 0;
    margin-top: 20px;
  }
}
.review-content .review-details .review-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .review-content .review-details .review-title {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.review-content .review-details .review-title .title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 0;
}
.review-content .review-details .review-title .rate-content .star {
  color: #ffbf02;
}
.review-content .review-details .review-title .rate-content .star i {
  font-size: 13px;
  margin: 0 -3px;
}
.review-content .review-details .meta {
  margin-bottom: 20px;
}
.review-content .review-details .meta ul li {
  display: inline-block;
  line-height: 18px;
  margin: 0 10px 0 0;
  padding-right: 10px;
  border-right: 1px solid #ccc;
}
.review-content .review-details .meta ul li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}
.review-content .review-details .review-des p {
  line-height: 24px;
  margin-bottom: 0;
}

/*---------------------------------------
   36. Sidebar CSS
-----------------------------------------*/
/*-- Sidebar --*/
.sidebar-wrapper {
  padding: 40px;
  background-color: #ffffff;
  float: left;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .sidebar-wrapper {
    padding: 40px 15px;
  }
}

.sidebar-wrapper-two {
  padding: 30px 0;
  background-color: #ffffff;
  float: left;
  width: 100%;
}

.common-sidebar-widget {
  border-bottom: 1px solid #eee;
  margin-bottom: 45px;
  padding-bottom: 45px;
  float: left;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .common-sidebar-widget {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .common-sidebar-widget {
    margin-bottom: 30px;
  }
}
.common-sidebar-widget.sidebar-two {
  padding: 0 30px;
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.common-sidebar-widget.sidebar-three {
  border-bottom: 0;
  margin-bottom: 30px;
  padding-bottom: 25px;
}
.common-sidebar-widget.sidebar-four {
  padding-bottom: 25px;
  border-bottom: 1px solid #eee;
}
.common-sidebar-widget.sidebar-five {
  background-color: #f5f5f5;
  padding: 27px;
  padding-bottom: 27px !important;
}
.common-sidebar-widget:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

/*-- Sidebar Title --*/
.sidebar-title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 25px;
}

/*-- Sidebar Search --*/
.sidebar-search-form form {
  position: relative;
}
.sidebar-search-form form input {
  width: 100%;
  outline: none;
  border: 1px solid #dddddd;
  border-radius: 5px;
  background-color: #ffffff;
  height: 45px;
  padding: 10px 85px 10px 15px;
}
.sidebar-search-form form button {
  position: absolute;
  top: 5px;
  right: 5px;
}

.sidebar-search-form-two .input-group {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}
.sidebar-search-form-two .input-group input {
  width: 100%;
  background: #ffffff;
  border: 1px solid #d1d3da;
  border-radius: 3px;
  padding: 7px 16px 7px 35px;
  font-size: 14px;
  line-height: 30px;
  color: #999;
  font-weight: 400;
}
.sidebar-search-form-two .input-group i {
  position: absolute;
  width: auto;
  top: 50%;
  left: 16px;
  bottom: auto;
  right: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #999;
}

/*-- Sidebar Location --*/
.sidebar-location-form .input-group {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}
.sidebar-location-form .input-group input {
  width: 100%;
  background: #ffffff;
  border: 1px solid #ece8eb;
  border-radius: 5px;
  padding: 9px 45px 9px 16px;
  font-size: 16px;
  line-height: 30px;
  color: #1d2027;
}
.sidebar-location-form .input-group i {
  position: absolute;
  top: 17px;
  right: 15px;
  line-height: 16px;
  text-align: center;
  display: block;
  cursor: pointer;
}

.sidebar-location-range .location-range {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.sidebar-location-range .location-range label {
  margin-bottom: 0;
  margin-right: 10px;
}
.sidebar-location-range .location-range input {
  border: 0;
  height: auto;
  padding: 0;
  margin: 0;
  line-height: 1;
}
.sidebar-location-range .ui-widget.ui-widget-content {
  height: 5px;
  background: #e5e5e5;
  border: 0;
}
.sidebar-location-range .ui-widget-header {
  background-color: #1dae0e;
}
.sidebar-location-range .ui-slider-handle {
  background-color: #1dae0e;
  min-width: 18px;
  height: 18px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 1px solid #1dae0e;
  outline: none;
  top: -6px;
  margin-left: -6px;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: none;
  transition: none;
}
.sidebar-location-range .ui-slider-handle:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 10px;
  width: 10px;
  background: #ffffff;
  border-radius: 100%;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/*-- Sidebar List --*/
.sidebar-list li {
  padding: 4px 0;
}
.sidebar-list li:last-child {
  padding-bottom: 0;
}
.sidebar-list li a {
  color: #333333;
  display: block;
}
.sidebar-list li a:hover {
  color: #1dae0e;
}

/*-- Sidebar cbx List --*/
.sidebar-cbx-list li {
  margin-bottom: 10px;
}
.sidebar-cbx-list li:last-child {
  margin-bottom: 0;
}
.sidebar-cbx-list li .filter-name-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sidebar-cbx-list li .filter-name-item label {
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  cursor: pointer;
  color: #333333;
  padding-left: 10px;
  margin-bottom: 0;
}

/*-- Sidebar Price --*/
.sidebar-salary {
  overflow: hidden;
}
.sidebar-salary #salary-range {
  position: relative;
  width: 100%;
  height: 5px;
  margin: 7px 0;
  border-radius: 50px;
  background-color: #e5e5e5;
  border: 0;
}
.sidebar-salary #salary-range .ui-slider-range {
  position: absolute;
  top: 0;
  height: 100%;
  background-color: #1dae0e;
}
.sidebar-salary #salary-range .ui-slider-handle {
  background-color: #1dae0e;
  min-width: 18px;
  height: 18px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 1px solid #1dae0e;
  outline: none;
  top: -6px;
  margin-left: -6px;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: none;
  transition: none;
}
.sidebar-salary #salary-range .ui-slider-handle:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 10px;
  width: 10px;
  background: #ffffff;
  border-radius: 100%;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.sidebar-salary .salary-range-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sidebar-salary .salary-range-group label {
  margin-bottom: 0;
  margin-right: 10px;
  max-width: 80px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
}
.sidebar-salary .salary-range-group input {
  height: auto;
  padding: 0;
  margin: 0;
  width: auto;
  font-size: 16px;
  font-weight: 600;
  color: #ff2626;
  border: none;
  background-color: transparent;
  display: block;
}

/*-- Sidebar Action Button --*/
.sidebar-job-apply .action-button {
  text-align: center;
}
.sidebar-job-apply .action-button a {
  margin-bottom: 20px;
}
.sidebar-job-apply .action-button span {
  width: 120px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 20px;
  z-index: 10;
  position: relative;
  background: #ffffff;
  color: #1dae0e;
}
.sidebar-job-apply .action-button .line {
  height: 1px;
  width: 100%;
  background: #ccc;
  position: relative;
  top: -32px;
  z-index: 9;
}

/*-- Sidebar Share Button --*/
.sidebar-job-share .job-share {
  text-align: center;
}
.sidebar-job-share .job-share ul li {
  color: #1dae0e;
  display: inline-block;
  position: relative;
  padding-left: 15px;
  margin-left: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-job-share .job-share ul li {
    margin-left: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .sidebar-job-share .job-share ul li {
    padding-left: 10px;
    margin-left: 5px;
  }
}
.sidebar-job-share .job-share ul li::after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  width: 1px;
  height: 65%;
  background-color: #ccc;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.sidebar-job-share .job-share ul li:first-child {
  padding-left: 0;
  margin-left: 0;
}
.sidebar-job-share .job-share ul li:first-child::after {
  display: none;
}
.sidebar-job-share .job-share ul li a {
  display: inline-block;
  font-weight: 600;
}
.sidebar-job-share .job-share ul li a i {
  font-size: 16px;
  margin-right: 5px;
  line-height: 1;
  vertical-align: middle;
}
.sidebar-job-share .job-share ul li:hover .social-share {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
.sidebar-job-share .job-share.candidate-action {
  text-align: right;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-job-share .job-share.candidate-action {
    text-align: left;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .sidebar-job-share .job-share.candidate-action {
    text-align: left;
    margin-top: 15px;
  }
}
.sidebar-job-share .job-share.candidate-action > ul > li {
  padding-left: 0px;
  margin-left: 0px;
}
@media only screen and (max-width: 479px) {
  .sidebar-job-share .job-share.candidate-action > ul > li {
    margin-bottom: 5px;
  }
}
.sidebar-job-share .job-share.candidate-action > ul > li::after {
  display: none;
}
.sidebar-job-share .job-share.candidate-action > ul > li > a {
  display: inline-block;
  padding: 8px 12px;
  font-weight: 600;
  border-radius: 3px;
  border: 1px solid #1dae0e;
  width: auto;
}
.sidebar-job-share .job-share.candidate-action > ul > li > a:hover {
  background-color: #1dae0e;
  color: #ffffff;
}
.sidebar-job-share .job-share.candidate-action.color-white ul li a {
  border-color: #ffffff;
  color: #ffffff;
}
.sidebar-job-share .job-share.candidate-action.color-white ul li a:hover {
  border-color: #1dae0e;
}

.social-share {
  position: absolute;
  top: 120%;
  left: 50%;
  width: 120px;
  opacity: 0;
  visibility: hidden;
  z-index: 5;
  background-color: #f2f5fc;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.social-share::before {
  position: absolute;
  content: "";
  top: -5px;
  left: 50%;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #f2f5fc;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.social-share > li {
  display: inline-block !important;
  margin-right: 12px;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.social-share > li::after {
  display: none;
}
.social-share > li:last-child {
  margin-right: 0;
}
.social-share > li a i {
  font-size: 14px !important;
  line-height: 1 !important;
  margin-right: 0 !important;
}
.social-share.candidate-share {
  background-color: #1dae0e;
}
.social-share.candidate-share::before {
  border-bottom: 5px solid #1dae0e;
}
.social-share.candidate-share li a {
  color: #ffffff;
}

/*-- Sidebar Meta --*/
.sidebar-meta-two {
  padding: 30px 30px 35px;
  background-color: #f2f5fc;
}

/*-- Sidebar Contact Button --*/
.sidebar-contact .candidate-widget-wrap {
  padding: 30px 25px;
  background-color: #f2f5fc;
}
.sidebar-contact .candidate-widget-wrap .candidate-info {
  padding-bottom: 20px;
  border-bottom: 1px solid #eaeaea;
}
.sidebar-contact .candidate-widget-wrap .candidate-info .info-fields {
  margin-bottom: 15px;
}
.sidebar-contact .candidate-widget-wrap .candidate-info .info-fields li {
  display: block;
  padding: 5px 0;
  margin-bottom: 5px;
}
.sidebar-contact .candidate-widget-wrap .candidate-info .info-fields li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.sidebar-contact .candidate-widget-wrap .candidate-info .info-fields li .field-title {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #333333;
  width: 110px;
  display: inline-block;
}
.sidebar-contact .candidate-widget-wrap .candidate-info .info-fields li a {
  color: #333333;
}
.sidebar-contact .candidate-widget-wrap .candidate-info .info-fields li.field-social .field-title {
  margin-bottom: 10px;
}
.sidebar-contact .candidate-widget-wrap .candidate-contact-form {
  padding-top: 30px;
}
.sidebar-contact .candidate-widget-wrap .candidate-contact-form .title {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
.sidebar-contact .candidate-widget-wrap .candidate-contact-form .form-description {
  margin-bottom: 20px;
}

.social-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.social-all a {
  display: block;
}
.social-all a i {
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border-radius: 3px;
  color: #ffffff;
  margin-right: 8px;
  font-size: 18px;
  display: inline-block;
}
.social-all a.facebook i {
  background-color: #4867AA;
}
.social-all a.twitter i {
  background-color: #1DA1F2;
}
.social-all a.linkedin i {
  background-color: #007BB6;
}

/*-- Sidebar Search Letter --*/
.sidebar-search-letter .search-by-first-letter li {
  display: inline-block;
  width: 16.666667%;
  margin-right: -3px;
  margin-left: -3px;
}
.sidebar-search-letter .search-by-first-letter li a {
  padding: 10px 3px;
  text-align: center;
  font-weight: 600;
  color: #333333;
  display: block;
  position: relative;
  z-index: 0;
}
.sidebar-search-letter .search-by-first-letter li a::before {
  content: "";
  position: absolute;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  top: 3px;
  left: 3px;
  border: 1px solid #e0e0e0;
  z-index: -1;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sidebar-search-letter .search-by-first-letter li a:hover {
  color: #ffffff;
}
.sidebar-search-letter .search-by-first-letter li a:hover::before {
  border-color: #1dae0e;
  background-color: #1dae0e;
}

/*-- Sidebar Job Employer --*/
.job-employer-widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px;
  background-color: #f2f5fc;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .job-employer-widget {
    padding: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .job-employer-widget {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 15px;
  }
}
.job-employer-widget .image {
  width: 90px;
  height: 90px;
  margin-right: 30px;
  padding: 10px;
  border: 1px solid #e5e5e5;
  background-color: #ffffff;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .job-employer-widget .image {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .job-employer-widget .image {
    margin-right: 0px;
    margin-bottom: 20px;
  }
}
.job-employer-widget .content-box p {
  text-transform: uppercase;
  line-height: 26px;
  margin-bottom: 5px;
}
.job-employer-widget .content-box .title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 0;
}
.job-employer-widget .content-box .title i {
  font-size: 16px;
  color: #1dae0e;
  margin-left: 5px;
}
.job-employer-widget .content-box .employer-rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.job-employer-widget .content-box .employer-rate .star {
  color: #ffbf02;
  margin-right: 10px;
}
.job-employer-widget .content-box .employer-rate .star i {
  font-size: 13px;
  margin: 0 -3px;
}
.job-employer-widget.style-two {
  display: block;
}
.job-employer-widget.style-two .image {
  width: 100%;
  height: 100%;
  margin-right: 0;
  margin-bottom: 25px;
}
.job-employer-widget.style-two .content-box .title {
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 10px;
}
.job-employer-widget.style-two .content-box p i {
  color: #1dae0e;
}
.job-employer-widget.style-two .content-box .company-size {
  text-transform: inherit;
}
.job-employer-widget.style-two .content-box .employer-link {
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75em;
  padding: 0 16px 0 11px;
  background-color: #1dae0e;
  border-radius: 3px;
  margin-top: 15px;
}

/*-- Sidebar Image --*/
.sidbar-image a {
  display: block;
}
.sidbar-image a img {
  width: 100%;
}

/*-- Sidebar Category --*/
.sidebar-category .nice-select {
  border: 1px solid #d1d3da;
  height: 46px;
  line-height: 44px;
}
.sidebar-category .nice-select .list {
  max-height: 250px;
  overflow-y: scroll;
  z-index: 999;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-category .nice-select .list {
    max-height: 210px;
  }
}

/*-- Sidebar Compare --*/
.compare-products-list {
  overflow: hidden;
}
.compare-products-list ul {
  margin-bottom: 20px;
}
.compare-products-list ul li {
  display: block;
  padding: 10px 0px;
  border-bottom: 1px solid #dfdfdf;
  overflow: hidden;
}

.remove-compare {
  float: right;
  display: inline-block;
  padding-right: 10px;
  float: right;
  display: inline-block;
}

.clear-btn {
  float: left;
  height: 35px;
  line-height: 35px;
  display: inline-block;
}

.compare-btn {
  float: right;
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  text-transform: uppercase;
  font-size: 13px;
}

/*-- Sidebar Blog --*/
.sidebar-blog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px 0;
  border-bottom: 1px solid #eee;
}
.sidebar-blog:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.sidebar-blog .image {
  max-width: 90px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 90px;
          flex: 1 0 90px;
}
.sidebar-blog .image img {
  width: 100%;
}
.sidebar-blog .content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% - 90px);
          flex: 1 0 calc(100% - 90px);
  padding-left: 20px;
}
.sidebar-blog .content h5 {
  font-size: 15px;
  line-height: 22px;
  font-weight: 600;
  margin-bottom: 0;
}
.sidebar-blog .content p {
  margin-bottom: 0;
}
.sidebar-blog .content span {
  font-size: 15px;
  display: block;
  line-height: 16px;
  margin-bottom: 10px;
}

/*-- Sidebar Tags --*/
.sidebar-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -5px;
}
.sidebar-tag li {
  margin-right: 5px;
  margin-bottom: 5px;
}
.sidebar-tag li:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.sidebar-tag li a {
  display: block;
  background-color: #eff1f8;
  padding: 3px 12px;
  font-size: 13px;
  font-weight: 500;
  color: #555555;
  border-radius: 3px;
}
.sidebar-tag li a:hover {
  color: #1dae0e;
}

/*-- Sidebar Product --*/
.sidebar-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e6e7;
}
.sidebar-product:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.sidebar-product .image {
  max-width: 80px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 80px;
          flex: 1 0 80px;
}
.sidebar-product .image img {
  width: 100%;
  border: 1px solid #f1f2f3;
}
.sidebar-product .content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% - 80px);
          flex: 1 0 calc(100% - 80px);
  padding-left: 15px;
}
.sidebar-product .content .title {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 5px;
}
.sidebar-product .content .price span.old {
  margin-left: 10px;
  color: #444444;
  text-decoration: line-through;
}
.sidebar-product .content .ratting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 5px;
}
.sidebar-product .content .ratting i {
  font-size: 12px;
  line-height: 18px;
  margin-right: 5px;
  color: #1dae0e;
}
.sidebar-product .content .ratting i:last-child {
  margin-right: 0;
}

/*----------------------------------------*/
/*  37. Contact CSS
/*----------------------------------------*/
.contact-map {
  width: 100%;
  height: 300px;
  border: none;
}

.contact-wrapper {
  background-color: #ffffff;
  padding: 40px;
  padding-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-wrapper {
    padding: 40px 20px;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-wrapper {
    padding: 40px 20px;
    padding-bottom: 10px;
  }
}

.contact-info .title {
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 30px;
}

.contact-information .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contact-information .info .title {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  margin-bottom: 0;
  padding: 0 10px 10px 0;
}
.contact-information .info .text {
  font-weight: 500;
  padding: 0 10px 10px;
}
.contact-information .info .text.phone {
  color: #1dae0e;
  font-size: 17px;
  font-weight: 600;
}

.social-icon li {
  display: inline-block;
  margin-right: 5px;
}
.social-icon li:last-child {
  margin-right: 0;
}
.social-icon li a {
  font-size: 18px;
  line-height: 1;
  padding: 8px;
  text-align: center;
  border-radius: 10%;
  color: #ffffff;
}
.social-icon li a.facebook {
  background-color: #4867AA;
}
.social-icon li a.twitter {
  background-color: #1DA1F2;
}
.social-icon li a.linkedin {
  background-color: #007BB6;
}
.social-icon li a.youtube {
  background-color: #FE0000;
}
.social-icon li a.google {
  background-color: #DD5144;
}

.contact-form {
  padding: 27px 31px 0;
  background-color: #f5f5f5;
}
@media only screen and (max-width: 767px) {
  .contact-form {
    padding: 27px 15px 0;
  }
}
.contact-form form p {
  font-weight: 500;
  margin-bottom: 20px;
}

/*----------------------------------------*/
/*  38. Footer CSS
/*----------------------------------------*/
/*-- Footer Widget --*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fb-60 {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .fb-60 {
    padding-bottom: 60px;
  }
}

.footer-widget .footer-logo {
  margin-bottom: 35px;
}
.footer-widget .footer-logo a {
  display: block;
}
.footer-widget .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 20px;
}
.footer-widget .address {
  margin-bottom: 10px;
  display: table;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-widget .address {
    font-size: 14px;
  }
}
.footer-widget .address i {
  float: left;
  width: 25px;
  line-height: inherit;
}
.footer-widget .address span {
  float: left;
  width: calc(100% - 25px);
}
.footer-widget .email {
  margin-bottom: 10px;
  display: table;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-widget .email {
    font-size: 14px;
  }
}
.footer-widget .email i {
  float: left;
  width: 25px;
  line-height: inherit;
}
.footer-widget .email span {
  float: left;
  width: calc(100% - 25px);
}
.footer-widget .phone {
  font-size: 25px;
  font-weight: 700;
  line-height: 29px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-widget .phone {
    font-size: 20px;
    line-height: 24px;
  }
}
.footer-widget .phone.fz-17 {
  font-size: 17px;
  line-height: 25px;
}
.footer-widget .footer-widget-link ul li {
  padding: 4px 0;
}
.footer-widget .footer-widget-link ul li a {
  display: block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-widget .footer-widget-link ul li a {
    font-size: 14px;
  }
}

.newsletter p {
  margin-bottom: 17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .newsletter p {
    font-size: 14px;
  }
}
.newsletter .newsletter-form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  line-height: 54px;
  border: 1px #e2e4ea solid;
  border-radius: 4px;
  padding: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .newsletter .newsletter-form form {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .newsletter .newsletter-form form {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border: none;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter .newsletter-form form {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border: none;
  }
}
.newsletter .newsletter-form form input {
  width: 100%;
  line-height: 44px;
  padding: 0 15px;
  margin: 0;
  border: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .newsletter .newsletter-form form input {
    height: 44px;
    border: 1px #e2e4ea solid;
    border-radius: 4px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .newsletter .newsletter-form form input {
    height: 44px;
    border: 1px #e2e4ea solid;
    border-radius: 4px;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter .newsletter-form form input {
    height: 44px;
    border: 1px #e2e4ea solid;
    border-radius: 4px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .newsletter .newsletter-form form button {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .newsletter .newsletter-form form button {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter .newsletter-form form button {
    margin-top: 20px;
  }
}

/*-- Footer Social --*/
.footer-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .footer-social {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.footer-social p {
  margin-bottom: 0;
  margin-right: 50px;
}
@media only screen and (max-width: 767px) {
  .footer-social p {
    margin-right: 5px;
  }
}
.footer-social a {
  color: #333333;
  background: none;
  display: block;
  text-align: center;
  font-size: 20px;
  line-height: 1;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px #e5e5e5 solid;
}
.footer-social a:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}
.footer-social a:hover {
  color: #1dae0e;
}

/*-- Footer Social --*/
.footer-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .footer-nav ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.footer-nav ul li {
  padding: 4px 0;
  padding-right: 15px;
  margin: 0 15px 0 0;
  border-right: 1px solid #e5e5e5;
  line-height: 1;
}
.footer-nav ul li:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}
@media only screen and (max-width: 575px) {
  .footer-nav ul li {
    padding-right: 5px;
    margin: 0 5px 0 0;
  }
}
.footer-nav ul li a {
  display: block;
}

/*-- Footer Bottom --*/
/*-- Copyright --*/
@media only screen and (max-width: 767px) {
  .copyright {
    text-align: center !important;
  }
}
@media only screen and (max-width: 767px) {
  .copyright p {
    margin-bottom: 15px;
  }
}
.copyright p a {
  color: #1dae0e;
}
.copyright p a:hover {
  color: #1dae0e;
}

/*----------------------------------------*/
/*  39. 404 CSS
/*----------------------------------------*/
.error-404 {
  text-align: center;
  color: #ffffff;
}
.error-404 .text-404 {
  background-image: url(../images/404/bg-title-404.png);
  background-position: center center;
  padding: 180px 0;
  background-repeat: no-repeat;
  background-size: auto;
  margin-bottom: 26px;
  margin-top: 50px;
}
.error-404 .text-label-404 {
  max-width: 540px;
  margin: 0 auto 14px;
}
.error-404 .text-label-404 h1 {
  display: block;
  font-size: 30px;
  line-height: 1.9;
  font-weight: 700;
  text-transform: uppercase;
}
@media only screen and (max-width: 575px) {
  .error-404 .text-label-404 h1 {
    font-size: 26px;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 479px) {
  .error-404 .text-label-404 h1 {
    font-size: 26px;
    line-height: 1.2;
  }
}
.error-404 .home-link {
  font-size: 14px;
  color: #666;
  font-weight: 500;
  line-height: 21px;
  max-width: 540px;
  margin: 0 auto 30px;
}
.error-404 .home-link a {
  color: #1dae0e;
  display: inline;
}

.search-404 {
  max-width: 470px;
  margin: 0 auto;
}
.search-404 .search-box {
  position: relative;
}
.search-404 .search-box .top-search {
  background-color: #fff;
  border-radius: 4px;
  padding: 10px 145px 10px 20px;
  height: auto;
  line-height: inherit;
  color: #4a4a4a;
  width: 100%;
  border: 1px solid #d0d0d0;
}
@media only screen and (max-width: 479px) {
  .search-404 .search-box .top-search {
    padding: 10px 15px;
  }
}
.search-404 .search-box .search-submit {
  font-size: 14px;
  color: #ffffff;
  background-color: #1dae0e;
  font-weight: 600;
  position: absolute;
  height: calc(100% - 10px);
  right: 5px;
  top: 5px;
  padding: 0 25px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  border-radius: 4px;
}
.search-404 .search-box .search-submit i {
  margin-right: 5px;
  position: relative;
  top: 1px;
  font-weight: 700;
}
@media only screen and (max-width: 479px) {
  .search-404 .search-box .search-submit {
    position: static;
    height: 50px;
    width: 100%;
    margin-top: 10px;
  }
}

/*---------------------------------------
    40. Modal CSS
-----------------------------------------*/
.quick-view-modal-container {
  display: block !important;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}
.quick-view-modal-container.show {
  visibility: visible;
  opacity: 1;
  z-index: 99999;
}
.quick-view-modal-container .modal-dialog {
  max-width: 80%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-view-modal-container .modal-dialog {
    max-width: 95%;
  }
}
@media only screen and (max-width: 767px) {
  .quick-view-modal-container .modal-dialog {
    max-width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .quick-view-modal-container .modal-dialog {
    max-width: 100%;
  }
}
.quick-view-modal-container .modal-header {
  border: none;
  padding-bottom: 0;
}
.quick-view-modal-container .modal-header button {
  z-index: 999;
}
.quick-view-modal-container .modal-body {
  padding: 30px 50px 70px 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .quick-view-modal-container .modal-body {
    padding: 30px 30px 30px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-view-modal-container .modal-body {
    padding: 30px 30px 30px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .quick-view-modal-container .modal-body {
    padding: 15px 15px 15px 15px;
  }
}
@media only screen and (max-width: 479px) {
  .quick-view-modal-container .modal-body {
    padding: 15px 15px 15px 15px;
  }
}
.quick-view-modal-container .modal-content {
  border-radius: 0;
  max-height: 850px;
  overflow: auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .quick-view-modal-container .modal-content {
    max-height: 500px;
    overflow: auto;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .quick-view-modal-container .modal-content {
    max-height: 500px;
    overflow: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-view-modal-container .modal-content {
    max-height: 500px;
    overflow: auto;
  }
}
@media only screen and (max-width: 767px) {
  .quick-view-modal-container .modal-content {
    max-height: 500px;
    overflow: auto;
  }
}

/*----------------------------------------*/
/*  41. Dashboard CSS
/*----------------------------------------*/
.dashboard-sidebar {
  border-right: 1px solid #e2e4ea;
  background-color: #ffffff;
  height: 100%;
  -webkit-box-shadow: 4px 0 5px -4px rgba(0, 0, 0, 0.2);
          box-shadow: 4px 0 5px -4px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.dashboard-menu > ul {
  margin: 40px 0 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dashboard-menu > ul {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .dashboard-menu > ul {
    margin-top: 0;
  }
}
.dashboard-menu > ul > li {
  width: 100%;
  display: block;
  margin-top: 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid #efefef;
}
.dashboard-menu > ul > li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.dashboard-menu > ul > li h3 {
  padding: 12px 32px;
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  color: #aaa;
  text-transform: uppercase;
}
.dashboard-menu > ul > li ul li {
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.dashboard-menu > ul > li ul li a {
  padding: 10px 25px;
  border-left: 3px solid transparent;
  background-color: transparent;
  display: block;
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  color: #333333;
}
.dashboard-menu > ul > li ul li a i {
  font-size: 18px;
  width: 30px;
  color: #666;
  display: inline-block;
  position: relative;
  top: 2px;
}
.dashboard-menu > ul > li ul li a:hover, .dashboard-menu > ul > li ul li a.active {
  background-color: #f2f5fc;
  border-left-color: #1dae0e;
  text-decoration: none;
}
.dashboard-menu > ul > li ul li a:hover i, .dashboard-menu > ul > li ul li a.active i {
  color: #1dae0e;
}

.dashboard-main-inner {
  padding: 45px 30px 72px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .dashboard-main-inner {
    padding: 45px 15px 72px;
    padding-bottom: 30px;
  }
}

.submited-applications, .bookmark-applications, .job-applications, .profile-applications {
  border-radius: 3px;
  overflow: hidden;
}
.submited-applications .applications-heading, .submited-applications .bookmark-heading, .submited-applications .profile-applications-heading, .bookmark-applications .applications-heading, .bookmark-applications .bookmark-heading, .bookmark-applications .profile-applications-heading, .job-applications .applications-heading, .job-applications .bookmark-heading, .job-applications .profile-applications-heading, .profile-applications .applications-heading, .profile-applications .bookmark-heading, .profile-applications .profile-applications-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 28px;
  border-width: 1px 1px 0;
  border-style: solid;
  border-color: #e2e4ea;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .submited-applications .applications-heading, .submited-applications .bookmark-heading, .submited-applications .profile-applications-heading, .bookmark-applications .applications-heading, .bookmark-applications .bookmark-heading, .bookmark-applications .profile-applications-heading, .job-applications .applications-heading, .job-applications .bookmark-heading, .job-applications .profile-applications-heading, .profile-applications .applications-heading, .profile-applications .bookmark-heading, .profile-applications .profile-applications-heading {
    display: block;
  }
}
.submited-applications .applications-heading h3, .submited-applications .bookmark-heading h3, .submited-applications .profile-applications-heading h3, .bookmark-applications .applications-heading h3, .bookmark-applications .bookmark-heading h3, .bookmark-applications .profile-applications-heading h3, .job-applications .applications-heading h3, .job-applications .bookmark-heading h3, .job-applications .profile-applications-heading h3, .profile-applications .applications-heading h3, .profile-applications .bookmark-heading h3, .profile-applications .profile-applications-heading h3 {
  font-size: 18px;
  line-height: 40px;
  font-weight: 600;
  margin: 0;
  line-height: 40px;
}

.profile-applications-heading ul li {
  margin-right: 30px;
}
.profile-applications-heading ul li:last-child {
  margin-right: 0;
}
.profile-applications-heading ul li a {
  font-size: 15px;
  line-height: 1.9;
  font-weight: 600;
  color: #666666;
}
.profile-applications-heading ul li a:hover, .profile-applications-heading ul li a.active {
  color: #333333;
}

.applications-main-block, .job-applications-main-block {
  background-color: #ffffff;
  border: 1px solid #e2e4ea;
}
.applications-main-block .applications-table, .applications-main-block .job-applications-table, .job-applications-main-block .applications-table, .job-applications-main-block .job-applications-table {
  padding-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .applications-main-block .applications-table, .applications-main-block .job-applications-table, .job-applications-main-block .applications-table, .job-applications-main-block .job-applications-table {
    overflow-x: auto;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .applications-main-block .applications-table, .applications-main-block .job-applications-table, .job-applications-main-block .applications-table, .job-applications-main-block .job-applications-table {
    overflow-x: auto;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .applications-main-block .applications-table, .applications-main-block .job-applications-table, .job-applications-main-block .applications-table, .job-applications-main-block .job-applications-table {
    overflow-x: auto;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .applications-main-block .applications-table, .applications-main-block .job-applications-table, .job-applications-main-block .applications-table, .job-applications-main-block .job-applications-table {
    overflow-x: auto;
    padding-bottom: 0;
  }
}
.applications-main-block .applications-table table, .applications-main-block .job-applications-table table, .job-applications-main-block .applications-table table, .job-applications-main-block .job-applications-table table {
  border: none;
  width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .applications-main-block .applications-table table, .applications-main-block .job-applications-table table, .job-applications-main-block .applications-table table, .job-applications-main-block .job-applications-table table {
    width: 890px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .applications-main-block .applications-table table, .applications-main-block .job-applications-table table, .job-applications-main-block .applications-table table, .job-applications-main-block .job-applications-table table {
    width: 890px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .applications-main-block .applications-table table, .applications-main-block .job-applications-table table, .job-applications-main-block .applications-table table, .job-applications-main-block .job-applications-table table {
    width: 890px;
  }
}
@media only screen and (max-width: 767px) {
  .applications-main-block .applications-table table, .applications-main-block .job-applications-table table, .job-applications-main-block .applications-table table, .job-applications-main-block .job-applications-table table {
    width: 890px;
  }
}
.applications-main-block .applications-table table thead tr th, .applications-main-block .job-applications-table table thead tr th, .job-applications-main-block .applications-table table thead tr th, .job-applications-main-block .job-applications-table table thead tr th {
  border-top: 0;
  border-bottom: 0;
  padding: 22px 15px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  text-transform: uppercase;
  color: #666666;
}
.applications-main-block .applications-table table thead tr th:first-child, .applications-main-block .job-applications-table table thead tr th:first-child, .job-applications-main-block .applications-table table thead tr th:first-child, .job-applications-main-block .job-applications-table table thead tr th:first-child {
  padding-left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .applications-main-block .applications-table table thead tr th:first-child, .applications-main-block .job-applications-table table thead tr th:first-child, .job-applications-main-block .applications-table table thead tr th:first-child, .job-applications-main-block .job-applications-table table thead tr th:first-child {
    padding-left: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .applications-main-block .applications-table table thead tr th:first-child, .applications-main-block .job-applications-table table thead tr th:first-child, .job-applications-main-block .applications-table table thead tr th:first-child, .job-applications-main-block .job-applications-table table thead tr th:first-child {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .applications-main-block .applications-table table thead tr th:first-child, .applications-main-block .job-applications-table table thead tr th:first-child, .job-applications-main-block .applications-table table thead tr th:first-child, .job-applications-main-block .job-applications-table table thead tr th:first-child {
    padding-left: 15px;
  }
}
.applications-main-block .applications-table table thead tr th:last-child, .applications-main-block .job-applications-table table thead tr th:last-child, .job-applications-main-block .applications-table table thead tr th:last-child, .job-applications-main-block .job-applications-table table thead tr th:last-child {
  padding-right: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .applications-main-block .applications-table table thead tr th:last-child, .applications-main-block .job-applications-table table thead tr th:last-child, .job-applications-main-block .applications-table table thead tr th:last-child, .job-applications-main-block .job-applications-table table thead tr th:last-child {
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .applications-main-block .applications-table table thead tr th:last-child, .applications-main-block .job-applications-table table thead tr th:last-child, .job-applications-main-block .applications-table table thead tr th:last-child, .job-applications-main-block .job-applications-table table thead tr th:last-child {
    padding-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .applications-main-block .applications-table table thead tr th:last-child, .applications-main-block .job-applications-table table thead tr th:last-child, .job-applications-main-block .applications-table table thead tr th:last-child, .job-applications-main-block .job-applications-table table thead tr th:last-child {
    padding-right: 15px;
  }
}
.applications-main-block .applications-table table tbody tr, .applications-main-block .job-applications-table table tbody tr, .job-applications-main-block .applications-table table tbody tr, .job-applications-main-block .job-applications-table table tbody tr {
  border-left: 3px solid transparent;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.applications-main-block .applications-table table tbody tr td, .applications-main-block .job-applications-table table tbody tr td, .job-applications-main-block .applications-table table tbody tr td, .job-applications-main-block .job-applications-table table tbody tr td {
  padding: 10px 15px;
  font-size: 14px;
  line-height: 21px;
  color: #666666;
  vertical-align: middle;
  border-bottom: 1px solid #eee;
}
.applications-main-block .applications-table table tbody tr td:first-child, .applications-main-block .job-applications-table table tbody tr td:first-child, .job-applications-main-block .applications-table table tbody tr td:first-child, .job-applications-main-block .job-applications-table table tbody tr td:first-child {
  padding-left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .applications-main-block .applications-table table tbody tr td:first-child, .applications-main-block .job-applications-table table tbody tr td:first-child, .job-applications-main-block .applications-table table tbody tr td:first-child, .job-applications-main-block .job-applications-table table tbody tr td:first-child {
    padding-left: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .applications-main-block .applications-table table tbody tr td:first-child, .applications-main-block .job-applications-table table tbody tr td:first-child, .job-applications-main-block .applications-table table tbody tr td:first-child, .job-applications-main-block .job-applications-table table tbody tr td:first-child {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .applications-main-block .applications-table table tbody tr td:first-child, .applications-main-block .job-applications-table table tbody tr td:first-child, .job-applications-main-block .applications-table table tbody tr td:first-child, .job-applications-main-block .job-applications-table table tbody tr td:first-child {
    padding-left: 15px;
  }
}
.applications-main-block .applications-table table tbody tr td:last-child, .applications-main-block .job-applications-table table tbody tr td:last-child, .job-applications-main-block .applications-table table tbody tr td:last-child, .job-applications-main-block .job-applications-table table tbody tr td:last-child {
  padding-right: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .applications-main-block .applications-table table tbody tr td:last-child, .applications-main-block .job-applications-table table tbody tr td:last-child, .job-applications-main-block .applications-table table tbody tr td:last-child, .job-applications-main-block .job-applications-table table tbody tr td:last-child {
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .applications-main-block .applications-table table tbody tr td:last-child, .applications-main-block .job-applications-table table tbody tr td:last-child, .job-applications-main-block .applications-table table tbody tr td:last-child, .job-applications-main-block .job-applications-table table tbody tr td:last-child {
    padding-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .applications-main-block .applications-table table tbody tr td:last-child, .applications-main-block .job-applications-table table tbody tr td:last-child, .job-applications-main-block .applications-table table tbody tr td:last-child, .job-applications-main-block .job-applications-table table tbody tr td:last-child {
    padding-right: 15px;
  }
}
.applications-main-block .applications-table table tbody tr td.application-job h3, .applications-main-block .job-applications-table table tbody tr td.application-job h3, .job-applications-main-block .applications-table table tbody tr td.application-job h3, .job-applications-main-block .job-applications-table table tbody tr td.application-job h3 {
  margin-bottom: 0;
}
.applications-main-block .applications-table table tbody tr td.application-job h3 a, .applications-main-block .job-applications-table table tbody tr td.application-job h3 a, .job-applications-main-block .applications-table table tbody tr td.application-job h3 a, .job-applications-main-block .job-applications-table table tbody tr td.application-job h3 a {
  font-size: 16px;
  font-weight: 600;
  line-height: initial;
  display: inline-block;
  text-transform: capitalize;
}
.applications-main-block .applications-table table tbody tr td.application-job .follow-meta p, .applications-main-block .job-applications-table table tbody tr td.application-job .follow-meta p, .job-applications-main-block .applications-table table tbody tr td.application-job .follow-meta p, .job-applications-main-block .job-applications-table table tbody tr td.application-job .follow-meta p {
  display: inline-block;
  margin: 0;
  line-height: 1;
  color: #666666;
  font-size: 14px;
  border-right: 2px solid #e0e0e0;
  padding-right: 10px;
  margin-right: 5px;
}
.applications-main-block .applications-table table tbody tr td.application-job .follow-meta p:last-child, .applications-main-block .job-applications-table table tbody tr td.application-job .follow-meta p:last-child, .job-applications-main-block .applications-table table tbody tr td.application-job .follow-meta p:last-child, .job-applications-main-block .job-applications-table table tbody tr td.application-job .follow-meta p:last-child {
  border-right: 0;
}
.applications-main-block .applications-table table tbody tr td.application-job .follow-meta p .value-rate, .applications-main-block .job-applications-table table tbody tr td.application-job .follow-meta p .value-rate, .job-applications-main-block .applications-table table tbody tr td.application-job .follow-meta p .value-rate, .job-applications-main-block .job-applications-table table tbody tr td.application-job .follow-meta p .value-rate {
  display: inline-block;
  color: #fff;
  font-weight: 600;
  border-radius: 3px;
  padding: 1px 3px;
  background-color: #ffa302;
}
.applications-main-block .applications-table table tbody tr td.status span, .applications-main-block .job-applications-table table tbody tr td.status span, .job-applications-main-block .applications-table table tbody tr td.status span, .job-applications-main-block .job-applications-table table tbody tr td.status span {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  padding: 0 7px;
  color: #ffffff;
  border-radius: 3px;
}
.applications-main-block .applications-table table tbody tr td.status span.pending, .applications-main-block .job-applications-table table tbody tr td.status span.pending, .job-applications-main-block .applications-table table tbody tr td.status span.pending, .job-applications-main-block .job-applications-table table tbody tr td.status span.pending {
  background-color: #ffa302;
}
.applications-main-block .applications-table table tbody tr td.status span.rejected, .applications-main-block .job-applications-table table tbody tr td.status span.rejected, .job-applications-main-block .applications-table table tbody tr td.status span.rejected, .job-applications-main-block .job-applications-table table tbody tr td.status span.rejected {
  background-color: #ff2626;
}
.applications-main-block .applications-table table tbody tr td.status span.approved, .applications-main-block .job-applications-table table tbody tr td.status span.approved, .job-applications-main-block .applications-table table tbody tr td.status span.approved, .job-applications-main-block .job-applications-table table tbody tr td.status span.approved {
  background-color: #1dae0e;
}
.applications-main-block .applications-table table tbody tr td.application-rating .star, .applications-main-block .job-applications-table table tbody tr td.application-rating .star, .job-applications-main-block .applications-table table tbody tr td.application-rating .star, .job-applications-main-block .job-applications-table table tbody tr td.application-rating .star {
  color: #ffbf02;
}
.applications-main-block .applications-table table tbody tr td.application-rating .star i, .applications-main-block .job-applications-table table tbody tr td.application-rating .star i, .job-applications-main-block .applications-table table tbody tr td.application-rating .star i, .job-applications-main-block .job-applications-table table tbody tr td.application-rating .star i {
  font-size: 13px;
  margin: 0 -3px;
}
.applications-main-block .applications-table table tbody tr td.download-cv a, .applications-main-block .job-applications-table table tbody tr td.download-cv a, .job-applications-main-block .applications-table table tbody tr td.download-cv a, .job-applications-main-block .job-applications-table table tbody tr td.download-cv a {
  color: #fff;
  border-color: #4c53b6;
  background-color: #4c53b6;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2em;
  height: auto;
  padding: 7px 10px;
  margin-right: 5px;
  border-radius: 3px;
}
.applications-main-block .applications-table table tbody tr td.download-cv a i, .applications-main-block .job-applications-table table tbody tr td.download-cv a i, .job-applications-main-block .applications-table table tbody tr td.download-cv a i, .job-applications-main-block .job-applications-table table tbody tr td.download-cv a i {
  display: inline-block;
  margin-right: 5px;
}
.applications-main-block .applications-table table tbody tr td.open-job a, .applications-main-block .job-applications-table table tbody tr td.open-job a, .job-applications-main-block .applications-table table tbody tr td.open-job a, .job-applications-main-block .job-applications-table table tbody tr td.open-job a {
  color: #fff;
  border-color: #4c53b6;
  background-color: #4c53b6;
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2em;
  height: auto;
  padding: 7px 10px;
  border-radius: 3px;
}
.applications-main-block .applications-table table tbody tr td.open-job a i, .applications-main-block .job-applications-table table tbody tr td.open-job a i, .job-applications-main-block .applications-table table tbody tr td.open-job a i, .job-applications-main-block .job-applications-table table tbody tr td.open-job a i {
  display: inline-block;
  margin-right: 5px;
}
.applications-main-block .applications-table table tbody tr td.application-contact a, .applications-main-block .job-applications-table table tbody tr td.application-contact a, .job-applications-main-block .applications-table table tbody tr td.application-contact a, .job-applications-main-block .job-applications-table table tbody tr td.application-contact a {
  color: #fff;
  border-color: #4c53b6;
  background-color: #4c53b6;
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2em;
  height: auto;
  padding: 7px 10px;
  border-radius: 3px;
}
.applications-main-block .applications-table table tbody tr td.application-contact a i, .applications-main-block .job-applications-table table tbody tr td.application-contact a i, .job-applications-main-block .applications-table table tbody tr td.application-contact a i, .job-applications-main-block .job-applications-table table tbody tr td.application-contact a i {
  display: inline-block;
  margin-right: 5px;
}
.applications-main-block .applications-table table tbody tr td.view-application-pop a, .applications-main-block .job-applications-table table tbody tr td.view-application-pop a, .job-applications-main-block .applications-table table tbody tr td.view-application-pop a, .job-applications-main-block .job-applications-table table tbody tr td.view-application-pop a {
  color: #fff;
  border-color: #4c53b6;
  background-color: #4c53b6;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2em;
  height: auto;
  padding: 7px 10px;
  margin-right: 5px;
  border-radius: 3px;
}
.applications-main-block .applications-table table tbody tr td.view-application-pop a i, .applications-main-block .job-applications-table table tbody tr td.view-application-pop a i, .job-applications-main-block .applications-table table tbody tr td.view-application-pop a i, .job-applications-main-block .job-applications-table table tbody tr td.view-application-pop a i {
  display: inline-block;
  margin-right: 5px;
}
.applications-main-block .applications-table table tbody tr td.view-application a, .applications-main-block .job-applications-table table tbody tr td.view-application a, .job-applications-main-block .applications-table table tbody tr td.view-application a, .job-applications-main-block .job-applications-table table tbody tr td.view-application a {
  color: #1dae0e;
}
.applications-main-block .applications-table table tbody tr td.application-query a, .applications-main-block .job-applications-table table tbody tr td.application-query a, .job-applications-main-block .applications-table table tbody tr td.application-query a, .job-applications-main-block .job-applications-table table tbody tr td.application-query a {
  color: #1dae0e;
}
.applications-main-block .applications-table table tbody tr td.application-id a, .applications-main-block .job-applications-table table tbody tr td.application-id a, .job-applications-main-block .applications-table table tbody tr td.application-id a, .job-applications-main-block .job-applications-table table tbody tr td.application-id a {
  color: #1dae0e;
}
.applications-main-block .applications-table table tbody tr td.application-status span, .applications-main-block .job-applications-table table tbody tr td.application-status span, .job-applications-main-block .applications-table table tbody tr td.application-status span, .job-applications-main-block .job-applications-table table tbody tr td.application-status span {
  font-size: 16px;
  line-height: 30px;
  margin-left: 10px;
}
.applications-main-block .applications-table table tbody tr td.application-status span.hold, .applications-main-block .job-applications-table table tbody tr td.application-status span.hold, .job-applications-main-block .applications-table table tbody tr td.application-status span.hold, .job-applications-main-block .job-applications-table table tbody tr td.application-status span.hold {
  color: #c0c;
}
.applications-main-block .applications-table table tbody tr td.application-status span.paid, .applications-main-block .job-applications-table table tbody tr td.application-status span.paid, .job-applications-main-block .applications-table table tbody tr td.application-status span.paid, .job-applications-main-block .job-applications-table table tbody tr td.application-status span.paid {
  color: #1dae0e;
}
.applications-main-block .applications-table table tbody tr td.application-status span.reject, .applications-main-block .job-applications-table table tbody tr td.application-status span.reject, .job-applications-main-block .applications-table table tbody tr td.application-status span.reject, .job-applications-main-block .job-applications-table table tbody tr td.application-status span.reject {
  color: #ff2626;
}
.applications-main-block .applications-table table tbody tr td.delete-application, .applications-main-block .job-applications-table table tbody tr td.delete-application, .job-applications-main-block .applications-table table tbody tr td.delete-application, .job-applications-main-block .job-applications-table table tbody tr td.delete-application {
  font-size: 16px;
}
.applications-main-block .applications-table table tbody tr:hover, .applications-main-block .job-applications-table table tbody tr:hover, .job-applications-main-block .applications-table table tbody tr:hover, .job-applications-main-block .job-applications-table table tbody tr:hover {
  border-left-color: #4c53b6;
  background-color: #f2f5fc;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .job-applications-table table {
    width: 100% !important;
  }
}

.bookmark-main-block {
  background-color: #ffffff;
  border: 1px solid #e2e4ea;
}
.bookmark-main-block .bookmark-table table {
  border: none;
  margin-bottom: 0;
}
.bookmark-main-block .bookmark-table table tbody tr {
  border-left: 3px solid transparent;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.bookmark-main-block .bookmark-table table tbody tr:last-child td {
  border-bottom: 0;
}
.bookmark-main-block .bookmark-table table tbody tr td {
  padding: 10px 15px;
  font-size: 14px;
  line-height: 21px;
  color: #666666;
  vertical-align: middle;
  border-top: 0;
  border-bottom: 1px solid #eee;
}
@media only screen and (max-width: 767px) {
  .bookmark-main-block .bookmark-table table tbody tr td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.bookmark-main-block .bookmark-table table tbody tr td:first-child {
  padding-left: 50px;
}
@media only screen and (max-width: 767px) {
  .bookmark-main-block .bookmark-table table tbody tr td:first-child {
    padding-left: 15px;
  }
}
.bookmark-main-block .bookmark-table table tbody tr td:last-child {
  padding-right: 45px;
}
@media only screen and (max-width: 767px) {
  .bookmark-main-block .bookmark-table table tbody tr td:last-child {
    padding-right: 15px;
  }
}
.bookmark-main-block .bookmark-table table tbody tr td.delete-bookmark a {
  font-size: 19px;
  line-height: 1;
  color: #666666;
}
.bookmark-main-block .bookmark-table table tbody tr td.delete-bookmark a:hover {
  color: #1dae0e;
}
.bookmark-main-block .bookmark-table table tbody tr:hover {
  border-left-color: #4c53b6;
  background-color: #f2f5fc;
}

.notifications-applications {
  height: 100%;
  border: 1px solid #efefef;
  border-radius: 3px;
  background: #ffffff;
}
.notifications-applications .notifications-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 28px;
  border-bottom: 1px solid #e2e4ea;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .notifications-applications .notifications-heading {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.notifications-applications .notifications-heading h3 {
  font-size: 18px;
  line-height: 40px;
  font-weight: 600;
  margin: 0;
  line-height: 40px;
}

.notifications-main-block .notification-listing .empty {
  padding: 4px 30px;
}
.notifications-main-block .notification-listing .empty h3 {
  font-size: 28px;
  line-height: 42px;
  font-weight: 700;
  margin-top: 15px;
}

.messages-heading {
  background: #fff;
  border-right: 1px solid #e5e5e5;
  height: 600px;
}

.message-fields-form {
  padding: 15px 28px 14px;
  border-bottom: 1px solid #e2e4ea;
  float: left;
  width: 100%;
}
.message-fields-form .message-form {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 10px;
}
.message-fields-form .message-form.review-from {
  width: 300px;
}
@media only screen and (max-width: 767px) {
  .message-fields-form .message-form.review-from {
    width: 250px;
  }
}
.message-fields-form .message-form .search-btn {
  position: absolute;
  top: 0;
  left: 16px;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #999;
  font-size: 14px;
  line-height: 46px;
}
.message-fields-form .message-form input {
  height: 46px;
  line-height: 44px;
  padding: 0 16px 0 42px;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  width: 100%;
  font-size: 14px;
}

.message-box-wrap {
  background: #ffffff;
  height: 600px;
  padding-bottom: 72px;
  position: relative;
}
.message-box-wrap .message-reply {
  border-top: 1px solid #dde0e7;
  padding: 22px 70px;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #ffffff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .message-box-wrap .message-reply {
    padding: 22px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .message-box-wrap .message-reply {
    padding: 18px 15px;
  }
}
.message-box-wrap .message-reply textarea {
  width: calc(100% - 150px);
  height: 16px;
  padding: 0;
  font-size: 14px;
  line-height: 16px;
  border: none;
  resize: none;
}
@media only screen and (max-width: 767px) {
  .message-box-wrap .message-reply textarea {
    width: calc(100% - 100px);
  }
}
.message-box-wrap .message-reply .btn-actions {
  text-align: right;
}

.profile-applications-main-block {
  background-color: #ffffff;
  border: 1px solid #efefef;
  padding: 55px 50px 80px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .profile-applications-main-block {
    padding: 20px 15px 30px;
  }
}

.cover-image {
  margin-left: -50px;
  margin-right: -50px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .cover-image {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.cover-image .image-preview {
  width: 100%;
  height: 250px;
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: #f5f5f5;
}
.cover-image .image-preview .image-holder {
  position: absolute;
  top: auto;
  left: auto;
  right: 20px;
  bottom: 20px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  border-radius: 50%;
  text-align: center;
  color: #ffffff;
  background-color: #4c53b6;
}
.cover-image .image-preview .image-holder label {
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.profile-avatar-upload {
  width: 115px;
  height: 115px;
  overflow: hidden;
  border-radius: 50%;
  border: none;
  color: #90a0bc;
  text-align: center;
  font-size: 30px;
  background-color: #e6ebf4;
  opacity: 0.5;
  background-size: cover;
  margin: auto;
  margin-bottom: 30px;
}
.profile-avatar-upload label {
  width: 115px;
  height: 115px;
  line-height: 115px;
  cursor: pointer;
}

.custom-width-group {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 30px;
  margin-top: 35px;
  border-bottom: 1px solid #efefef;
}
.custom-width-group h3 {
  font-size: 18px;
  line-height: 31px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0;
}

.custom-form-box {
  padding: 20px 15px 5px 15px;
  border: 1px solid #ece8eb;
  border-radius: 5px;
  background: #f7f7fc;
  margin-bottom: 20px;
}

.add-more a {
  font-size: 16px;
  font-weight: 600;
  color: #4c53b6;
}

.skill-cbx-list li {
  margin-bottom: 10px;
}
.skill-cbx-list li:last-child {
  margin-bottom: 0;
}
.skill-cbx-list li .filter-name-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.skill-cbx-list li .filter-name-item label {
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  cursor: pointer;
  color: #333333;
  padding-left: 10px;
  margin-bottom: 0;
}

.profile-upload {
  border: none;
  color: #90a0bc;
  text-align: center;
  font-size: 30px;
  background-color: #e6ebf4;
  opacity: 0.5;
  background-size: cover;
  margin: auto;
}
.profile-upload label {
  width: 150px;
  height: 150px;
  line-height: 150px;
  cursor: pointer;
}

.cv-upload label {
  font-size: 14px;
  line-height: 1;
  color: #666666;
  text-transform: capitalize;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: auto;
  padding: 4px 15px;
  border-color: #d0d0d0;
  background-color: #eee;
  cursor: pointer;
}

.custom-is-invalid{
  border-color: #ff0000
}
.ck-content{
  height: 200px;
}
.upload-image{
  width: 115px;
  height: 115px;
  overflow: hidden;
  border: none;
  color: #90a0bc;
  text-align: center;
  font-size: 30px;
  background-color: #e6ebf4;
  background-size: cover;
  margin: auto;
  margin-bottom: 30px;
}
.upload-image label{
  width: 115px;
  height: 115px;
  line-height: 115px;
  cursor: pointer;
}
.recruit-content ul{
  list-style: disclosure-closed;
}