@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Raleway:400,500,600,700,800,900");
/*universal css*/

html, body {
  margin: 0;
  font-family: "Raleway", sans-serif;
}
body.overflow{ overflow: hidden;}

p {
  font-family: "Open Sans", sans-serif;
}

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

input:active, input:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

button:active, button:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

select:active, select:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

textarea:active, textarea:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*end*/

/*super menu*/



.menu ul li a:hover:after {
  width: 100%;
}
.menu ul li a:after {
  content: '';
  height: 2px;
  width: 0;
  position: absolute;
  background: #fff;
  left: 0;
  right: 0;
  margin: auto;
  transition: 0.3s ease;
  bottom: 0;
}
#close {
  position: absolute;
  right: 15px;
  top: 15px;
  height: 40px;
  width: 40px;
  padding: 0;
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  z-index: 9;
}

.menu {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  display: none;
  animation: fadeIn .3s linear;
}
.menu.show {
  display: block;
}


.menu ul li a:hover {
  color: #fff;
}
.menu {
  padding: 20px 0;
}
.menu ul li {
  text-align: center;
}
.menu ul li a {
  color: #8a0c0d;
  font-size: 56px;
  font-weight: 700;
  transition: 0.3s ease;
  position: relative;
}
.menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.current-menu-item a:after {
  width: 100% !important;
}
.current-menu-item a {
  color: white !important;
}
/*end*/

/*header area*/
.upper-header-area {background: #000; color: #fff; padding: 6px 0;}
.price-area {
  text-align: center;
}

.price-area ul {
  list-style: none;
  padding: 0;
  font-size: 16px;
  margin: 0;
}

.price-area ul li {
  text-transform: capitalize;
  font-weight: 500;
  padding: 0 10px;
  display: inline-block;
}

.price-area ul li span {
  color: green;
  font-weight: 700;
}

.price-area ul li strong {
  color: #000;
  font-weight: normal;
  text-transform: uppercase;
}

.price-area ul li:last-child span {
  color: #fe0000;
}

.custom-header {
  padding: 10px 0;
  border-bottom: 5px solid #8a0c0d;
}

.custom-header .container {
  max-width: 95%;
}
.custom-header .row {
  align-items: center;
}

.menu-area {
  margin-top: 91px;
  text-align: right;
}

.menu-area .menu {
  display: inline-block;
}

.menu-area .menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.menu-area .menu ul li {
  display: inline-block;
  font-weight: 600;
  padding: 0 15px;
}

.menu-area .menu ul li a {
  color: #000;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 16px;
  border-bottom: 1px solid transparent;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.menu-area .menu ul li a:hover, .menu-area .menu ul li a:active, .menu-area .menu ul li a:focus {
  color: #8a0c0d;
  border-bottom: 1px solid #8a0c0d;
}

.menu-area .menu ul li.current-menu-item {
  border: 0;
}

.menu-area .menu ul li.current-menu-item a {
  color: #8a0c0d;
  border-bottom: 1px solid #8a0c0d;
}

#toggle {
  height: 40px;
  width: 40px;
  line-height: 40px;
  padding: 0;
  background: transparent;
  color: #000;
  font-size: 24px;
  border: 0;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

#toggle:active, #toggle:focus, #toggle:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  background-image: none;
}

.login-area {
  display: inline-block;
}

.login-link {
  display: inline-block;
  padding: 0 15px;
}
.home-link{ display: inline-block; vertical-align: middle;}
.login-link a, .home-link a {
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 16px;
  border-bottom: 1px solid transparent;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.home-link a {font-size: 25px;}
.logo-area a {
  display: block;
  text-align: center;
  max-width: 520px;
  margin: 0 auto;
}
.mega-menu {
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.95);
  z-index: 99;
  animation: fadeIn 0.3s linear;
}

.mega-menu.show {
  display: block;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.login-link a:hover, .login-link a:active, .login-link a:focus, .home-link a:hover, .home-link a:active, .home-link a:focus {
  color: #8a0c0d;
  border-bottom: 1px solid #8a0c0d;
}

.mini-cart-area {
  display: inline-block;
}

.mini-cart-area .cart-icon {
  width: 40px;
  height: 40px;
  position: relative;
  font-size: 24px;
}

.mini-cart-area .cart-icon sup {
  height: 25px;
  width: 25px;
  line-height: 22px;
  text-align: center;
  display: block;
  color: #000;
  border: 1px solid #8a0c0d;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  border-radius: 100px;
  font-size: 14px;
  position: absolute;
  right: -3px;
  background: #fff;
}

/*end*/
/*home banner area*/
.banner-area {
  position: relative;
  background: url(../images/bannerbg.jpg);
  padding: 50px 0;
  z-index: 0;
  background-attachment: fixed;
}
.banner-area:after {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  z-index: -1;
  left: 0;
}

/* .banner-area .jon-search-bar {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 100%;
} */


.banner-area .jon-search-bar h1 {
  text-align: center;
  color: #fff;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  margin: 0 0 50px 0;
}

.banner-area .jon-search-bar .form-field {
  margin: 0 -10px;
  position: relative;
  font-family: "Raleway", sans-serif;
}

.banner-area .jon-search-bar .form-field input {
  width: 100%;
  height: 50px;
  padding-left: 10px;
  border: 0;
  line-height: 50px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0;
  padding-right: 50px;
}

.banner-area .jon-search-bar .form-field input[type="submit"] {
  background: #8a0c0d;
  color: #fff;
  padding: 0;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
}

.banner-area .jon-search-bar .form-field .icon {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 30px;
  width: 30px;
  right: 10px;
  margin: auto;
}

.banner-area .jon-search-bar .form-field .icon img {
  width: 100%;
  height: auto;
}

.inner-header-aera.banner-area .jon-search-bar {
  position: static;
  -webkit-transform: translate(0);
          transform: translate(0);
}

/*minicart css*/
.mini-cart-area:hover .min-cart {
  display: block;
}

.min-cart {
  position: absolute;
  right: 0;
  z-index: 1;
  width: 280px;
  padding-top: 39px;
  border-radius: 10px;
  overflow: hidden;
  display: none;
}

.min-cart ul {
  background: #fff;
  margin: 0;
  padding: 0;
}

.min-cart ul li {
  display: block;
  padding: 0;
}

.min-cart ul li a.remove {
  line-height: 20px;
  float: left;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #fe0000;
  font-size: 24px;
}

.min-cart ul li a.remove:hover {
  background: #8a0c0d;
  color: #fff;
}

.min-cart ul li a + a {
  display: block;
  font-size: 14px;
  padding: 0 10px;
  color: #000;
}

.min-cart ul li a + a img {
  width: 50px !important;
  height: auto;
  float: left !important;
}

.min-cart ul li .quantity {
  font-size: 16px;
  color: #000;
  padding-right: 10px;
  font-weight: 600;
}

.min-cart .woocommerce-mini-cart__total.total {
  font-size: 16px;
  margin: 0;
  text-align: center;
  padding: 10px 0;
  background: #fff;
}

.min-cart .woocommerce-mini-cart__buttons.buttons {
  text-align: center;
  background: #fff;
  margin: 0;
}

.min-cart .woocommerce-mini-cart__buttons.buttons a {
  display: inline-block !important;
  font-size: 14px;
  margin: 0 5px 10px;
  background: #8a0c0d;
  color: #000;
  width: 100px;
  height: 35px;
  padding: 0;
  line-height: 35px;
  font-weight: 700;
  border-radius: 2px;
}

/*end*/
/*end*/
/*inner banner area*/
.inner-header-aera {
  padding: 20px 0;
  background-size: cover !important;
  background-position: center bottom !important;
  position: relative;
  z-index: 0;
}
.entry-content p {
  line-height: 27px;
}


.inner-header-aera .page-title h1 {
  font-size: 36px;
  margin: 0;
  color: #fff;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.inner-header-aera:after {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  background:rgba(0, 0, 0, 0.8);
  top: 0;
  z-index: -1;
}

/*end*/
/*footer area*/
.custom-footer .upper-footer .row .footer-about p, .custom-footer .copy-right-area p {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  margin: 0;
}

.custom-footer .upper-footer .row .quick-links ul, .custom-footer .upper-footer .row .social-media-area ul, .custom-footer .copy-right-area .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 16px;
  font-family: "Raleway", sans-serif;
  font-weight: 600;
}

.custom-footer .upper-footer .row .quick-links h3, .custom-footer .upper-footer .row .news-letter-area h3, .custom-footer .upper-footer .row .social-media-area h3 {
  font-family: "Raleway", sans-serif;
  color: #8a0c0d;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 800;
  margin: 0;
}

.custom-footer {
  clear: both;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 0;
}
.custom-footer:after {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.92);
  top: 0;
  left: 0;
  z-index: -1;
}

