/*------------------------------------------------
*
* Theme Color - Gunmetal
*
-------------------------------------------------*/
.theme-color-gunmetal
  a:not([class^="button"]):not([class^="link-social"]):not(
    .header-logo a
  ):hover {
  color: #4682b4;
}

.theme-color-gunmetal
  [class*="bg-gradient"]
  a:not([class^="button"]):not([class^="link-social"]):not(
    .header-logo a
  ):hover,
.theme-color-gunmetal
  [class*="bg-color"]
  a:not([class^="button"]):not([class^="link-social"]):not(
    .header-logo a
  ):hover {
  color: white;
}

.theme-color-gunmetal
  .header
  .header-menu:not([class*="dropdown-color"])
  .nav
  .nav-item
  .nav-dropdown
  a:not([class^="button"]):not([class^="link-social"]):hover,
.theme-color-gunmetal
  .header
  .header-menu:not([class*="dropdown-color"])
  .nav
  .nav-item
  .nav-dropdown
  a:not([class^="button"]):not([class^="link-social"]):focus {
  color: #2c3537;
}

.theme-color-gunmetal .bg-color-theme {
  background: #2c3537;
}

.theme-color-gunmetal .bg-color-theme-09 {
  background: rgba(44, 53, 55, 0.9);
}

.theme-color-gunmetal .bg-color-theme-08 {
  background: rgba(44, 53, 55, 0.8);
}

.theme-color-gunmetal .bg-color-theme-07 {
  background: rgba(44, 53, 55, 0.7);
}

.theme-color-gunmetal .bg-color-theme-06 {
  background: rgba(44, 53, 55, 0.6);
}

.theme-color-gunmetal .bg-color-theme-05 {
  background: rgba(44, 53, 55, 0.5);
}

.theme-color-gunmetal .bg-color-theme-04 {
  background: rgba(44, 53, 55, 0.4);
}

.theme-color-gunmetal .bg-color-theme-03 {
  background: rgba(44, 53, 55, 0.3);
}

.theme-color-gunmetal .bg-color-theme-02 {
  background: rgba(44, 53, 55, 0.2);
}

.theme-color-gunmetal .bg-color-theme-01 {
  background: rgba(44, 53, 55, 0.1);
}

.theme-color-gunmetal .bg-light-theme {
  background: #f7e5e7;
}

.theme-color-gunmetal .button-theme {
  background: #2c3537;
}

.theme-color-gunmetal .button-outline-theme {
  border-color: #2c3537;
  color: #2c3537;
}

.theme-color-gunmetal .button-outline-theme:hover,
.theme-color-gunmetal .button-outline-theme:focus {
  background: #b660000;
  color: white;
}

.theme-color-gunmetal .button-circle-theme {
  background: #2c3537;
}

.theme-color-gunmetal .button-circle-outline-theme {
  border-color: #2c3537;
  color: #2c3537;
}

.theme-color-gunmetal .button-circle-outline-theme:hover,
.theme-color-gunmetal .button-circle-outline-theme:focus {
  background: #2c3537;
}

.theme-color-gunmetal .button-backdrop-color-theme {
  background: #2c3537;
}

.theme-color-gunmetal .button-text-theme.button-text-1,
.theme-color-gunmetal .button-text-theme.button-text-2,
.theme-color-gunmetal .button-text-theme.button-text-3 {
  color: #2c3537;
}

.theme-color-gunmetal .button-text-theme.button-text-1:hover,
.theme-color-gunmetal .button-text-theme.button-text-2:hover,
.theme-color-gunmetal .button-text-theme.button-text-3:hover {
  color: #2c3537;
}

.theme-color-gunmetal .button-text-theme.button-text-1:before {
  background: rgba(44, 53, 55, 0.3);
}

.theme-color-gunmetal .button-text-theme.button-text-1:after {
  background: #2c3537;
}