.custom-footer .upper-footer {
  padding: 30px 0;
}

.custom-footer .upper-footer .row .footer-about {
  max-width: 280px;
}

.custom-footer .upper-footer .row .footer-about .footer-logo {
  max-width: 200px;
}

.custom-footer .upper-footer .row .footer-about .footer-logo a {
  display: block;
}

.custom-footer .upper-footer .row .footer-about .footer-logo a svg path {
  fill: #fff;
}

.custom-footer .upper-footer .row .footer-about p {
  font-size: 14px;
  line-height: 22px;
  margin: 0;
}

.custom-footer .upper-footer .row .quick-links {
  margin-top: 50px;
}

.custom-footer .upper-footer .row .quick-links ul li {
  display: block;
  padding: 5px 0;
}

.custom-footer .upper-footer .row .quick-links ul li a {
  color: #fff;
  font-weight: normal;
  line-height: normal;
}

.custom-footer .upper-footer .row .quick-links ul li a:hover, .custom-footer .upper-footer .row .quick-links ul li a:active, .custom-footer .upper-footer .row .quick-links ul li a:focus {
  color: #8a0c0d;
}

.custom-footer .upper-footer .row .quick-links h3 {
  margin-bottom: 15px;
}

.custom-footer .upper-footer .row .news-letter-area {
  margin-top: 50px;
}

 .news-form {
  position: relative;
}

 .news-form label {
  display: none;
}

 .news-form p {
  margin: 5px 0 0;
  color: #fff;
}

.news-form p a {
  color: #8a0c0d;
}

.news-form input {
  width: 100%;
  height: 40px;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 0;
  color: #000;
  padding-left: 10px;
  border:1px solid #000;
}

.news-form input[name='unsubscribe'] {
  display: none;
}

.news-form input[type="submit"] {
  width: 110px;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  top: 26px;
  padding: 0;
  right: 16px;
  background: #8a0c0d;
  border-color: #8a0c0d;
  cursor: pointer;
}
.news-form br {
  display: none;
}



.custom-footer .upper-footer .row .social-media-area {
  margin-top: 20px;
}

.custom-footer .upper-footer .row .social-media-area h3 {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 120px);
}

.custom-footer .upper-footer .row .social-media-area ul li {
  display: inline-block;
  font-size: 0;
  padding: 0 10px 0 0;
}

.custom-footer .upper-footer .row .social-media-area ul li a {
  display: block;
  font-size: 0;
  color: #fff;
}

.custom-footer .upper-footer .row .social-media-area ul li a i {
  height: 25px;
  width: 25px;
  font-size: 24px;
  line-height: 25px;
}

.custom-footer .upper-footer .row .social-media-area ul li:nth-child(1):hover a {
  color: #3b5998;
}

.custom-footer .upper-footer .row .social-media-area ul li:nth-child(2):hover a {
  color: #38A1F3;
}

.custom-footer .upper-footer .row .social-media-area ul li:nth-child(3):hover a {
  color: #0077B5;
}

.custom-footer .upper-footer .row .social-media-area aside {
  display: inline-block;
  vertical-align: middle;
  width: 115px;
}

.custom-footer .copy-right-area {
  padding: 25px 0;
  background: #000;
  border-top:1px solid #111;
}

.custom-footer .copy-right-area p {
  font-size: 16px;
  line-height: 16px;
}

.custom-footer .copy-right-area p a {
  color: #fff;
}

.custom-footer .copy-right-area p a:hover, .custom-footer .copy-right-area p a:active, .custom-footer .copy-right-area p a:focus, .custom-footer .copy-right-area p a:visited {
  color: #8a0c0d;
}

.custom-footer .copy-right-area .footer-links {
  text-align: right;
}

.custom-footer .copy-right-area .footer-links ul li {
  display: inline-block;
  border-right: 1px solid #fff;
  padding: 0 10px;
}

.custom-footer .copy-right-area .footer-links ul li a {
  display: block;
  color: #fff;
}

.custom-footer .copy-right-area .footer-links ul li a:hover, .custom-footer .copy-right-area .footer-links ul li a:active, .custom-footer .copy-right-area .footer-links ul li a:focus, .custom-footer .copy-right-area .footer-links ul li a:visited {
  color: #8a0c0d;
}

.custom-footer .copy-right-area .footer-links ul li:last-child {
  border: 0;
}

/*end*/
/*front page*/
.front-subscription-area {
  background: url(../images/subscribe-bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 3% 0;
  display: none;
}

.front-subscription-area .front-subscription p {
  font-size: 20px;
  font-weight: 500;
  color: #000;
  margin: 0;
}

.front-subscription-area .front-subscription a, .front-subscription a {
  display: block;
  height: 40px;
  width: 150px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  font-family: "Raleway", sans-serif;
  margin: 0 auto;
  line-height: 38px;
  border: 1px solid #8a0c0d;
  background: #8a0c0d;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.front-subscription-area .front-subscription a:hover, .front-subscription-area .front-subscription a:focus, .front-subscription-area .front-subscription a:active, .front-subscription a:hover {
  background: transparent;
  color: #8a0c0d;
}
.front-subscription a {
  margin: 0 0 0 auto;
}

.latest-job-area, .shop-now-section, .news-area, .collection-area, .inner-page-area, .single-post-area, .category-page, .blog-page-area {
  padding: 4% 0;
}

.heading-area h1, .heading-area h2, .heading-area h3, .job-post-item .job-title h4 {
  font-size: 36px;
  line-height: 36px;
  font-family: "Raleway", sans-serif;
  color: #000;
  text-transform: capitalize;
  padding: 15px 0;
  margin: 15px 0;
  position: relative;
  display: inline-block;
  z-index: 0;
}

.heading-area h1, .heading-area h2, .heading-area h3{ text-transform: uppercase;}

.heading-area h1:after, .heading-area h2:after, .heading-area h3:after, .job-post-item .job-title h4:after {
  content: '';
  height: 4px;
  width: 130%;
  position: absolute;
  background: #eee;
  bottom: 0;
  left: 0;
}

.heading-area h1:before, .heading-area h2:before, .heading-area h3:before, .job-post-item .job-title h4:before {
  content: '';
  height: 6px;
  width: 60px;
  position: absolute;
  background: #8a0c0d;
  bottom: -1px;
  left: 0;
  z-index: 1;
}

/*latest job listing*/
/*jobs posting listin item css*/
.jobpost {
  margin: 0 -15px;
}
.job-post-listing-area {
  position: relative;
}
.job-post-listing-area .arrow-group a svg {
  height: 30px;
  width: 30px;
}
.job-post-listing-area .arrow-group a {
  padding: 0 5px;
}

.job-post-listing-area .arrow-group {
  text-align: right;
  text-align: right;
  position: absolute;
  top: -58px;
  right: 0;
}
.job-post-item {
  margin: 10px 15px;
  padding: 10px 10px;
  border-bottom: 1px solid #e5e5e5;
  background: #f5f5f5;
}

.job-post-item .company-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.job-post-item .company-name p {
  margin: 0;
  font-size: 16px;
  color: #000;
  font-weight: 600;
  width: calc(100% - 45px);
}

.job-post-item .company-name .icon {
  width: 40px;
  height: 40px;
  background: #8a0c0d;
  line-height: 40px;
  text-align: center;
  padding: 5px;
}

.job-post-item .company-name .icon svg {
  width: 100%;
  height: auto;
  display: block;
}

.job-post-item .company-name .icon svg g path {
  fill:#fff;
}

.job-post-item .job-title h4 {
  font-size: 18px;
    line-height: 23px;
    font-weight: 500;
    min-height: 76px;
    margin-top: 0;
    color: #000;
}

.job-post-item .job-title h4:after {
  width: 100%;
}

.job-post-item .job-location p {
  font-size: 14px;
  font-family: "Raleway", sans-serif;
  color: #000;
}

.job-post-item .job-location p span {
  font-weight: 600;
}

.job-post-item .add-and-favorite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.job-post-item .add-and-favorite .add {
  border: 1px solid #8a0c0d;
  height: 40px;
  width: 40px;
  border-radius: 100px;
  padding: 7px;
}

.job-post-item .add-and-favorite .add svg {
  width: 100%;
  height: auto;
}


.job-post-item .add-and-favorite .add svg g polygon{
 fill:#8a0c0d;
}

.job-post-item .add-and-favorite .favorite {
  height: 40px;
  width: 40px;
  padding: 5px;
  margin-left: 25px;
}

.job-post-item .add-and-favorite .favorite svg {
  width: 100%;
  height: auto;
}

.view-all-jobs a, .product-show-area .view-all-product a {
  background: #8a0c0d;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  max-width: 200px;
  text-align: center;
  margin: 0 auto;
  height: 40px;
  line-height: 40px;
}

.view-all-jobs {
  padding: 20px 0;
}

.view-all-jobs a span {
  color: #fff;
  font-size: 16px;
}

/*end*/
/*end*/
/*jumbotron area*/
.jumbotron-area {
  background: url(../images/inner-banner.jpg);
  padding: 50px 0;
  text-align: center;
  position: relative;
  z-index: 0;
  background-attachment: fixed;
}
.jumbotron-area:after {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  z-index: -1;
  left: 0;
}
.jumbotron-area h2 {
  font-size: 36px;
  color: #fff;
  font-weight: 800;
  margin: 0;
  font-family: "Raleway", sans-serif;
}

.jumbotron-area p {
  font-size: 18px;
  font-weight: 500;
  font-family: "Open Sans", sans-serif;
  color: #fff;
  margin: 15px 0;
  line-height: 30px;
}

.jumbotron-area a {
  display: block;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Raleway", sans-serif;
  max-width: 170px;
  background: #000;
  border: 1px solid #fff;
  margin: 0 auto;
  height: 40px;
  line-height: 38px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.jumbotron-area a:hover, .jumbotron-area a:active, .jumbotron-area a:focus {
  color: #fff;
  background: transparent;
}

/*end*/
/*product slider section*/
/*end*/
/*product loop*/
.product-show-area {
  position: relative;
}

.product-show-area .product-slider, .product-show-area .product-loop {
  margin: 0 -15px;
}

.product-show-area .product-slider {
  border-bottom: 1px solid #e5e5e5;
  margin: 0 -15px 20px;
  padding: 0 0 20px;
}

.product-show-area .arrow-group {
  position: absolute;
  top: -55px;
  right: 0;
}

.product-show-area .arrow-group a {
  padding: 0 5px;
  cursor: pointer;
}

.product-show-area .arrow-group a svg {
  height: 30px;
  width: 30px;
}

.product-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.product-row .product-item {
  position: relative;
}

.product-row .product-item:after {
  content: '';
  height: 1px;
  width: calc(100% - 30px);
  background: #e5e5e5;
  position: absolute;
  bottom: -10px;
}

.product-item {
  width: calc(100%/3 - 3px);
  padding: 15px;
  margin: 15px 0;
  display: inline-block;
}

.product-item .product-img {
  border: 1px solid #e5e5e5;
  padding: 10px;
  text-align: center;
  position: relative;
}
.product-item .product-img:after {
  content: '';
  display: block;
  padding-bottom: 100%;
}

.product-item .product-img img {
  display: block;
  margin: auto;
  width: auto;
  max-width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.product-item .product-img .onsale {
  position: absolute;
  background: #8a0c0d;
  color: #fff;
  height: 40px;
  width: 40px;
  font-size: 14px;
  line-height: 40px;
  border-radius: 100px;
  left: 0;
  top: 0;
}

.product-item .product-detail-area h3 {
  font-size: 20px;
  margin: 0;
  font-weight: 600;
  font-family: "Raleway", sans-serif;
  margin: 10px 0;
}

.product-item .product-detail-area h3 a {
  display: block;
  color: #000;
}

.product-item .product-detail-area .price-and-quicl-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.product-item .product-detail-area .price-and-quicl-view .price {
  font-size: 24px;
  color: #000;
  font-family: "Raleway", sans-serif;
}

.product-item .product-detail-area .price-and-quicl-view .add-to-cart-btn {
  font-size: 16px;
  text-transform: capitalize;
  color: #000;
  font-family: "Raleway", sans-serif;
}

.product-item .product-detail-area .price-and-quicl-view .add-to-cart-btn a {
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 120px;
  margin: 0 auto;
  display: block;
  color: #000;
  border: 1px solid #000;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  position: relative;
  z-index: 0;
  font-weight: 600;
  padding: 0;
  background: transparent;
  font-size: 14px;
  border-radius: 0;
}

.product-item .product-detail-area .price-and-quicl-view .add-to-cart-btn a:after {
  position: absolute;
  content: '';
  height: 100%;
  width: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  top: 0;
  left: 0;
  background: #8a0c0d;
  z-index: -1;
}

.product-item .product-detail-area .price-and-quicl-view .add-to-cart-btn a:hover:after {
  width: 100%;
}

.product-item .product-detail-area .price-and-quicl-view .add-to-cart-btn a:hover {
  color: #fff;
  border-color: #8a0c0d;
}

.product-item .product-detail-area .price-and-quicl-view .add-to-cart-btn a.added {
  display: none !important;
}

.product-item:active, .product-item:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cart-collaterals .cross-sells {
  display: none;
}

/*end*/
/*dark subsribe area*/
.dark-subscribe-area {
  background: #f5f5f5;
  padding: 30px 0;
  background-size: cover;
  position: relative;
  z-index: 0;
}

.dark-subscribe-area:after {
  content: '';
  height: 100%;
  width: 50%;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
  z-index: -1;
}

.dark-subscribe-area .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dark-subscribe-area .row .datk-subscribe-content {
  color: #fff;
  padding-right: 30px;
}

.dark-subscribe-area .row .datk-subscribe-content h4 {
  font-size: 24px;
  text-transform: uppercase;
  font-family: "Raleway", sans-serif;
  font-weight: 900;
}

.dark-subscribe-area .row .datk-subscribe-content p {
  font-size: 14px;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  margin: 0;
}

.dark-subscribe-area .row .datk-subscribe-form {
  position: relative;
}

.dark-subscribe-area .row .datk-subscribe-form label {
  display: none;
}

.dark-subscribe-area .row .datk-subscribe-form p {
  margin: 0;
}

.dark-subscribe-area .row .datk-subscribe-form input {
  width: 100%;
  height: 40px;
  border: 1px solid #000;
  line-height: 38px;
  padding-left: 10px;
  border-radius: 0;
  background: transparent;
}

.dark-subscribe-area .row .datk-subscribe-form input[name="unsubscribe"] {
  display: none;
}

.dark-subscribe-area .row .datk-subscribe-form input[type="submit"] {
  position: absolute;
  width: 120px;
  font-size: 16px;
  font-weight: 600;
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  color: white;
  top: 24px;
  right: 0;
  background: #000;
  padding: 0;
}

/*end*/
/*news area*/
.news-area .news-loop-area {
  padding: 10px 0;
}

/*news item css*/
.news {
  margin: 10px 0;
}

.news .news-img {
  position: relative;
}

.news .news-img a {
  display: block;
}

.news .news-img a img {
  display: block;
  width: 100%;
}

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

.news .news-detail-area .date {
  padding: 5px 0;
  color: #000;
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
}

.news .news-detail-area .date span {
  color: #8a0c0d;
  font-size: 36px;
  font-weight: 700;
  line-height: 36px;
}

.news .news-detail-area .title h4 {
  margin: 5px 0;
  font-size: 22px;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  min-height: 52px;
}

.news .news-detail-area .title h4 a {
  color: #000;
}

.news .news-detail-area .title h4 a:hover, .news .news-detail-area .title h4 a:active, .news .news-detail-area .title h4 a:focus {
  color: #8a0c0d;
}

.news .news-detail-area .blog-short-description {
  padding: 10px 0;
}

.news .news-detail-area .blog-short-description p {
  margin: 0;
  font-size: 14px;
  line-height: 22px;
  color: #697585;
}

.news .blog-footer {
  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;
  padding: 10px 0;
  margin: 10px 0;
  border-top: 3px solid #e5e5e5;
}

.news .blog-footer .comments {
  color: #697585;
  font-size: 14px;
  line-height: 16px;
}

.news .blog-footer .comments svg {
  width: 25px;
  height: auto;
}

.news .blog-footer .add {
  width: 30px;
}

.news .blog-footer .add a {
  display: block;
}

.news .blog-footer .add a img {
  display: block;
}

/*end*/
/*Shop page area*/
.fillters-area {
  background: #8a0c0d;
  padding: 10px 0;
  display: none;
}

.fillters-area .col-md-6:last-child {
  text-align: right;
}

.fillters-area .col-md-6:last-child .filters {
  margin: 0 0 0 auto;
}

.fillters-area .filters {
  max-width: 400px;
}

.fillters-area .filters label {
  font-size: 24px;
  color: #fff;
  font-weight: 600;
  margin: 0;
  padding-right: 5px;
}

.fillters-area .filters select {
  height: 50px;
  width: 100%;
  padding-left: 5px;
  font-size: 14px;
  text-align: left;
  background: #8a0c0d;
  border: 1px solid #fff;
  color: #fff;
  font-weight: 700;
}

.fillters-area .filters form {
  margin: 0;
}

.fillters-area .filters .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.fillters-area .filters .row .col {
  padding: 0;
}

.fillters-area .filters span.select2-selection.select2-selection--single {
  height: 50px;
  line-height: 50px;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 0;
}

.fillters-area .filters span.select2-selection.select2-selection--single span#select2-product_cat-container {
  height: 50px !important;
  line-height: 50px;
}

.fillters-area .filters span.select2-selection.select2-selection--single span#select2-product_cat-container span.select2-selection__placeholder {
  color: #fff !important;
  font-weight: 700;
  font-size: 14px;
}

.fillters-area .filters span.select2-selection.select2-selection--single span#select2-product_cat-container {
  color: #000 !important;
  font-weight: 700;
}