.theme-color-gunmetal .button-text-theme.button-text-2:before {
  background: rgba(44, 53, 55, 0.1);
}

.theme-color-gunmetal .button-text-theme.button-text-2:after {
  background: #2c3537;
}

.theme-color-gunmetal .button-text-theme.button-text-3:before {
  background: #2c3537;
}

.theme-color-gunmetal .button-text-theme.button-text-3:hover:before {
  background: #2c3537;
}

.theme-color-gunmetal .bg-black .button-text-theme.button-text-1,
.theme-color-gunmetal .bg-black .button-text-theme.button-text-2,
.theme-color-gunmetal .bg-black .button-text-theme.button-text-3,
.theme-color-gunmetal [class*="bg-dark"] .button-text-theme.button-text-1,
.theme-color-gunmetal [class*="bg-dark"] .button-text-theme.button-text-2,
.theme-color-gunmetal [class*="bg-dark"] .button-text-theme.button-text-3 {
  color: #2c3537;
}

.theme-color-gunmetal .bg-black .button-text-theme.button-text-1:hover,
.theme-color-gunmetal .bg-black .button-text-theme.button-text-2:hover,
.theme-color-gunmetal .bg-black .button-text-theme.button-text-3:hover,
.theme-color-gunmetal [class*="bg-dark"] .button-text-theme.button-text-1:hover,
.theme-color-gunmetal [class*="bg-dark"] .button-text-theme.button-text-2:hover,
.theme-color-gunmetal
  [class*="bg-dark"]
  .button-text-theme.button-text-3:hover {
  color: #2c3537;
}

.theme-color-gunmetal .bg-black .button-text-theme.button-text-1:before,
.theme-color-gunmetal
  [class*="bg-dark"]
  .button-text-theme.button-text-1:before {
  background: rgba(44, 53, 55, 0.3);
}

.theme-color-gunmetal .bg-black .button-text-theme.button-text-1:after,
.theme-color-gunmetal
  [class*="bg-dark"]
  .button-text-theme.button-text-1:after {
  background: #2c3537;
}

.theme-color-gunmetal .bg-black .button-text-theme.button-text-2:before,
.theme-color-gunmetal
  [class*="bg-dark"]
  .button-text-theme.button-text-2:before {
  background: rgba(44, 53, 55, 0.3);
}

.theme-color-gunmetal .bg-black .button-text-theme.button-text-2:after,
.theme-color-gunmetal
  [class*="bg-dark"]
  .button-text-theme.button-text-2:after {
  background: #2c3537;
}

.theme-color-gunmetal .bg-black .button-text-theme.button-text-3:before,
.theme-color-gunmetal
  [class*="bg-dark"]
  .button-text-theme.button-text-3:before {
  background: #2c3537;
}

.theme-color-gunmetal .bg-black .button-text-theme.button-text-3:hover:before,
.theme-color-gunmetal
  [class*="bg-dark"]
  .button-text-theme.button-text-3:hover:before {
  background: #2c3537;
}

.theme-color-gunmetal .text-color-theme {
  color: #2c3537;
}

.theme-color-gunmetal .progress-box.progress-theme .animated-progress div {
  background: #2c3537;
}

.theme-color-gunmetal
  [class*="bg-gradient"]
  .progress-box.progress-theme
  .animated-progress
  div,
.theme-color-gunmetal
  [class*="bg-color"]
  .progress-box.progress-theme
  .animated-progress
  div {
  background: white;
}

.theme-color-gunmetal.preloader-theme .preloader-1 div .loader-path {
  stroke: #2c3537;
}