.fillters-area .filters span.select2-selection.select2-selection--single span.select2-selection__arrow {
  height: 50px !important;
  line-height: 50px;
  color: #000 !important;
}

.fillters-area .filters span.select2-selection.select2-selection--single span.select2-selection__arrow b {
  color: #000 !important;
  border-color: #fff transparent transparent transparent !important;
}

nav.woocommerce-pagination ul {
  border: 0 !important;
}

nav.woocommerce-pagination ul li {
  border: 0 !important;
  vertical-align: middle !important;
  float: none;
}

nav.woocommerce-pagination ul li span {
  color: #000 !important;
  background: transparent !important;
  font-weight: 600 !important;
}

nav.woocommerce-pagination ul li a {
  background: transparent !important;
  color: #8a0c0d;
  font-weight: 600 !important;
  position: relative;
}

nav.woocommerce-pagination ul li a.next, nav.woocommerce-pagination ul li a.prev {
  font-size: 0;
  height: 25px;
  width: 25px;
  background: url(../images/arrow.jpg) no-repeat !important;
  background-size: 100% !important;
}

nav.woocommerce-pagination ul li a.next {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

/*end*/
/*cart page*/
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents .product-name a {
  color: #000;
}

.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents #coupon_code {
  width: 120px;
}

.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents button.button {
  background: #8a0c0d !important;
  color: #fff !important;
  border-radius: 0 !important;
}

.cart-collaterals a.checkout-button.button.alt.wc-forward {
  background: #8a0c0d;
  color: #fff;
  border-radius: 0;
  border: 1px solid #8a0c0d;
}

.cart-collaterals a.checkout-button.button.alt.wc-forward:hover {
  background: transparent;
  color: #8a0c0d;
}

/*end*/
/*checkout page*/
.woocommerce-info {
  border-color: #8a0c0d;
}

.woocommerce-info a {
  color: #000;
  font-weight: 600;
}

.woocommerce-info:before {
  color: #8a0c0d;
}

#customer_details {
  margin: 0 -15px;
}

#customer_details .col-1 {
  width: 100% !important;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
  max-width: 60%;
}

#customer_details .col-2 {
  width: 100% !important;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  max-width: 40%;
}

.woocommerce-billing-fields h3, .woocommerce-additional-fields h3 {
  font-size: 24px;
  margin: 10px 0;
  text-transform: capitalize;
}

.woocommerce-billing-fields label {
  display: block !important;
  width: 100%;
}

.woocommerce-billing-fields .woocommerce-input-wrapper {
  display: block;
  width: 100%;
}

.woocommerce-billing-fields .woocommerce-input-wrapper input {
  width: 100% !important;
  height: 40px;
  border: 1px solid #ccc;
  -webkit-padding-start: 10px;
          padding-inline-start: 10px;
}

.woocommerce-billing-fields span.select2-selection.select2-selection--single {
  height: 40px;
  border-radius: 0;
  border: 1px solid #ccc;
}

.woocommerce-billing-fields span.select2-selection.select2-selection--single span.select2-selection__arrow {
  height: 38px !important;
  line-height: 38px;
}

.woocommerce-billing-fields span.select2-selection.select2-selection--single span#select2-billing_country-container {
  height: 38px !important;
  line-height: 38px;
}

.woocommerce-privacy-policy-text a {
  color: #000;
  font-weight: 600;
}

#place_order {
  background: #8a0c0d;
  color: #fff;
  border: 1px solid #8a0c0d;
}


#place_order:hover {
  background: transparent;
  color: #8a0c0d;
}

.woocommerce-additional-fields__field-wrapper p label {
  width: 100%;
  display: block;
}

.woocommerce-additional-fields__field-wrapper p label span {
  display: inline;
}

.woocommerce-additional-fields__field-wrapper p span {
  width: 100%;
  display: block;
}

.woocommerce-additional-fields__field-wrapper p span textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
}

/*end*/
/*my account page*/
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid #000;
}

nav.woocommerce-MyAccount-navigation ul li {
  display: block;
}

nav.woocommerce-MyAccount-navigation ul li.is-active a {
  background: #8a0c0d;
  font-weight: 600;
  color: #fff;
}

nav.woocommerce-MyAccount-navigation ul li a {
  display: block;
  color: #000;
  background: #fff;
  padding: 8px;
  border-bottom: 1px solid #000;
}

nav.woocommerce-MyAccount-navigation ul li:last-child a {
  border: 0;
}

.woocommerce-MyAccount-content a {
  color: #8a0c0d;
}

.col2-set.addresses {
  margin: 0 -15px;
}

.col2-set.addresses .col-1, .col2-set.addresses .col-2 {
  width: 100%;
  max-width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

.col2-set.addresses .col-1 .woocommerce-Address-title.title h3, .col2-set.addresses .col-2 .woocommerce-Address-title.title h3 {
  font-size: 20px;
}

.woocommerce-MyAccount-content input {
  width: 100%;
  height: 40px;
  padding-left: 10px;
}

.woocommerce-MyAccount-content button {
  background: #8a0c0d !important;
  color: #000 !important;
}

.woocommerce-MyAccount-content legend {
  font-size: 20px;
  font-weight: 600;
}

.woocommerce-info .woocommerce-Button.button {
  background: #000 !important;
  color: #fff !important;
}

/*end*/
/*contact page*/
.form-area p {
  margin: 0;
}

.form-area .form-field {
  padding: 10px 0;
}

.form-area .form-field input {
  width: 100%;
  height: 40px;
  padding-left: 10px;
  border: 1px solid #e5e5e5;
}

.form-area .form-field input[type="submit"] {
  width: 110px;
  background: #8a0c0d;
  font-weight: 600;
  border: 0;
  cursor: pointer;
  color: #fff;
}
.wp-block-table.is-style-stripes td svg g path {
  fill: #8a0c0d;
}

.form-area .form-field textarea {
  width: 100%;
  height: 150px;
  padding: 10px;
  border: 1px solid #e5e5e5;
}

.custom-contact {
  border: 0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.custom-contact tr td {
  background: #fff;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 0;
  padding: 10px 0;
  font-size: 14px;
}

.custom-contact tr td svg {
  max-width: 30px;
  height: 30px;
  margin-right: 20px;
}

.custom-contact tr td a {
  font-size: 20px;
  color: #000;
  font-weight: 600;
}

.social-media-area.color ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 20px 0;
}

.social-media-area.color ul li {
  display: inline-block;
  padding: 10px;
}

.social-media-area.color ul li a {
  font-size: 0;
}

.social-media-area.color ul li a i {
  font-size: 20px;
  color: #697585;
}

.map-area {
  margin-bottom: -5px;
}

/*end*/
/*job-listing-area*/
.number-of-jobs .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.number-of-jobs .row .filters {
  max-width: 260px;
  margin: 0 0 0 auto;
}

.number-of-jobs .row .filters label {
  font-size: 18px;
  color: #000;
  font-weight: 600;
  text-align: right;
  display: block;
  margin: 0;
}

.number-of-jobs .row .filters select {
  height: 50px;
  width: 160px;
  border: 2px solid #000;
  padding-left: 10px;
  font-size: 18px;
  font-weight: 600;
}

.filters-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #8a0c0d;
  padding: 10px 10px 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.filters-heading .icon {
  display: block;
  height: 30px;
  width: 30px;
}

.filters-heading h2 {
  font-size: 24px;
  padding-left: 15px;
  font-weight: 600;
  color: #000;
}

.job-filters {
  border: 1px solid #e5e5e5;
  padding: 15px;
}

.job-filters .options-area {
  padding: 10px 0;
}

.job-filters .options-area .job_lists {
  max-height: 150px;
  overflow: hidden;
  overflow-y: scroll;
}

.job-filters .head {
  position: relative;
  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;
}

.job-filters .head p {
  font-size: 18px;
  color: #000;
  margin: 0;
  font-weight: 600;
}

.job-filters .head .plus-minus {
  height: 30px;
  width: 30px;
  display: block;
  border: 2px solid #8a0c0d;
  border-radius: 100px;
  position: relative;
  cursor: pointer;
}

.job-filters .head .plus-minus:after, .job-filters .head .plus-minus:before {
  content: '';
  height: 2px;
  width: 15px;
  background: #8a0c0d;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transform-origin: center;
          transform-origin: center;
}

.job-filters .head.active .plus-minus:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.job-filters ul {
  list-style: none;
  padding: 10px 0;
  margin: 0;
}

.job-filters ul li {
  position: relative;
  display: block;
  padding: 5px 0;
}

.job-filters ul li label {
  margin: 0;
  font-size: 16px;
  color: #000;
  font-weight: 600;
  width: calc(100% - 20px);
}

.job-filters ul li label:after {
  content: '';
  height: 15px;
  width: 15px;
  border: 1px solid #bbb;
  position: absolute;
  left: 0;
  top: 9px;
  border-radius: 3px;
}

.job-filters ul li label:before {
  content: '';
  height: 9px;
  width: 6px;
  border-style: solid;
  border-width: 0 2px 2px 0;
  position: absolute;
  left: 4px;
  top: 11px;
  margin: auto;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  display: none;
}

.job-filters ul li input {
  height: 15px;
  width: 15px;
  margin: 0;
  vertical-align: middle;
  position: relative;
  z-index: 3;
  opacity: 0;
}

.job-filters ul li input:checked + label:before {
  display: block;
}

.job-filters .more-link {
  text-align: center;
  display: none;
}

.job-filters .more-link a {
  color: #000;
  font-weight: 600;
  font-size: 18px;
}

.job-filter {
  padding: 10px 0;
}

.job-filter input {
  background: #8a0c0d;
  color: #000;
  font-size: 18px;
  width: 100%;
  height: 40px;
  border: 0;
  font-weight: 600;
  cursor: pointer;
  text-transform: uppercase;
}

.jobs {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid #ccc;
}

.jobs .job-title-area {
  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;
  font-weight: 600;
  color: #000;
}

.jobs .job-title-area h3 {
  font-weight: 600;
}

.jobs .job-title-area p {
  margin: 0;
}

.jobs .company-detail ul {
  padding: 0;
  list-style: none;
}

.jobs .company-detail ul li {
  display: inline-block;
  position: relative;
}

/* .jobs .company-detail ul li:before {
  content: '';
  height: 5px;
  width: 5px;
  position: absolute;
  background: #000;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 100px;
} */

.jobs .company-detail h4 {
  margin: 0 0 10px;
  color: #000;
  font-size: 20px;
  font-weight: 600;
}

.jobs .job-apply-area p {
  margin: 0;
  font-size: 14px;
  color: #000;
}

.jobs .apply-btn a {
  background: #8a0c0d;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  height: 40px;
  display: block;
  text-align: center;
  line-height: 40px;
  max-width: 120px;
  margin: 0 0 0 auto;
}

.jobs-listing {
  padding: 50px 0;
}

.listing-pagination {
  padding: 20px 0;
}

.listing-pagination ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.listing-pagination ul li {
  display: inline-block;
  vertical-align: middle;
  padding: 5px;
}

.listing-pagination ul li a {
  display: block;
  color: #ffc337;
  font-size: 18px;
  font-weight: 600;
}

.listing-pagination ul li a.next {
  font-size: 0;
  height: 25px;
  width: 25px;
  background: url(../images/arrow.jpg) no-repeat !important;
  background-size: 100% !important;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.listing-pagination ul li a.prev {
  font-size: 0;
  height: 25px;
  width: 25px;
  background: url(../images/arrow.jpg) no-repeat !important;
  background-size: 100% !important;
}

.listing-pagination ul li a.active {
  color: #000;
}

/*end*/
/*login and register form*/
.modal-footer-area {
  text-align: right;
  padding: 15px;
  border-top: 1px solid #e5e5e5;
}
.login-modals h2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
}

.login-modals .form-field {
  padding: 5px 0;
}

.login-modals .form-field input {
  width: 100%;
  height: 50px;
  padding-left: 10px;
  border: 2px solid #87919d;
  font-weight: 500;
}

.login-modals .form-field input[type="checkbox"] {
  height: 15px;
  width: 15px;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}
p.s2_error {
  color: red !important;
}

.login-modals .form-field button {
  height: 50px;
  width: 200px;
  margin: 0 auto;
  display: block;
  background: #8a0c0d;
  border: 0;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 10px;
  cursor: pointer;
  color: #fff;
}

.login-modals .form-field label {
  display: block;
  text-align: center;
}

.login-modals .form-field label span {
  font-size: 16px;
  font-weight: 600;
}

.login-modals p {
  text-align: center;
  color: #000;
  margin: 0;
  padding: 10px 0;
  color: #87919d;
}

.login-modals p a {
  color: #000;
}
#subscribe a{
    color: #000 !important;
    border-color: #8a0c0d !important;
    text-transform: capitalize;
    margin: 10px auto 0;}