.theme-color-gunmetal.preloader-theme .preloader-2 div span {
  background: #2c3537;
  background: linear-gradient(to right, #2c3537 10%, transparent 40%);
}

.theme-color-gunmetal.preloader-theme .preloader-2 div span:before {
  background: #2c3537;
}

.theme-color-gunmetal.preloader-theme .preloader-3 div span:before,
.theme-color-gunmetal.preloader-theme .preloader-3 div span:after {
  background: rgba(44, 53, 55, 0.2);
}

.theme-color-gunmetal .accordion li .accordion-title {
  border-color: rgba(44, 53, 55, 0.1);
}

.theme-color-gunmetal .accordion li .accordion-title:before,
.theme-color-gunmetal .accordion li .accordion-title:after {
  background: #2c3537;
}

.theme-color-gunmetal .accordion li .accordion-title h1,
.theme-color-gunmetal .accordion li .accordion-title h2,
.theme-color-gunmetal .accordion li .accordion-title h3,
.theme-color-gunmetal .accordion li .accordion-title h4,
.theme-color-gunmetal .accordion li .accordion-title h5,
.theme-color-gunmetal .accordion li .accordion-title h6 {
  color: #2c3537;
}

.theme-color-gunmetal .accordion li.active .accordion-title {
  border-color: #2c3537;
}

.theme-color-gunmetal .accordion.style-3 li .accordion-title {
  background: #f7e5e7;
}

.theme-color-gunmetal .accordion.style-3 li.active .accordion-title {
  background: #2c3537;
  color: white;
}

.theme-color-gunmetal .accordion.style-3 li.active .accordion-title:before,
.theme-color-gunmetal .accordion.style-3 li.active .accordion-title:after {
  background: white;
}

.theme-color-gunmetal .accordion.style-3 li.active .accordion-title h1,
.theme-color-gunmetal .accordion.style-3 li.active .accordion-title h2,
.theme-color-gunmetal .accordion.style-3 li.active .accordion-title h3,
.theme-color-gunmetal .accordion.style-3 li.active .accordion-title h4,
.theme-color-gunmetal .accordion.style-3 li.active .accordion-title h5,
.theme-color-gunmetal .accordion.style-3 li.active .accordion-title h6 {
  color: white;
}

.theme-color-gunmetal .bg-black .accordion li .accordion-title,
.theme-color-gunmetal [class*="bg-dark"] .accordion li .accordion-title {
  border-color: rgba(255, 255, 255, 0.2);
}

.theme-color-gunmetal .bg-black .accordion li .accordion-title:before,
.theme-color-gunmetal .bg-black .accordion li .accordion-title:after,
.theme-color-gunmetal [class*="bg-dark"] .accordion li .accordion-title:before,
.theme-color-gunmetal [class*="bg-dark"] .accordion li .accordion-title:after {
  background: white;
}

.theme-color-gunmetal .bg-black .accordion li.active .accordion-title,
.theme-color-gunmetal [class*="bg-dark"] .accordion li.active .accordion-title {
  border-color: #2c3537;
}

.theme-color-gunmetal .bg-black .accordion.style-3 li .accordion-title,
.theme-color-gunmetal
  [class*="bg-dark"]
  .accordion.style-3
  li
  .accordion-title {
  background: rgba(255, 255, 255, 0.1);
}

.theme-color-gunmetal .bg-black .accordion.style-3 li.active .accordion-title,
.theme-color-gunmetal
  [class*="bg-dark"]
  .accordion.style-3
  li.active
  .accordion-title {
  background: #2c3537;
  color: white;
}

.theme-color-gunmetal
  .bg-black
  .accordion.style-3
  li.active
  .accordion-title:before,
.theme-color-gunmetal
  .bg-black
  .accordion.style-3
  li.active
  .accordion-title:after,
.theme-color-gunmetal
  [class*="bg-dark"]
  .accordion.style-3
  li.active
  .accordion-title:before,
.theme-color-gunmetal
  [class*="bg-dark"]
  .accordion.style-3
  li.active
  .accordion-title:after {
  background: white;
}

.theme-color-gunmetal
  .bg-black
  .accordion.style-3
  li.active
  .accordion-title
  h1,
.theme-color-gunmetal
  .bg-black
  .accordion.style-3
  li.active
  .accordion-title
  h2,
.theme-color-gunmetal
  .bg-black
  .accordion.style-3
  li.active
  .accordion-title
  h3,
.theme-color-gunmetal
  .bg-black
  .accordion.style-3
  li.active
  .accordion-title
  h4,
.theme-color-gunmetal
  .bg-black
  .accordion.style-3
  li.active
  .accordion-title
  h5,
.theme-color-gunmetal
  .bg-black
  .accordion.style-3
  li.active
  .accordion-title
  h6,
.theme-color-gunmetal
  [class*="bg-dark"]
  .accordion.style-3
  li.active
  .accordion-title
  h1,
.theme-color-gunmetal
  [class*="bg-dark"]
  .accordion.style-3
  li.active
  .accordion-title
  h2,
.theme-color-gunmetal
  [class*="bg-dark"]
  .accordion.style-3
  li.active
  .accordion-title
  h3,
.theme-color-gunmetal
  [class*="bg-dark"]
  .accordion.style-3
  li.active
  .accordion-title
  h4,
.theme-color-gunmetal
  [class*="bg-dark"]
  .accordion.style-3
  li.active
  .accordion-title
  h5,
.theme-color-gunmetal
  [class*="bg-dark"]
  .accordion.style-3
  li.active
  .accordion-title
  h6 {
  color: white;
}

.theme-color-gunmetal [class*="bg-gradient"] .accordion li .accordion-title,
.theme-color-gunmetal [class*="bg-color"] .accordion li .accordion-title {
  border-color: rgba(255, 255, 255, 0.2);
}

.theme-color-gunmetal [class*="bg-gradient"] .accordion li .accordion-title h1,
.theme-color-gunmetal [class*="bg-gradient"] .accordion li .accordion-title h2,
.theme-color-gunmetal [class*="bg-gradient"] .accordion li .accordion-title h3,
.theme-color-gunmetal [class*="bg-gradient"] .accordion li .accordion-title h4,
.theme-color-gunmetal [class*="bg-gradient"] .accordion li .accordion-title h5,
.theme-color-gunmetal [class*="bg-gradient"] .accordion li .accordion-title h6,
.theme-color-gunmetal [class*="bg-color"] .accordion li .accordion-title h1,
.theme-color-gunmetal [class*="bg-color"] .accordion li .accordion-title h2,
.theme-color-gunmetal [class*="bg-color"] .accordion li .accordion-title h3,
.theme-color-gunmetal [class*="bg-color"] .accordion li .accordion-title h4,
.theme-color-gunmetal [class*="bg-color"] .accordion li .accordion-title h5,
.theme-color-gunmetal [class*="bg-color"] .accordion li .accordion-title h6 {
  color: white;
}

.theme-color-gunmetal
  [class*="bg-gradient"]
  .accordion
  li
  .accordion-title:before,
.theme-color-gunmetal
  [class*="bg-gradient"]
  .accordion
  li
  .accordion-title:after,
.theme-color-gunmetal [class*="bg-color"] .accordion li .accordion-title:before,
.theme-color-gunmetal [class*="bg-color"] .accordion li .accordion-title:after {
  background: white;
}

.theme-color-gunmetal
  [class*="bg-gradient"]
  .accordion
  li.active
  .accordion-title,
.theme-color-gunmetal
  [class*="bg-color"]
  .accordion
  li.active
  .accordion-title {
  border-color: white;
}

.theme-color-gunmetal
  [class*="bg-gradient"]
  .accordion.style-3
  li
  .accordion-title,
.theme-color-gunmetal
  [class*="bg-color"]
  .accordion.style-3
  li
  .accordion-title {
  background: rgba(255, 255, 255, 0.1);
}

.theme-color-gunmetal
  [class*="bg-gradient"]
  .accordion.style-3
  li
  .accordion-title
  h1,
.theme-color-gunmetal
  [class*="bg-gradient"]
  .accordion.style-3
  li
  .accordion-title
  h2,
.theme-color-gunmetal
  [class*="bg-gradient"]
  .accordion.style-3
  li
  .accordion-title
  h3,
.theme-color-gunmetal
  [class*="bg-gradient"]
  .accordion.style-3
  li
  .accordion-title
  h4,
.theme-color-gunmetal
  [class*="bg-gradient"]
  .accordion.style-3
  li
  .accordion-title
  h5,
.theme-color-gunmetal
  [class*="bg-gradient"]
  .accordion.style-3
  li
  .accordion-title
  h6,
.theme-color-gunmetal
  [class*="bg-color"]
  .accordion.style-3
  li
  .accordion-title
  h1,
.theme-color-gunmetal
  [class*="bg-color"]
  .accordion.style-3
  li
  .accordion-title
  h2,
.theme-color-gunmetal
  [class*="bg-color"]
  .accordion.style-3
  li
  .accordion-title
  h3,
.theme-color-gunmetal
  [class*="bg-color"]
  .accordion.style-3
  li
  .accordion-title
  h4,
.theme-color-gunmetal
  [class*="bg-color"]
  .accordion.style-3
  li
  .accordion-title
  h5,
.theme-color-gunmetal
  [class*="bg-color"]
  .accordion.style-3
  li
  .accordion-title
  h6 {
  color: white;
}

.theme-color-gunmetal
  [class*="bg-gradient"]
  .accordion.style-3
  li.active
  .accordion-title,
.theme-color-gunmetal
  [class*="bg-color"]
  .accordion.style-3
  li.active
  .accordion-title {
  background: white;
  color: #7c7c7c;
}

.theme-color-gunmetal
  [class*="bg-gradient"]
  .accordion.style-3
  li.active
  .accordion-title:before,
.theme-color-gunmetal
  [class*="bg-gradient"]
  .accordion.style-3
  li.active
  .accordion-title:after,
.theme-color-gunmetal
  [class*="bg-color"]
  .accordion.style-3
  li.active
  .accordion-title:before,
.theme-color-gunmetal
  [class*="bg-color"]
  .accordion.style-3
  li.active
  .accordion-title:after {
  background: black;
}

.theme-color-gunmetal
  [class*="bg-gradient"]
  .accordion.style-3
  li.active
  .accordion-title
  h1,
.theme-color-gunmetal
  [class*="bg-gradient"]
  .accordion.style-3
  li.active
  .accordion-title
  h2,
.theme-color-gunmetal
  [class*="bg-gradient"]
  .accordion.style-3
  li.active
  .accordion-title
  h3,
.theme-color-gunmetal
  [class*="bg-gradient"]
  .accordion.style-3
  li.active
  .accordion-title
  h4,
.theme-color-gunmetal
  [class*="bg-gradient"]
  .accordion.style-3
  li.active
  .accordion-title
  h5,
.theme-color-gunmetal
  [class*="bg-gradient"]
  .accordion.style-3
  li.active
  .accordion-title
  h6,
.theme-color-gunmetal
  [class*="bg-color"]
  .accordion.style-3
  li.active
  .accordion-title
  h1,
.theme-color-gunmetal
  [class*="bg-color"]
  .accordion.style-3
  li.active
  .accordion-title
  h2,
.theme-color-gunmetal
  [class*="bg-color"]
  .accordion.style-3
  li.active
  .accordion-title
  h3,
.theme-color-gunmetal
  [class*="bg-color"]
  .accordion.style-3
  li.active
  .accordion-title
  h4,
.theme-color-gunmetal
  [class*="bg-color"]
  .accordion.style-3
  li.active
  .accordion-title
  h5,
.theme-color-gunmetal
  [class*="bg-color"]
  .accordion.style-3
  li.active
  .accordion-title
  h6 {
  color: black;
}

.theme-color-gunmetal .text-link-2:before,
.theme-color-gunmetal .text-link-3:before,
.theme-color-gunmetal .text-link-4:before {
  background: #2c3537;
}

.theme-color-gunmetal .text-link-5:after,
.theme-color-gunmetal .text-link-6:after,
.theme-color-gunmetal .text-link-7:after {
  background: #2c3537;
}

.theme-color-gunmetal .text-link-8:before {
  background: rgba(44, 53, 55, 0.1);
}

.theme-color-gunmetal .bg-black .text-link-2:before,
.theme-color-gunmetal .bg-black .text-link-3:before,
.theme-color-gunmetal .bg-black .text-link-4:before,
.theme-color-gunmetal [class*="bg-dark"] .text-link-2:before,
.theme-color-gunmetal [class*="bg-dark"] .text-link-3:before,
.theme-color-gunmetal [class*="bg-dark"] .text-link-4:before {
  background: #2c3537;
}

.theme-color-gunmetal .bg-black .text-link-5:after,
.theme-color-gunmetal .bg-black .text-link-6:after,
.theme-color-gunmetal .bg-black .text-link-7:after,
.theme-color-gunmetal [class*="bg-dark"] .text-link-5:after,
.theme-color-gunmetal [class*="bg-dark"] .text-link-6:after,
.theme-color-gunmetal [class*="bg-dark"] .text-link-7:after {
  background: #2c3537;
}

.theme-color-gunmetal .bg-black .text-link-8:before,
.theme-color-gunmetal [class*="bg-dark"] .text-link-8:before {
  background: rgba(44, 53, 55, 0.1);
}

.theme-color-gunmetal [class*="bg-gradient"] .text-link-2:before,
.theme-color-gunmetal [class*="bg-gradient"] .text-link-3:before,
.theme-color-gunmetal [class*="bg-gradient"] .text-link-4:before,
.theme-color-gunmetal [class*="bg-color"] .text-link-2:before,
.theme-color-gunmetal [class*="bg-color"] .text-link-3:before,
.theme-color-gunmetal [class*="bg-color"] .text-link-4:before {
  background: white;
}

.theme-color-gunmetal [class*="bg-gradient"] .text-link-5:before,
.theme-color-gunmetal [class*="bg-gradient"] .text-link-6:before,
.theme-color-gunmetal [class*="bg-gradient"] .text-link-7:before,
.theme-color-gunmetal [class*="bg-color"] .text-link-5:before,
.theme-color-gunmetal [class*="bg-color"] .text-link-6:before,
.theme-color-gunmetal [class*="bg-color"] .text-link-7:before {
  background: rgba(255, 255, 255, 0.3);
}

.theme-color-gunmetal [class*="bg-gradient"] .text-link-5:after,
.theme-color-gunmetal [class*="bg-gradient"] .text-link-6:after,
.theme-color-gunmetal [class*="bg-gradient"] .text-link-7:after,
.theme-color-gunmetal [class*="bg-color"] .text-link-5:after,
.theme-color-gunmetal [class*="bg-color"] .text-link-6:after,
.theme-color-gunmetal [class*="bg-color"] .text-link-7:after {
  background: white;
}

.theme-color-gunmetal [class*="bg-gradient"] .text-link-8:before,
.theme-color-gunmetal [class*="bg-color"] .text-link-8:before {
  background: rgba(255, 255, 255, 0.3);
}

.theme-color-gunmetal .form-style-2 input:focus,
.theme-color-gunmetal .form-style-2 textarea:focus,
.theme-color-gunmetal .form-style-2 .custom-select:focus,
.theme-color-gunmetal .form-style-2 .form-control:focus,
.theme-color-gunmetal .form-style-4 input:focus,
.theme-color-gunmetal .form-style-4 textarea:focus,
.theme-color-gunmetal .form-style-4 .custom-select:focus,
.theme-color-gunmetal .form-style-4 .form-control:focus {
  border-color: #2c3537;
}