.login-modals p.woocommerce-LostPassword.lost_password {
  text-align: right;
  padding-top: 0;
  font-size: 14px;
}

.login-modals p.woocommerce-LostPassword.lost_password a {
  color: #87919d;
  font-weight: 600;
}

/*lost passowrd*/
p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first input#user_login {
  height: 50px;
  padding-left: 10px;
  border: 2px solid #87919d;
}

form.woocommerce-ResetPassword.lost_reset_password button.woocommerce-Button.button {
  height: 50px;
  border-radius: 0;
  background: #8a0c0d;
  color: #fff;
}

/*end*/
/*blog page*/
.featured-post-area .heading-area {
  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;
}

.featured-post-area .heading-area .arrow-group a svg {
  height: 30px;
}

.featured-post-area .news .news-img img {
  width: 100%;
}

.featured-post-area .news .title h4 {
  font-size: 36px;
}

.pagination-area ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pagination-area ul li {
  display: inline-block;
  padding: 5px;
  font-size: 18px;
  font-weight: 600;
  vertical-align: middle;
}

.pagination-area ul li a {
  color: #8a0c0d;
}

.pagination-area ul li.active a {
  color: #000;
}

.pagination-area ul li.next-btn a {
  display: block;
  font-size: 0;
  height: 25px;
  width: 25px;
  background: url(../images/arrow.jpg) no-repeat !important;
  background-size: 100% !important;
}

.pagination-area ul li.prev-btn a {
  display: block;
  font-size: 0;
  height: 25px;
  width: 25px;
  background: url(../images/arrow.jpg) no-repeat !important;
  background-size: 100% !important;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.categories-list dl dd {
  width: 25px;
  display: inline-block;
  text-align: right;
  margin: 0;
  position: relative;
  margin: 0 -2px;
  height: 35px;
  line-height: 35px;
}

.categories-list dl dd:after {
  content: '';
  bottom: 0;
  height: 1px;
  position: absolute;
  width: 100%;
  left: 0;
  background: #e5e5e5;
}

.categories-list dl dt {
  width: calc(100% - 29px);
  display: inline-block;
  position: relative;
  margin: 0 -2px;
  height: 35px;
  line-height: 35px;
}

.categories-list dl dt a {
  text-transform: uppercase;
  font-size: 14px;
  color: #212528;
  position: relative;
  padding-left: 12px;
}

.categories-list dl dt a:before {
  content: '';
  height: 5px;
  width: 5px;
  background: #212528;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 100px;
}

.categories-list dl dt:after {
  content: '';
  bottom: 0;
  height: 1px;
  position: absolute;
  width: 100%;
  left: 0;
  background: #e5e5e5;
}

.popular-posts-list {
  padding: 10px 0;
}

.popular-posts-list .post-detail {
  width: calc(100% - 105px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
}

.popular-posts-list .post-detail p {
  margin: 0;
}

.popular-posts-list .post-detail p a {
  color: #212528;
}

.popular-posts-list .post-img {
  width: 100px;
  display: inline-block;
  vertical-align: middle;
}

.popular-posts-list .post-img img {
  max-width: 100%;
  height: auto;
}

/*end*/
/*single page*/
.search-and-faq {
  padding: 30px 0;
}

form#searchform div {
  width: 100%;
  max-width: 400px;
  position: relative;
}

form#searchform div input {
  width: 100%;
  height: 40px;
  padding-left: 10px;
  border: 1px solid #ccc;
}

form#searchform div input[type="submit"] {
  background: #8a0c0d;
  border: 0;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  max-width: 100px;
  position: absolute;
  top: 0;
  right: 0;
}

/*end*/


/*changes 27-Dec-2018*/
.woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2 { flex: 0 0 48%; max-width: 100%;}
.woocommerce-page .col2-set .col-1 label input {display: inline;}
.woocommerce-page .col2-set .col-1 label {padding: 10px 0 0; margin: 0;}
.woocommerce-page .col2-set .col-1 .form-row, .woocommerce-page .col2-set .col-2 .form-row {flex-direction: column;align-items: flex-start;}
.woocommerce-page .col2-set .col-1 button, .woocommerce-page .col2-set .col-2 button {height: 40px;width: 120px;display: block !important;clear: both;background: #8a0c0d;color: #fff;font-weight: 400; border-radius: 0;}
.woocommerce-page .col2-set .col-1 input[type="checkbox"], .woocommerce-page .col2-set .col-2 input[type="checkbox"] {height: auto; width: 13px;}
.woocommerce-page .col2-set .col-1 input, .woocommerce-page .col2-set .col-2 input {width: 100%; height: 40px; border: 1px solid #aaa; padding-left: 15px;}
.single-product-page nav.woocommerce-breadcrumb a:hover { color: #8a0c0d;}
p.woocommerce-LostPassword.lost_password a {color: #8a0c0d;}
.entry-content a {color: #8a0c0d;}
.single-product-page nav.woocommerce-breadcrumb a { transition: 0.3s ease;}
.single-product-page nav.woocommerce-breadcrumb { padding: 10px 0;}
.summary.entry-summary h1 {font-size: 36px; color: #000;}
.price span {color: #8a0c0d; font-size: 24px;}
table.variations tr td select {height: 40px; padding-left: 10px;}
table.variations tr td label {margin: 0;}
table.variations tr td {display: block;}
.quantity input {height: 40px;}
button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {height: 40px;border-radius: 0;background: #8a0c0d;color: #000; font-weight: normal;}
.product_meta a {color: #8a0c0d;}
.related.products h2, #tab-additional_information h2, h2.woocommerce-Reviews-title {font-size: 18px; color: #000; border-left: 4px solid #8a0c0d; padding-left: 10px;}
.form-submit input {background: #000 !important;color: #fff !important; font-weight: normal !important; border-radius: 0 !important;}
button.single_add_to_cart_button.button.alt {background: #8a0c0d; border-radius: 0; height: 40px; font-weight: normal; transition: 0.3s ease}
button.single_add_to_cart_button.button.alt:hover{background: #000;}
#commentform textarea {height: 120px !important; padding: 10px;}
#commentform label {display: block;}
#commentform input {width: 100%;height: 40px; padding-left: 10px;}
#commentform input[type="submit"] {max-width: 100px; padding: 0;}
p.form-row.form-row-first input {height: 40px; padding-left: 10px;}
p.form-row.form-row-last button {background: #8a0c0d;height: 40px;color: #fff; border-radius: 0;}
.entry-content p {text-align: justify !important; font-family: "Raleway", sans-serif !important; margin-bottom: 10px;}
.single-post-area p, .single-post-area ul {font-size: 16px !important; line-height: 27px !important;color: #000 !important; margin-top: 10px !important; font-family: "Raleway", sans-serif !important;}
.fleft:nth-child(1) {color: #fff;background: #000;font-weight: 600;padding: 10px 20px;border-radius: 100px;}
.fleft ul {list-style: none;padding: 0;margin: 0;}
.fleft ul li {display: inline-block; padding: 5px;}
.bodyfooter.fright {display: flex;flex-direction: row;align-items: center; justify-content: space-between; width: 100%;}
.fleft ul li a {color: #ffc337;}
.fleft a.disable {opacity: 0.3; cursor: no-drop;}
select.cur_page {height: 35px; padding-left: 5px; border: 1px solid #e5e5e5;}
.resource {padding: 50px 0;}
a.btn.btn-red {border-color: #8a0c0d; background: #8a0c0d; color: #fff;}
.news-form a:hover {background: transparent; color: #ffffff; border-color: #fff;}
.news-form a {display: block;background: transparent; color: #ffffff;font-weight: 600;width: 130px;text-align: center;height: 40px;line-height: 40px;margin: 10px 0;border-radius: 4px; transition: 0.3s ease;  border: 1px solid #fff;}
.view-all-product a:hover { background: transparent; color: #8a0c0d;}
.view-all-product a {background: #8a0c0d; border: 1px solid #8a0c0d; color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 600; display: block; max-width: 200px;text-align: center;margin: 0 auto; height: 40px;line-height: 40px;}
.view-all-product {text-align: center; margin-top: 40px;}
.jon-search-bar .logo-area {padding-bottom: 10px;}
.modal-footer input[type="submit"], .modal-footer a{height: 50px; width: 200px; margin: 0 auto; display: block; background: #8a0c0d; border: 0;font-size: 18px;font-weight: 600;text-transform: uppercase;margin-top: 10px;cursor: pointer; color: #fff; line-height: 50px; padding: 0;}
.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle {background: #8a0c0d;border-radius: 0;border: 0;}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {background: #fff; border-radius: 0;}
form#s2ajaxform label {color: #000 !important;}
form#s2ajaxform input[name="unsubscribe"] {display: none;}
form#s2ajaxform input[name="subscribe"] {background: #000; cursor: pointer; color: #fff;border: 0;width: 130px;height: 40px;line-height: 40px;padding: 0;}
form#s2ajaxform input {width: 100%;height: 40px;padding-left: 10px;}
button.ui-dialog-titlebar-close:after {content: 'X';position: absolute;top: 0;left: 0;right: 0;line-height: 19px;}
button.ui-dialog-titlebar-close {position: relative;border: 0;background: #fff;}
.ui-dialog .ui-dialog-title {font-weight: normal;}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable p {color: #000;}
div#ui-id-1 {min-height: unset !important;}
/*end*/


/*media-screens*/
@media screen and (max-width: 1400px) {
  .custom-header .container {
    max-width: 1350px;
  }
  .custom-header .menu-area {
    margin-top: 75px;
  }
}

@media screen and (max-width: 1366px) {
  .custom-header .container {
    max-width: 1250px;
  }
  .custom-header .custom-header .menu-area {
    margin-top: 65px;
  }
}

@media screen and (max-width: 1280px) {
  .custom-header .container {
    max-width: 1140px;
  }
  .custom-header .menu-area {
    margin-top: 25px;
  }
  .price-area ul{ font-size: 15px;}
  .price-area ul li{ padding: 0 5px;}
  .login-area {margin: 0 -5px;}
  .login-link {padding: 0 0 0 10px;}

}

@media screen and (max-width: 1199px) {
  .custom-header .container {
    max-width: 960px;
  }
  .custom-header .menu-area {
    margin-top: 10px;
  }
  .price-area ul li {
    width: 49%;
    max-width: 245px;
    text-align: left;
  }
}

@media screen and (max-width: 991px) {
  .login-area{ margin: 0 -15px;}
  .login-link {padding: 0 0 0 5px;}
  #toggle {height: 35px;width: 30px;line-height: 35px;}
  .woocommerce-billing-fields h3, .woocommerce-additional-fields h3 {
    font-size: 20px;
  }
  .custom-header {
    position: relative;
  }
  .custom-header .container {
    max-width: 750px;
  }
  .custom-header .container .row .col-md-8 {
    position: inherit;
  }
  .custom-header .menu-area {
    margin-top: 10px;
  }
  .price-area ul {
    font-size: 14px;
  }
  .price-area ul li {
    max-width: 210px;
  }
  .menu-area .menu {
    display: none;
    position: absolute;
    width: 95%;
    z-index: 1;
    padding-top: 15px;
    left: 0;
    right: 0;
    top: 100%;
    margin: 0 auto;
  }
  .menu-area .menu ul li {
    display: block;
    text-align: left;
    padding: 0;
    border-bottom: 1px solid #000;
    background: #fff;
  }
  .menu-area .menu ul li a {
    display: block;
    padding: 14px;
  }
  .menu-area .menu ul li:last-child {
    border: 0;
  }
  .menu-area #toggle {
    display: inline-block;
    vertical-align: middle;
  }
  .custom-footer .copy-right-area .footer-links, .custom-footer .copy-right-area .copy-rights {
    text-align: center;
  }
  .custom-footer .copy-right-area .footer-links p, .custom-footer .copy-right-area .copy-rights p {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 22px;
  }
  .custom-footer .copy-right-area .footer-links ul, .custom-footer .copy-right-area .copy-rights ul {
    font-size: 14px;
    line-height: 14px;
  }
  .fillters-area .filters label {
    font-size: 20px;
  }
  .product-item {
    width: calc(100%/2 - 3px);
  }
}

@media screen and (max-width: 767px) {
  .dark-subscribe-area .row .datk-subscribe-content{ padding: 0;}
  .front-subscription a {margin: 10px auto 0;}
  .menu ul li a{ font-size: 30px;}
  .login-area { margin: 15px 0 0;  display: block; text-align: center;}
  .product-show-area .product-slider{ margin: 0 0 20px;}
  .product-item .product-img{ padding: 0;}
  .product-item .product-detail-area h3{ text-align: center;}
  .jobs:first-child {
    margin-top: 20px;
  }
  .number-of-jobs {
    padding-bottom: 20px;
  }
  .number-of-jobs .row .filters {
    margin: 0;
  }
  .wp-block-column {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  #customer_details {
    margin: 0;
  }
  #customer_details .col-1, #customer_details .col-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  .product-item {
    width: 100%;
  }
  .fillters-area .filters {
    max-width: 100%;
  }
  .fillters-area .col-md-6:last-child .filters {
    margin: 15px 0 0;
    text-align: left;
  }
  .fillters-area .col-md-6:last-child .filters form {
    width: 100%;
  }
  .front-subscription-area .front-subscription p {
    margin-bottom: 10px;
    text-align: center;
  }
  .custom-header {
    position: relative;
  }
  .custom-header .container {
    max-width: 550px;
  }
  .custom-header .container .row .col-md-8 {
    position: inherit;
  }
  .custom-header .container .row .logo-area {
    max-width: 200px;
    margin: 0 auto;
  }
 
 
  .custom-header .menu-area {
    margin-top: 10px;
  }
  .price-area, .menu-area {
    text-align: center;
  }
  .banner-area .jon-search-bar .form-field {
    margin: 5px -10px;
  }
  .banner-area .jon-search-bar h1 {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .custom-footer .upper-footer .footer-about {
    max-width: 100%;
  }
  .dark-subscribe-area:after {
    display: none;
  }
  .dark-subscribe-area .row .datk-subscribe-content {
    color: #000;
    text-align: center;
  }
}

@media screen and (max-width: 574px) {
  .product-item .product-detail-area .price-and-quicl-view { flex-direction: column; align-items: center;}
  .jobs .job-title-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .fillters-area .filters .row .col {
    padding: 0 15px;
  }
  .banner-area .jon-search-bar {
    max-width: 360px;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
  .banner-area .jon-search-bar .form-field {
    margin: 5px 0px;
  }
  .banner-area .jon-search-bar .form-field input {
    height: 40px;
    line-height: 40px;
  }
  .banner-area .jon-search-bar .form-field .icon {
    max-height: 20px;
    width: 20px;
  }
  .custom-footer .upper-footer .row .footer-about {
    max-width: 100%;
  }
}

@media screen and (max-width: 460px) {
  .product-item {
    padding: 10px 0;
  }
  .heading-area h1:after, .heading-area h2:after, .heading-area h3:after, .job-post-item .job-title h4:after {
    width: 100%;
  }
  .fillters-area .filters .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .fillters-area .filters .row .col {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .price-area {
    height: 25px;
    width: 388px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
  }
  .price-area ul {
    width: 840px;
    height: 25px;
    position: absolute;
    overflow: hidden;
    padding-left: 20px;
    -webkit-animation: marquee 20s linear infinite;
            animation: marquee 20s linear infinite;
  }
  .price-area ul li {
    display: inline-block;
    width: auto;
    max-width: 100%;
  }
  @-webkit-keyframes marquee {
    0% {
      left: 0;
    }
    100% {
      left: -850px;
    }
  }
  @keyframes marquee {
    0% {
      left: 0;
    }
    100% {
      left: -850px;
    }
  }
}

@media screen and (max-width: 400px) {
  .heading-area h1, .heading-area h2, .heading-area h3, .job-post-item .job-title h4{ font-size: 28px; line-height: normal;}
  ul.tabs.wc-tabs li:after, ul.tabs.wc-tabs li:before { display: none;}
ul.tabs.wc-tabs:before { display: none !important;}
ul.tabs.wc-tabs { flex-direction: column; border: 0 !important; box-shadow: none !important; padding: 0 !important} 
ul.tabs.wc-tabs li { float: none; display: block; width: 100%; margin: 5px 0 !important; border: 1px solid #000 !important; border-radius: 0 !important;}
  

.banner-area .jon-search-bar { max-width: 100%; margin: 0 auto; left: 0; right: 0; }
  .banner-area .jon-search-bar .form-field {
    margin: 0 0 5px 0;
  }
  .banner-area .jon-search-bar .form-field input {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
  .banner-area .jon-search-bar .form-field input[type="submit"] {
    font-size: 18px;
  }
  .banner-area .jon-search-bar .form-field .icon {
    max-height: 25px;
    width: 15px;
  }
  .banner-area .jon-search-bar h1 {
    font-size: 18px;
    margin: 0 0 5px;
  }
  .price-area {
    width: 300px;
  }
  
  .jumbotron-area h2 {
    font-size: 24px;
  }
}






/*end*/
/*# sourceMappingURL=local.css.map */