/* --------------------------------------
@Author: ThemeMascot
@URL: http://themeforest.net/user/ThemeMascot

Default COLOR :  Color Set 4
COLOR CODE1: #2B2E3B 
COLOR CODE2: #E88D72
----------------------------------------- */
/*
 * background: theme-color
 * -----------------------------------------------
*/
.post .entry-meta.meta-absolute {
  background-color: rgba(43, 46, 59, 0.9) !important;
}
.tab-slider .nav.nav-pills a:hover,
.tab-slider .nav.nav-pills a.active,
.custom-nav-tabs > li > a:hover,
.widget .tags a:hover,
.small-title .title::after,
.drop-caps.colored-square p:first-child:first-letter,
.drop-caps.colored-rounded p:first-child:first-letter,
.working-process.theme-colored a,
.widget.dark .tags a:hover,
.blog-posts .post .entry-content .post-date.right,
.horizontal-tab-centered .nav-pills > li > a:hover,
.horizontal-tab-centered .nav-pills > li.active > a,
.horizontal-tab-centered .nav-pills > li.active > a:hover,
.horizontal-tab-centered .nav-pills > li.active > a:focus,
.owl-theme.dot-theme-colored .owl-controls .owl-dot span,
.portfolio-filter a.active,
.portfolio-filter a:hover,
.pagination.theme-colored li.active a,
.section-title .both-side-line::after,
.section-title .both-side-line::before,
.section-title .top-side-line::after,
.section-title .left-side-line::before,
.section-title .right-side-line::before,
.product .tag-sale,
.owl-theme .owl-dots .owl-dot.active span,
.blog-posts .post.style1 .entry-header .entry-date.entry-date-absolute,
.title-dots span {
  background: #2B2E3B;
}
.cd-timeline-simple .cd-timeline-block .cd-timeline-img {
  background: #2B2E3B !important;
}
.ui-state-highlight {
  background: #2B2E3B !important;
  color: #fff !important;
}
.menuzord .menuzord-menu > li.active > a,
.menuzord .menuzord-menu > li:hover > a,
.menuzord .menuzord-menu ul.dropdown li:hover > a {
  background: #00679e;
  color: #fff;
}
.gallery-isotope.default-animation-effect .gallery-item .overlay-shade {
  background: #2B2E3B;
}
/*
 * text: theme-color
 * -----------------------------------------------
*/
.menuzord-menu > li > .megamenu .megamenu-row li:hover > a,
.menuzord-menu > li > .megamenu .megamenu-row .post a:hover,
.menuzord-menu > li > .megamenu .megamenu-row li:hover > a i,
.menuzord-menu > li > .megamenu .megamenu-row .post a:hover i,
.blog-posts .post .entry-meta li i,
.widget .address li i,
.icon-box.box-style1.practice-style3 i,
.icon-box.services-style1:hover .heading,
.horizontal-contact-widget .widget::before,
.small-title i,
.drop-caps.text-colored p:first-child:first-letter,
.schedule-box:hover .schedule-details .title a,
.widget.dark .nav-tabs li.active a,
.pagination.theme-colored li a,
.pager.theme-colored a,
.widget .post-title a:hover,
.donation-form .form-group label {
  color: #2B2E3B;
}
/*
 * border: theme-color
 * -----------------------------------------------
*/
.line-bottom:after,
.widget .line-bottom:after,
.widget .line-bottom:after,
.pager.theme-colored a,
.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev,
.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next {
  border: 1px solid #2B2E3B;
}
.owl-theme .owl-dots .owl-dot span {
  border-color: #2B2E3B;
}
.icon-box.box-style1.practice-style3:hover .icon-wrapper::after {
  border-color: #2B2E3B transparent transparent;
}
.section-title.title-border {
  border-left: 4px solid #2B2E3B;
}
/* border-top-color */
.cssload-tri {
  border-top: 27px solid #2B2E3B;
}
/* border-right-color */
.border-right-red {
  border-right: 1px solid #2B2E3B;
}
.section-title.title-border.title-right {
  border-right: 4px solid #2B2E3B;
}
/* border-bottom-color */
.border-bottom {
  border-bottom: 1px solid #2B2E3B;
}
.cssload-tri.cssload-invert {
  border-bottom: 27px solid #2B2E3B;
}
/* box-shadow */
/*Footer Styles*/
.footer-box-one > div {
  background: #2B2E3B;
}
.footer-box-two > div {
  background: #20232c !important;
}
.footer-box-three > div {
  background: #16171d !important;
}
/* Modern Header */
.modern-header.modern-header-theme-colored .header-nav .header-nav-wrapper:not(.scroll-to-fixed-fixed) nav {
  background: #2B2E3B;
}
.modern-header.modern-header-theme-colored .header-nav .header-nav-wrapper.scroll-to-fixed-fixed {
  background: #2B2E3B;
}
/* -------- Text Theme Color ---------- */
.text-theme-colored {
  color: #ff9600 !important;
}
.text-hover-theme-colored:hover {
  color: #2B2E3B !important;
}
ul.list.theme-colored li:before,
ul.list.theme-colored.angle-double-right li:before,
ul.list.theme-colored.angle-right li:before,
ul.list.theme-colored.check-circle li:before,
ul.list.theme-colored.check li:before,
.list-icon.theme-colored li i {
  color: #2B2E3B;
}
/* -------- border-theme-color ---------- */
.border-theme-colored {
  border-color: #2B2E3B !important;
}
.border-1px-theme-colored {
  border: 1px solid #2B2E3B;
}
/* border-left-color */
blockquote.theme-colored {
  border-left: 3px solid #2B2E3B;
}
blockquote.bg-theme-colored {
  border-left: 3px solid #16171d;
  color: #fff;
}
blockquote.bg-theme-colored footer {
  color: #eeeeee;
}
blockquote.gray.bg-theme-colored {
  background-color: #eeeeee !important;
  border-left: 3px solid #2B2E3B;
  color: #2B2E3B;
}
blockquote.gray.bg-theme-colored footer {
  color: #777777;
}
/* -------- bg-theme-color ---------- */
.bg-theme-colored {
  background-color: #2B2E3B !important;
}
.bg-hover-theme-colored:hover {
  background: #2B2E3B !important;
  border-color: #2B2E3B !important;
  color: #fff !important;
}
.bg-hover-theme-colored:hover h1,
.bg-hover-theme-colored:hover h2,
.bg-hover-theme-colored:hover h3,
.bg-hover-theme-colored:hover h4,
.bg-hover-theme-colored:hover h5,
.bg-hover-theme-colored:hover h6,
.bg-hover-theme-colored:hover p,
.bg-hover-theme-colored:hover a,
.bg-hover-theme-colored:hover i {
  color: #fff !important;
}
.list-icon.theme-colored.square li i,
.list-icon.theme-colored.rounded li i {
  background: #2B2E3B;
}
/* -------- Transparent bg Color ---------- */
.bg-theme-colored-transparent-9 {
  background-color: rgba(43, 46, 59, 0.9) !important;
}
.bg-theme-colored-transparent-8 {
  background-color: rgba(43, 46, 59, 0.8) !important;
}
.bg-theme-colored-transparent-7 {
  background-color: rgba(43, 46, 59, 0.7) !important;
}
.bg-theme-colored-transparent-6 {
  background-color: rgba(43, 46, 59, 0.6) !important;
}
.bg-theme-colored-transparent-5 {
  background-color: rgba(43, 46, 59, 0.5) !important;
}
.bg-theme-colored-transparent-4 {
  background-color: rgba(43, 46, 59, 0.4) !important;
}
.bg-theme-colored-transparent-3 {
  background-color: rgba(43, 46, 59, 0.3) !important;
}
.bg-theme-colored-transparent-2 {
  background-color: rgba(43, 46, 59, 0.2) !important;
}
.bg-theme-colored-transparent-1 {
  background-color: rgba(43, 46, 59, 0.1) !important;
}
.bg-theme-colored-transparent {
  background-color: rgba(43, 46, 59, 0.5) !important;
}
/* -------- layer overlay Color ---------- */
.layer-overlay {
  /* .overlay-theme-colored */
}
.layer-overlay.overlay-theme-colored::before {
  background-color: rgba(43, 46, 59, 0.8) !important;
}
.layer-overlay.overlay-theme-colored-1::before {
  background-color: rgba(43, 46, 59, 0.1);
}
.layer-overlay.overlay-theme-colored-2::before {
  background-color: rgba(43, 46, 59, 0.2);
}
.layer-overlay.overlay-theme-colored-3::before {
  background-color: rgba(43, 46, 59, 0.3);
}
.layer-overlay.overlay-theme-colored-4::before {
  background-color: rgba(43, 46, 59, 0.4);
}
.layer-overlay.overlay-theme-colored-5::before {
  background-color: rgba(43, 46, 59, 0.5);
}
.layer-overlay.overlay-theme-colored-6::before {
  background-color: rgba(43, 46, 59, 0.6);
}
.layer-overlay.overlay-theme-colored-7::before {
  background-color: rgba(43, 46, 59, 0.7);
}
.layer-overlay.overlay-theme-colored-8::before {
  background-color: rgba(43, 46, 59, 0.8);
}
.layer-overlay.overlay-theme-colored-9::before {
  background-color: rgba(43, 46, 59, 0.9);
}
/*
 * btn-default: theme-color
 * -----------------------------------------------
*/
.btn-default.btn-theme-colored {
  color: #2B2E3B;
  background-color: #fff;
  border-color: #2B2E3B;
}
.btn-default.btn-theme-colored:focus,
.btn-default.btn-theme-colored.focus {
  color: #2B2E3B;
  background-color: #e6e6e6;
  border-color: #000000;
}
.btn-default.btn-theme-colored:hover {
  color: #2B2E3B;
  background-color: #e6e6e6;
  border-color: #111218;
}
.btn-default.btn-theme-colored:active,
.btn-default.btn-theme-colored.active,
.open > .dropdown-toggle.btn-default.btn-theme-colored {
  color: #2B2E3B;
  background-color: #e6e6e6;
  border-color: #111218;
}
.btn-default.btn-theme-colored:active:hover,
.btn-default.btn-theme-colored.active:hover,
.open > .dropdown-toggle.btn-default.btn-theme-colored:hover,
.btn-default.btn-theme-colored:active:focus,
.btn-default.btn-theme-colored.active:focus,
.open > .dropdown-toggle.btn-default.btn-theme-colored:focus,
.btn-default.btn-theme-colored:active.focus,
.btn-default.btn-theme-colored.active.focus,
.open > .dropdown-toggle.btn-default.btn-theme-colored.focus {
  color: #2B2E3B;
  background-color: #d4d4d4;
  border-color: #000000;
}
.btn-default.btn-theme-colored:active,
.btn-default.btn-theme-colored.active,
.open > .dropdown-toggle.btn-default.btn-theme-colored {
  background-image: none;
}
.btn-default.btn-theme-colored.disabled:hover,
.btn-default.btn-theme-colored[disabled]:hover,
fieldset[disabled] .btn-default.btn-theme-colored:hover,
.btn-default.btn-theme-colored.disabled:focus,
.btn-default.btn-theme-colored[disabled]:focus,
fieldset[disabled] .btn-default.btn-theme-colored:focus,
.btn-default.btn-theme-colored.disabled.focus,
.btn-default.btn-theme-colored[disabled].focus,
fieldset[disabled] .btn-default.btn-theme-colored.focus {
  background-color: #fff;
  border-color: #2B2E3B;
}
.btn-default.btn-theme-colored .badge {
  color: #fff;
  background-color: #2B2E3B;
}
.btn-default.btn-theme-colored:hover,
.btn-default.btn-theme-colored:active,
.btn-default.btn-theme-colored:focus {
  background-color: #2B2E3B;
  border-color: #2B2E3B;
  color: #fff;
}
/*
 * btn-border
 * -----------------------------------------------
*/
.btn-border.btn-theme-colored {
  color: #2B2E3B;
  background-color: #fff;
  border-color: #2B2E3B;
}
.btn-border.btn-theme-colored:focus,
.btn-border.btn-theme-colored.focus {
  color: #2B2E3B;
  background-color: #e6e6e6;
  border-color: #000000;
}
.btn-border.btn-theme-colored:hover {
  color: #2B2E3B;
  background-color: #e6e6e6;
  border-color: #111218;
}
.btn-border.btn-theme-colored:active,
.btn-border.btn-theme-colored.active,
.open > .dropdown-toggle.btn-border.btn-theme-colored {
  color: #2B2E3B;
  background-color: #e6e6e6;
  border-color: #111218;
}
.btn-border.btn-theme-colored:active:hover,
.btn-border.btn-theme-colored.active:hover,
.open > .dropdown-toggle.btn-border.btn-theme-colored:hover,
.btn-border.btn-theme-colored:active:focus,
.btn-border.btn-theme-colored.active:focus,
.open > .dropdown-toggle.btn-border.btn-theme-colored:focus,
.btn-border.btn-theme-colored:active.focus,
.btn-border.btn-theme-colored.active.focus,
.open > .dropdown-toggle.btn-border.btn-theme-colored.focus {
  color: #2B2E3B;
  background-color: #d4d4d4;
  border-color: #000000;
}
.btn-border.btn-theme-colored:active,
.btn-border.btn-theme-colored.active,
.open > .dropdown-toggle.btn-border.btn-theme-colored {
  background-image: none;
}
.btn-border.btn-theme-colored.disabled:hover,
.btn-border.btn-theme-colored[disabled]:hover,
fieldset[disabled] .btn-border.btn-theme-colored:hover,
.btn-border.btn-theme-colored.disabled:focus,
.btn-border.btn-theme-colored[disabled]:focus,
fieldset[disabled] .btn-border.btn-theme-colored:focus,
.btn-border.btn-theme-colored.disabled.focus,
.btn-border.btn-theme-colored[disabled].focus,
fieldset[disabled] .btn-border.btn-theme-colored.focus {
  background-color: #fff;
  border-color: #2B2E3B;
}
.btn-border.btn-theme-colored .badge {
  color: #fff;
  background-color: #2B2E3B;
}
.btn-border.btn-theme-colored:hover,
.btn-border.btn-theme-colored:active,
.btn-border.btn-theme-colored:focus {
  background-color: #16171d;
  border-color: #16171d;
  color: #fff;
}
/*
 * btn-dark
 * -----------------------------------------------
*/
.btn-dark.btn-theme-colored {
  color: #fff;
  background-color: #2B2E3B;
  border-color: #2B2E3B;
}
.btn-dark.btn-theme-colored:focus,
.btn-dark.btn-theme-colored.focus {
  color: #fff;
  background-color: #16171d;
  border-color: #000000;
}
.btn-dark.btn-theme-colored:hover {
  color: #fff;
  background-color: #16171d;
  border-color: #111218;
}
.btn-dark.btn-theme-colored:active,
.btn-dark.btn-theme-colored.active,
.open > .dropdown-toggle.btn-dark.btn-theme-colored {
  color: #fff;
  background-color: #16171d;
  border-color: #111218;
}
.btn-dark.btn-theme-colored:active:hover,
.btn-dark.btn-theme-colored.active:hover,
.open > .dropdown-toggle.btn-dark.btn-theme-colored:hover,
.btn-dark.btn-theme-colored:active:focus,
.btn-dark.btn-theme-colored.active:focus,
.open > .dropdown-toggle.btn-dark.btn-theme-colored:focus,
.btn-dark.btn-theme-colored:active.focus,
.btn-dark.btn-theme-colored.active.focus,
.open > .dropdown-toggle.btn-dark.btn-theme-colored.focus {
  color: #fff;
  background-color: #060709;
  border-color: #000000;
}
.btn-dark.btn-theme-colored:active,
.btn-dark.btn-theme-colored.active,
.open > .dropdown-toggle.btn-dark.btn-theme-colored {
  background-image: none;
}
.btn-dark.btn-theme-colored.disabled:hover,
.btn-dark.btn-theme-colored[disabled]:hover,
fieldset[disabled] .btn-dark.btn-theme-colored:hover,
.btn-dark.btn-theme-colored.disabled:focus,
.btn-dark.btn-theme-colored[disabled]:focus,
fieldset[disabled] .btn-dark.btn-theme-colored:focus,
.btn-dark.btn-theme-colored.disabled.focus,
.btn-dark.btn-theme-colored[disabled].focus,
fieldset[disabled] .btn-dark.btn-theme-colored.focus {
  background-color: #2B2E3B;
  border-color: #2B2E3B;
}
.btn-dark.btn-theme-colored .badge {
  color: #2B2E3B;
  background-color: #fff;
}
/*
 * btn-gray
 * -----------------------------------------------
*/
.btn-gray.btn-theme-colored {
  color: #2B2E3B;
  background-color: #414559;
  border-color: #414559;
}
.btn-gray.btn-theme-colored:focus,
.btn-gray.btn-theme-colored.focus {
  color: #2B2E3B;
  background-color: #2b2e3b;
  border-color: #0b0c0f;
}
.btn-gray.btn-theme-colored:hover {
  color: #2B2E3B;
  background-color: #2b2e3b;
  border-color: #272935;
}
.btn-gray.btn-theme-colored:active,
.btn-gray.btn-theme-colored.active,
.open > .dropdown-toggle.btn-gray.btn-theme-colored {
  color: #2B2E3B;
  background-color: #2b2e3b;
  border-color: #272935;
}
.btn-gray.btn-theme-colored:active:hover,
.btn-gray.btn-theme-colored.active:hover,
.open > .dropdown-toggle.btn-gray.btn-theme-colored:hover,
.btn-gray.btn-theme-colored:active:focus,
.btn-gray.btn-theme-colored.active:focus,
.open > .dropdown-toggle.btn-gray.btn-theme-colored:focus,
.btn-gray.btn-theme-colored:active.focus,
.btn-gray.btn-theme-colored.active.focus,
.open > .dropdown-toggle.btn-gray.btn-theme-colored.focus {
  color: #2B2E3B;
  background-color: #1c1e26;
  border-color: #0b0c0f;
}
.btn-gray.btn-theme-colored:active,
.btn-gray.btn-theme-colored.active,
.open > .dropdown-toggle.btn-gray.btn-theme-colored {
  background-image: none;
}
.btn-gray.btn-theme-colored.disabled:hover,
.btn-gray.btn-theme-colored[disabled]:hover,
fieldset[disabled] .btn-gray.btn-theme-colored:hover,
.btn-gray.btn-theme-colored.disabled:focus,
.btn-gray.btn-theme-colored[disabled]:focus,
fieldset[disabled] .btn-gray.btn-theme-colored:focus,
.btn-gray.btn-theme-colored.disabled.focus,
.btn-gray.btn-theme-colored[disabled].focus,
fieldset[disabled] .btn-gray.btn-theme-colored.focus {
  background-color: #414559;
  border-color: #414559;
}
.btn-gray.btn-theme-colored .badge {
  color: #414559;
  background-color: #2B2E3B;
}
/*
 * btn-primary: theme-color
 * -----------------------------------------------
*/
.btn-theme-colored {
  color: #fff;
  background-color: #2B2E3B;
  border-color: #2B2E3B;
}
.btn-theme-colored:focus,
.btn-theme-colored.focus {
  color: #fff;
  background-color: #16171d;
  border-color: #000000;
}
.btn-theme-colored:hover {
  color: #fff;
  background-color: #16171d;
  border-color: #111218;
}
.btn-theme-colored:active,
.btn-theme-colored.active,
.open > .dropdown-toggle.btn-theme-colored {
  color: #fff;
  background-color: #16171d;
  border-color: #111218;
}
.btn-theme-colored:active:hover,
.btn-theme-colored.active:hover,
.open > .dropdown-toggle.btn-theme-colored:hover,
.btn-theme-colored:active:focus,
.btn-theme-colored.active:focus,
.open > .dropdown-toggle.btn-theme-colored:focus,
.btn-theme-colored:active.focus,
.btn-theme-colored.active.focus,
.open > .dropdown-toggle.btn-theme-colored.focus {
  color: #fff;
  background-color: #060709;
  border-color: #000000;
}
.btn-theme-colored:active,
.btn-theme-colored.active,
.open > .dropdown-toggle.btn-theme-colored {
  background-image: none;
}
.btn-theme-colored.disabled:hover,
.btn-theme-colored[disabled]:hover,
fieldset[disabled] .btn-theme-colored:hover,
.btn-theme-colored.disabled:focus,
.btn-theme-colored[disabled]:focus,
fieldset[disabled] .btn-theme-colored:focus,
.btn-theme-colored.disabled.focus,
.btn-theme-colored[disabled].focus,
fieldset[disabled] .btn-theme-colored.focus {
  background-color: #2B2E3B;
  border-color: #2B2E3B;
}
.btn-theme-colored .badge {
  color: #2B2E3B;
  background-color: #fff;
}
/*
 * btn-transparent
 * -----------------------------------------------
*/
.btn-transparent {
  background-color: transparent;
  color: #fff;
}
.btn-transparent.btn-theme-colored {
  background-color: transparent;
}
.btn-transparent.btn-dark {
  background-color: #111111;
  border-color: #111111;
}
.btn-transparent.btn-dark:hover {
  background-color: #000000;
  border-color: #000000;
}
.btn-transparent.btn-dark.btn-theme-colored {
  background-color: #2B2E3B;
  border-color: #2B2E3B;
}
.btn-transparent.btn-dark.btn-theme-colored:hover {
  background-color: #16171d;
  border-color: #16171d;
}
.btn-transparent.btn-border {
  background-color: transparent;
  border-color: #eeeeee;
}
.btn-transparent.btn-border:hover {
  background-color: #eeeeee;
  color: #000;
}
.btn-transparent.btn-border.btn-theme-colored {
  background-color: transparent;
  border-color: #2B2E3B;
}
.btn-transparent.btn-border.btn-theme-colored:hover {
  background-color: #2B2E3B;
  color: #fff;
}
.btn-gray.btn-transparent {
  background-color: #d3d3d3;
  color: #333333;
}
.btn-gray.btn-transparent:hover {
  background-color: #ececec;
  color: #1a1a1a;
}
.btn-gray.btn-transparent.btn-theme-colored {
  background-color: #414559;
  color: #fff;
}
.btn-gray.btn-transparent.btn-theme-colored:hover {
  background-color: #16171d;
  color: #16171d;
}
.btn-hover-theme-colored:hover {
  background-color: #2B2E3B;
  border-color: #2B2E3B;
  color: #fff;
}
/*
 * Shortcode: styled-icons Theme Colored
 * -----------------------------------------------
*/
.icon-theme-colored a {
  color: #2B2E3B;
}
.icon-theme-colored.icon-bordered a {
  border-color: #2B2E3B;
}
.icon-theme-colored.icon-bordered a:hover {
  background-color: #2B2E3B;
  color: #fff;
}
.icon-theme-colored.icon-dark a {
  background-color: #2B2E3B;
  color: #fff;
}
.icon-theme-colored.icon-dark a:hover {
  background-color: #16171d;
  color: #16171d;
}
.icon-theme-colored.icon-dark.icon-bordered a {
  border-color: #2B2E3B;
  color: #2B2E3B;
}
.icon-theme-colored.icon-dark.icon-bordered a:hover {
  background-color: #2B2E3B;
  border-color: #2B2E3B;
  color: #fff;
}
.icon-theme-colored.icon-gray a {
  color: #2B2E3B;
}
.icon-theme-colored.icon-gray a:hover {
  color: #16171d;
}
.icon-theme-colored.icon-gray.icon-bordered a {
  color: #2B2E3B;
}
.icon-theme-colored.icon-gray.icon-bordered a:hover {
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #2B2E3B;
}
.icon-theme-colored a:hover {
  color: #16171d;
}
.icon-hover-theme-colored a:hover {
  background-color: #2B2E3B;
  border-color: #2B2E3B;
  color: #fff;
}
.styled-icons.icon-hover-theme-colored a:hover {
  background-color: #2B2E3B;
  border-color: #2B2E3B;
  color: #fff;
}
/*
 * Shortcode: Icon Boxes Theme Colored
 * -----------------------------------------------
*/
.icon-box.iconbox-theme-colored .icon {
  color: #2B2E3B;
}
.icon-box.iconbox-theme-colored .icon.icon-border-effect::after {
  box-shadow: 0 0 0 3px #2B2E3B;
}
.icon-box.iconbox-theme-colored .icon.icon-bordered {
  border-color: #2B2E3B;
}
.icon-box.iconbox-theme-colored .icon.icon-bordered:hover {
  background-color: #2B2E3B;
  color: #fff;
}
.icon-box.iconbox-theme-colored .icon.icon-gray:hover {
  background-color: #2B2E3B;
  color: #fff;
}
.icon-box.iconbox-theme-colored .icon.icon-gray.icon-bordered {
  border-color: #eeeeee;
}
.icon-box.iconbox-theme-colored .icon.icon-gray.icon-bordered:hover {
  background-color: #2B2E3B;
  border-color: #2B2E3B;
  color: #fff;
}
.icon-box.iconbox-theme-colored .icon.icon-dark {
  background-color: #2B2E3B;
  color: #fff;
}
.icon-box.iconbox-theme-colored .icon.icon-dark:hover {
  color: #fff;
}
.icon-box.iconbox-theme-colored .icon.icon-dark.icon-bordered {
  background-color: transparent;
  border-color: #2B2E3B;
  color: #2B2E3B;
}
.icon-box.iconbox-theme-colored .icon.icon-dark.icon-bordered:hover {
  background-color: #2B2E3B;
  border-color: #2B2E3B;
  color: #fff;
}
.icon-box.iconbox-theme-colored .icon.icon-white {
  background-color: #fff;
  color: #2B2E3B;
}
.icon-box.iconbox-theme-colored .icon.icon-white:hover {
  background-color: #2B2E3B;
  color: #fff;
}
.icon-box.iconbox-theme-colored .icon.icon-white.icon-bordered {
  background-color: transparent;
  border-color: #2B2E3B;
  color: #fff;
}
.icon-box.iconbox-theme-colored .icon.icon-white.icon-bordered:hover {
  background-color: #2B2E3B;
  border-color: #2B2E3B;
  color: #fff;
}
.icon-box.iconbox-theme-colored.iconbox-border {
  border-color: #2B2E3B;
}
/*
 *  accordion.less
 * -----------------------------------------------
*/
.accordion-theme-colored .panel-default > .panel-heading {
  background-color: #2B2E3B;
}
.accordion-theme-colored .panel-default > .panel-heading .panel-title > a,
.accordion-theme-colored .panel-default > .panel-heading .panel-title > a:hover,
.accordion-theme-colored .panel-default > .panel-heading .panel-title > a:focus {
  color: #fff;
}
.panel-group.accordion-icon-filled.accordion-icon-left.accordion-icon-filled-theme-colored .panel-heading .panel-title a:before {
  background-color: #2B2E3B;
}
.panel-group.accordion-icon-filled.accordion-icon-right.accordion-icon-filled-theme-colored .panel-heading .panel-title a:after {
  background-color: #2B2E3B;
}
/* Modern Header */
.modern-header.modern-header-theme-colored2 .header-nav .header-nav-wrapper:not(.scroll-to-fixed-fixed) nav {
  background: #00679e;
}
.modern-header.modern-header-theme-colored2 .header-nav .header-nav-wrapper.scroll-to-fixed-fixed {
  background: #00679e;
}
/* -------- Text Theme Color ---------- */
.text-theme-colored2 {
  color: #ff9600!important;
}
.text-hover-theme-colored2:hover {
  color: #ff9600 !important;
}
ul.list.theme-colored2 li:before,
ul.list.theme-colored2.angle-double-right li:before,
ul.list.theme-colored2.angle-right li:before,
ul.list.theme-colored2.check-circle li:before,
ul.list.theme-colored2.check li:before,
.list-icon.theme-colored2 li i {
  color: #00679e;
}
/* -------- border-theme-color ---------- */
.border-theme-colored2 {
  border-color: #00679e !important;
}
.border-1px-theme-colored2 {
  border: 1px solid #00679e;
}
/* border-left-color */
blockquote.theme-colored2 {
  border-left: 3px solid #00679e;
}
blockquote.bg-theme-colored2 {
  border-left: 3px solid #cb3526;
  color: #fff;
}
blockquote.bg-theme-colored2 footer {
  color: #eeeeee;
}
blockquote.gray.bg-theme-colored2 {
  background-color: #eeeeee !important;
  border-left: 3px solid #00679e;
  color: #00679e;
}
blockquote.gray.bg-theme-colored2 footer {
  color: #777777;
}
/* -------- bg-theme-color ---------- */
.bg-theme-colored2 {
  background-color: #00679e !important;
}
.bg-hover-theme-colored2:hover {
  background: #00679e !important;
  border-color: #00679e !important;
  color: #fff !important;
}
.bg-hover-theme-colored2:hover h1,
.bg-hover-theme-colored2:hover h2,
.bg-hover-theme-colored2:hover h3,
.bg-hover-theme-colored2:hover h4,
.bg-hover-theme-colored2:hover h5,
.bg-hover-theme-colored2:hover h6,
.bg-hover-theme-colored2:hover p,
.bg-hover-theme-colored2:hover a,
.bg-hover-theme-colored2:hover i {
  color: #fff !important;
}
.list-icon.theme-colored2.square li i,
.list-icon.theme-colored2.rounded li i {
  background: #00679e;
}
/* -------- Transparent bg Color ---------- */
.bg-theme-colored2-transparent-9 {
  background-color: rgba(55, 191, 145, 0.9) !important;
}
.bg-theme-colored2-transparent-8 {
  background-color: rgba(55, 191, 145, 0.8) !important;
}
.bg-theme-colored2-transparent-7 {
  background-color: rgba(55, 191, 145, 0.7) !important;
}
.bg-theme-colored2-transparent-6 {
  background-color: rgba(55, 191, 145, 0.6) !important;
}
.bg-theme-colored2-transparent-5 {
  background-color: rgba(55, 191, 145, 0.5) !important;
}
.bg-theme-colored2-transparent-4 {
  background-color: rgba(55, 191, 145, 0.4) !important;
}
.bg-theme-colored2-transparent-3 {
  background-color: rgba(55, 191, 145, 0.3) !important;
}
.bg-theme-colored2-transparent-2 {
  background-color: rgba(55, 191, 145, 0.2) !important;
}
.bg-theme-colored2-transparent-1 {
  background-color: rgba(55, 191, 145, 0.1) !important;
}
.bg-theme-colored2-transparent {
  background-color: rgba(55, 191, 145, 0.5) !important;
}
/* -------- layer overlay Color ---------- */
.layer-overlay {
  /* .overlay-theme-colored2 */
}
.layer-overlay.overlay-theme-colored2::before {
  background-color: rgba(55, 191, 145, 0.8) !important;
}
.layer-overlay.overlay-theme-colored2-1::before {
  background-color: rgba(55, 191, 145, 0.1);
}
.layer-overlay.overlay-theme-colored2-2::before {
  background-color: rgba(55, 191, 145, 0.2);
}
.layer-overlay.overlay-theme-colored2-3::before {
  background-color: rgba(55, 191, 145, 0.3);
}
.layer-overlay.overlay-theme-colored2-4::before {
  background-color: rgba(55, 191, 145, 0.4);
}
.layer-overlay.overlay-theme-colored2-5::before {
  background-color: rgba(55, 191, 145, 0.5);
}
.layer-overlay.overlay-theme-colored2-6::before {
  background-color: rgba(55, 191, 145, 0.6);
}
.layer-overlay.overlay-theme-colored2-7::before {
  background-color: rgba(55, 191, 145, 0.7);
}
.layer-overlay.overlay-theme-colored2-8::before {
  background-color: rgba(55, 191, 145, 0.8);
}
.layer-overlay.overlay-theme-colored2-9::before {
  background-color: rgba(55, 191, 145, 0.9);
}
/*
 * btn-default: theme-color
 * -----------------------------------------------
*/
.btn-default.btn-theme-colored2 {
  color: #00679e;
  background-color: #fff;
  border-color: #00679e;
}
.btn-default.btn-theme-colored2:focus,
.btn-default.btn-theme-colored2.focus {
  color: #00679e;
  background-color: #e6e6e6;
  border-color: #1a5c46;
}
.btn-default.btn-theme-colored2:hover {
  color: #00679e;
  background-color: #e6e6e6;
  border-color: #298f6d;
}
.btn-default.btn-theme-colored2:active,
.btn-default.btn-theme-colored2.active,
.open > .dropdown-toggle.btn-default.btn-theme-colored2 {
  color: #00679e;
  background-color: #e6e6e6;
  border-color: #298f6d;
}
.btn-default.btn-theme-colored2:active:hover,
.btn-default.btn-theme-colored2.active:hover,
.open > .dropdown-toggle.btn-default.btn-theme-colored2:hover,
.btn-default.btn-theme-colored2:active:focus,
.btn-default.btn-theme-colored2.active:focus,
.open > .dropdown-toggle.btn-default.btn-theme-colored2:focus,
.btn-default.btn-theme-colored2:active.focus,
.btn-default.btn-theme-colored2.active.focus,
.open > .dropdown-toggle.btn-default.btn-theme-colored2.focus {
  color: #00679e;
  background-color: #d4d4d4;
  border-color: #1a5c46;
}
.btn-default.btn-theme-colored2:active,
.btn-default.btn-theme-colored2.active,
.open > .dropdown-toggle.btn-default.btn-theme-colored2 {
  background-image: none;
}
.btn-default.btn-theme-colored2.disabled:hover,
.btn-default.btn-theme-colored2[disabled]:hover,
fieldset[disabled] .btn-default.btn-theme-colored2:hover,
.btn-default.btn-theme-colored2.disabled:focus,
.btn-default.btn-theme-colored2[disabled]:focus,
fieldset[disabled] .btn-default.btn-theme-colored2:focus,
.btn-default.btn-theme-colored2.disabled.focus,
.btn-default.btn-theme-colored2[disabled].focus,
fieldset[disabled] .btn-default.btn-theme-colored2.focus {
  background-color: #fff;
  border-color: #00679e;
}
.btn-default.btn-theme-colored2 .badge {
  color: #fff;
  background-color: #00679e;
}
.btn-default.btn-theme-colored2:hover,
.btn-default.btn-theme-colored2:active,
.btn-default.btn-theme-colored2:focus {
  background-color: #00679e;
  border-color: #00679e;
  color: #fff;
}
/*
 * btn-border
 * -----------------------------------------------
*/
.btn-border.btn-theme-colored2 {
  color: #00679e;
  background-color: #fff;
  border-color: #00679e;
}
.btn-border.btn-theme-colored2:focus,
.btn-border.btn-theme-colored2.focus {
  color: #00679e;
  background-color: #e6e6e6;
  border-color: #1a5c46;
}
.btn-border.btn-theme-colored2:hover {
  color: #00679e;
  background-color: #e6e6e6;
  border-color: #298f6d;
}
.btn-border.btn-theme-colored2:active,
.btn-border.btn-theme-colored2.active,
.open > .dropdown-toggle.btn-border.btn-theme-colored2 {
  color: #00679e;
  background-color: #e6e6e6;
  border-color: #298f6d;
}
.btn-border.btn-theme-colored2:active:hover,
.btn-border.btn-theme-colored2.active:hover,
.open > .dropdown-toggle.btn-border.btn-theme-colored2:hover,
.btn-border.btn-theme-colored2:active:focus,
.btn-border.btn-theme-colored2.active:focus,
.open > .dropdown-toggle.btn-border.btn-theme-colored2:focus,
.btn-border.btn-theme-colored2:active.focus,
.btn-border.btn-theme-colored2.active.focus,
.open > .dropdown-toggle.btn-border.btn-theme-colored2.focus {
  color: #00679e;
  background-color: #d4d4d4;
  border-color: #1a5c46;
}
.btn-border.btn-theme-colored2:active,
.btn-border.btn-theme-colored2.active,
.open > .dropdown-toggle.btn-border.btn-theme-colored2 {
  background-image: none;
}
.btn-border.btn-theme-colored2.disabled:hover,
.btn-border.btn-theme-colored2[disabled]:hover,
fieldset[disabled] .btn-border.btn-theme-colored2:hover,
.btn-border.btn-theme-colored2.disabled:focus,
.btn-border.btn-theme-colored2[disabled]:focus,
fieldset[disabled] .btn-border.btn-theme-colored2:focus,
.btn-border.btn-theme-colored2.disabled.focus,
.btn-border.btn-theme-colored2[disabled].focus,
fieldset[disabled] .btn-border.btn-theme-colored2.focus {
  background-color: #fff;
  border-color: #00679e;
}
.btn-border.btn-theme-colored2 .badge {
  color: #fff;
  background-color: #00679e;
}
.btn-border.btn-theme-colored2:hover,
.btn-border.btn-theme-colored2:active,
.btn-border.btn-theme-colored2:focus {
  background-color: #cb3526;
  border-color: #cb3526;
  color: #fff;
}
/*
 * btn-dark
 * -----------------------------------------------
*/
.btn-dark.btn-theme-colored2 {
  color: #fff;
  background-color: #cb3526;
  border-color: #00679e;
}
.btn-dark.btn-theme-colored2:focus,
.btn-dark.btn-theme-colored2.focus {
  color: #fff;
  background-color: #cb3526;
  border-color: #1a5c46;
}
.btn-dark.btn-theme-colored2:hover {
  color: #fff;
  background-color: #cb3526;
  border-color: #298f6d;
}
.btn-dark.btn-theme-colored2:active,
.btn-dark.btn-theme-colored2.active,
.open > .dropdown-toggle.btn-dark.btn-theme-colored2 {
  color: #fff;
  background-color: #cb3526;
  border-color: #298f6d;
}
.btn-dark.btn-theme-colored2:active:hover,
.btn-dark.btn-theme-colored2.active:hover,
.open > .dropdown-toggle.btn-dark.btn-theme-colored2:hover,
.btn-dark.btn-theme-colored2:active:focus,
.btn-dark.btn-theme-colored2.active:focus,
.open > .dropdown-toggle.btn-dark.btn-theme-colored2:focus,
.btn-dark.btn-theme-colored2:active.focus,
.btn-dark.btn-theme-colored2.active.focus,
.open > .dropdown-toggle.btn-dark.btn-theme-colored2.focus {
  color: #fff;
  background-color: #cb3526;
  border-color: #1a5c46;
}
.btn-dark.btn-theme-colored2:active,
.btn-dark.btn-theme-colored2.active,
.open > .dropdown-toggle.btn-dark.btn-theme-colored2 {
  background-image: none;
}
.btn-dark.btn-theme-colored2.disabled:hover,
.btn-dark.btn-theme-colored2[disabled]:hover,
fieldset[disabled] .btn-dark.btn-theme-colored2:hover,
.btn-dark.btn-theme-colored2.disabled:focus,
.btn-dark.btn-theme-colored2[disabled]:focus,
fieldset[disabled] .btn-dark.btn-theme-colored2:focus,
.btn-dark.btn-theme-colored2.disabled.focus,
.btn-dark.btn-theme-colored2[disabled].focus,
fieldset[disabled] .btn-dark.btn-theme-colored2.focus {
  background-color: #cb3526;
  border-color: #00679e;
}
.btn-dark.btn-theme-colored2 .badge {
  color: #00679e;
  background-color: #fff;
}
/*
 * btn-gray
 * -----------------------------------------------
*/
.btn-gray.btn-theme-colored2 {
  color: #00679e;
  background-color: #5acfa8;
  border-color: #5acfa8;
}
.btn-gray.btn-theme-colored2:focus,
.btn-gray.btn-theme-colored2.focus {
  color: #00679e;
  background-color: #00679e;
  border-color: #268464;
}
.btn-gray.btn-theme-colored2:hover {
  color: #00679e;
  background-color: #00679e;
  border-color: #35b78b;
}
.btn-gray.btn-theme-colored2:active,
.btn-gray.btn-theme-colored2.active,
.open > .dropdown-toggle.btn-gray.btn-theme-colored2 {
  color: #00679e;
  background-color: #00679e;
  border-color: #35b78b;
}
.btn-gray.btn-theme-colored2:active:hover,
.btn-gray.btn-theme-colored2.active:hover,
.open > .dropdown-toggle.btn-gray.btn-theme-colored2:hover,
.btn-gray.btn-theme-colored2:active:focus,
.btn-gray.btn-theme-colored2.active:focus,
.open > .dropdown-toggle.btn-gray.btn-theme-colored2:focus,
.btn-gray.btn-theme-colored2:active.focus,
.btn-gray.btn-theme-colored2.active.focus,
.open > .dropdown-toggle.btn-gray.btn-theme-colored2.focus {
  color: #00679e;
  background-color: #2fa37c;
  border-color: #268464;
}
.btn-gray.btn-theme-colored2:active,
.btn-gray.btn-theme-colored2.active,
.open > .dropdown-toggle.btn-gray.btn-theme-colored2 {
  background-image: none;
}
.btn-gray.btn-theme-colored2.disabled:hover,
.btn-gray.btn-theme-colored2[disabled]:hover,
fieldset[disabled] .btn-gray.btn-theme-colored2:hover,
.btn-gray.btn-theme-colored2.disabled:focus,
.btn-gray.btn-theme-colored2[disabled]:focus,
fieldset[disabled] .btn-gray.btn-theme-colored2:focus,
.btn-gray.btn-theme-colored2.disabled.focus,
.btn-gray.btn-theme-colored2[disabled].focus,
fieldset[disabled] .btn-gray.btn-theme-colored2.focus {
  background-color: #5acfa8;
  border-color: #5acfa8;
}
.btn-gray.btn-theme-colored2 .badge {
  color: #5acfa8;
  background-color: #00679e;
}
/*
 * btn-primary: theme-color
 * -----------------------------------------------
*/
.btn-theme-colored2 {
  color: #fff;
  background-color: #00679e;
  border-color: #00679e;
}
.btn-theme-colored2:focus,
.btn-theme-colored2.focus {
  color: #fff;
  background-color: #cb3526;
  border-color: #1a5c46;
}
.btn-theme-colored2:hover {
  color: #fff;
  background-color: #cb3526;
  border-color: #298f6d;
}
.btn-theme-colored2:active,
.btn-theme-colored2.active,
.open > .dropdown-toggle.btn-theme-colored2 {
  color: #fff;
  background-color: #cb3526;
  border-color: #298f6d;
}
.btn-theme-colored2:active:hover,
.btn-theme-colored2.active:hover,
.open > .dropdown-toggle.btn-theme-colored2:hover,
.btn-theme-colored2:active:focus,
.btn-theme-colored2.active:focus,
.open > .dropdown-toggle.btn-theme-colored2:focus,
.btn-theme-colored2:active.focus,
.btn-theme-colored2.active.focus,
.open > .dropdown-toggle.btn-theme-colored2.focus {
  color: #fff;
  background-color: #247c5e;
  border-color: #1a5c46;
}
.btn-theme-colored2:active,
.btn-theme-colored2.active,
.open > .dropdown-toggle.btn-theme-colored2 {
  background-image: none;
}
.btn-theme-colored2.disabled:hover,
.btn-theme-colored2[disabled]:hover,
fieldset[disabled] .btn-theme-colored2:hover,
.btn-theme-colored2.disabled:focus,
.btn-theme-colored2[disabled]:focus,
fieldset[disabled] .btn-theme-colored2:focus,
.btn-theme-colored2.disabled.focus,
.btn-theme-colored2[disabled].focus,
fieldset[disabled] .btn-theme-colored2.focus {
  background-color: #00679e;
  border-color: #00679e;
}
.btn-theme-colored2 .badge {
  color: #00679e;
  background-color: #fff;
}
.btn-hover-theme-colored2:hover {
  background-color: #00679e;
  border-color: #00679e;
  color: #fff;
}
/*
 * Shortcode: styled-icons Theme Colored
 * -----------------------------------------------
*/
.icon-theme-colored2 a {
  color: #00679e;
}
.icon-theme-colored2.icon-bordered a {
  border-color: #00679e;
}
.icon-theme-colored2.icon-bordered a:hover {
  background-color: #00679e;
  color: #fff;
}
.icon-theme-colored2.icon-dark a {
  background-color: #00679e;
  color: #fff;
}
.icon-theme-colored2.icon-dark a:hover {
  background-color: #cb3526;
  color: #cb3526;
}
.icon-theme-colored2.icon-dark.icon-bordered a {
  border-color: #00679e;
  color: #00679e;
}
.icon-theme-colored2.icon-dark.icon-bordered a:hover {
  background-color: #00679e;
  border-color: #00679e;
  color: #fff;
}
.icon-theme-colored2.icon-gray a {
  color: #00679e;
}
.icon-theme-colored2.icon-gray a:hover {
  color: #cb3526;
}
.icon-theme-colored2.icon-gray.icon-bordered a {
  color: #00679e;
}
.icon-theme-colored2.icon-gray.icon-bordered a:hover {
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #00679e;
}
.icon-theme-colored2 a:hover {
  color: #cb3526;
}
.icon-hover-theme-colored2 a:hover {
  background-color: #00679e;
  border-color: #00679e;
  color: #fff;
}
.styled-icons.icon-hover-theme-colored2 a:hover {
  background-color: #00679e;
  border-color: #00679e;
  color: #fff;
}
/*
 * Shortcode: Icon Boxes Theme Colored
 * -----------------------------------------------
*/
.icon-box.iconbox-theme-colored2 .icon {
  color: #00679e;
}
.icon-box.iconbox-theme-colored2 .icon.icon-border-effect::after {
  box-shadow: 0 0 0 3px #cb3526;
}
.icon-box.iconbox-theme-colored2 .icon.icon-bordered {
  border-color: #00679e;
}
.icon-box.iconbox-theme-colored2 .icon.icon-bordered:hover {
  background-color: #00679e;
  color: #fff;
}
.icon-box.iconbox-theme-colored2 .icon.icon-gray:hover {
  background-color: #00679e;
  color: #fff;
}
.icon-box.iconbox-theme-colored2 .icon.icon-gray.icon-bordered {
  border-color: #eeeeee;
}
.icon-box.iconbox-theme-colored2 .icon.icon-gray.icon-bordered:hover {
  background-color: #00679e;
  border-color: #00679e;
  color: #fff;
}
.icon-box.iconbox-theme-colored2 .icon.icon-dark {
  background-color: #00679e;
  color: #fff;
}
.icon-box.iconbox-theme-colored2 .icon.icon-dark:hover {
  color: #fff;
}
.icon-box.iconbox-theme-colored2 .icon.icon-dark.icon-bordered {
  background-color: transparent;
  border-color: #00679e;
  color: #00679e;
}
.icon-box.iconbox-theme-colored2 .icon.icon-dark.icon-bordered:hover {
  background-color: #00679e;
  border-color: #00679e;
  color: #fff;
}
.icon-box.iconbox-theme-colored2 .icon.icon-white {
  background-color: #fff;
  color: #00679e;
}
.icon-box.iconbox-theme-colored2 .icon.icon-white:hover {
  background-color: #00679e;
  color: #fff;
}
.icon-box.iconbox-theme-colored2 .icon.icon-white.icon-bordered {
  background-color: transparent;
  border-color: #00679e;
  color: #fff;
}
.icon-box.iconbox-theme-colored2 .icon.icon-white.icon-bordered:hover {
  background-color: #00679e;
  border-color: #00679e;
  color: #fff;
}
.icon-box.iconbox-theme-colored2.iconbox-border {
  border-color: #00679e;
}
/*
 *  accordion.less
 * -----------------------------------------------
*/
.accordion-theme-colored2 .panel-default > .panel-heading {
  background-color: #00679e;
}
.accordion-theme-colored2 .panel-default > .panel-heading .panel-title > a,
.accordion-theme-colored2 .panel-default > .panel-heading .panel-title > a:hover,
.accordion-theme-colored2 .panel-default > .panel-heading .panel-title > a:focus {
  color: #fff;
}
.panel-group.accordion-icon-filled.accordion-icon-left.accordion-icon-filled-theme-colored2 .panel-heading .panel-title a:before {
  background-color: #00679e;
}
.panel-group.accordion-icon-filled.accordion-icon-right.accordion-icon-filled-theme-colored2 .panel-heading .panel-title a:after {
  background-color: #00679e;
}
/*
 * about.less
 * -----------------------------------------------
*/
/* -------- custom css ---------- */
/* -------- custom css ---------- */
/* -------- custom css ---------- */
/*
 * section-title.less
 * -----------------------------------------------
*/
/*
 * custom-theme-color-set.less
 * -----------------------------------------------
*/
/*
 * custom-theme-color1.less
 * -----------------------------------------------
*/
.single-course-thumb .overlay-shade {
  background-color: rgba(43, 46, 59, 0.9);
}
/*
 * custom-theme-color2.less
 * -----------------------------------------------
*/
.team-block .team-thumb .styled-icons a:hover,
.work-gallery .gallery-thumb .styled-icons a:hover,
.work-gallery:hover .gallery-bottom-part,
.double-line-bottom-theme-colored-2:after,
.double-line-bottom-theme-colored-2:before,
.double-line-bottom-centered-theme-colored-2:after,
.double-line-bottom-centered-theme-colored-2:before,
.line-bottom-theme-colored-2:after,
.line-bottom-centered::after,
.event-block .event-date,
.team-social,
.event-small .event-date,
.portfolio-filter a.active,
.title-border::after,
.search-menu {
  background: #cb3526;
}
.testimonial-content::after, .top-course-thumb .desc-box .off, .breadcrumb.white li.active, .widget .post-title a:hover, .search .search-form button[type=submit] {
  color: #00679e;
}
.about-video:hover .video-button {
  background-color: rgba(55, 191, 145, 0.9);
}
.btn-theme-colored2 {
  background-color: #00679e;
}
.review-stars i {
  color: #00679e;
}
.price-tag {
  background: #cb3526;
}
.services-list li.active a {
  background-color: #00679e !important;
}
.services-list ul li a:hover {
  background-color: #00679e;
  color: #fff;
}
.services-list li.active a {
  border: 1px solid #cb3526;
}
.brochured li a i {
  color: #00679e;
}
.star-rating span::before {
  color: #00679e !important;
}
.nav-tabs > li.active a,
.nav-tabs > li.active a:hover,
.nav-tabs > li.active a:focus {
  color: #00679e;
}
.nav-tabs > li > a:hover {
  color: #00679e;
  border-bottom: 1px solid #cb3526;
}
.progress-item .progress-bar {
  background-color: #00679e;
}
.play-btn {
  box-shadow: 2px 1px 23px 5px #cb3526;
}

/* 1. استدعاء الخط وتطبيقه بشكل عام */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap');

body, h1, h2, h3, h4, h5, h6, .btn, .menuzord-menu a, p, span, li, .tp-caption {
    font-family: 'Cairo', sans-serif !important;
}

/* 3. تمدد البنر ووضوح الصور (نصوص بيضاء) */
.rev_slider img, .banner-image img, .tp-bgimg.defaultimg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    filter: brightness(0.9) contrast(1.1);
}
.rev_slider .tp-caption, .tp-caption.tp-resizeme {
    color: #ffffff !important;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6) !important;
}

/* 5. تأثير 3D على إطارات الصور وصناديق الخدمات */
.thumb img, .gallery-item img, .icon-box {
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}
.icon-box:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

/* 7. التكيف الكامل مع الجوال */
@media (max-width: 767px) {
    .rev_slider_wrapper, .rev_slider { height: 350px !important; }
    .rev_slider .tp-caption { font-size: 18px !important; text-align: center !important; }
    .menuzord-menu > li > a::after { display: none; } /* إخفاء الخط السفلي في الجوال لمنع الزحام */
    img { max-width: 100% !important; height: auto !important; }
}

/* --- تحسين القوائم العلوية (Header & Menu) --- */

/* 1. الحاوية الرئيسية للقائمة */
.menuzord {
    background: #ffffff !important;
    padding: 5px 0;
    transition: all 0.4s ease;
}

/* 2. تنسيق روابط القائمة الأساسية */
.menuzord-menu > li > a {
    color: #00679e !important; /* لون كحلي رزين */
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 12px 22px !important;
    margin: 10px 2px;
    border-radius: 5px; /* زوايا خفيفة عند التظليل */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 3. تأثير الوقوف (Hover) - خلفية ناعمة جداً */
.menuzord-menu > li:hover > a {
    background-color: rgba(203, 53, 38, 0.05) !important; /* مسحة حمراء خفيفة جداً لا تشتت العين */
    color: #cb3526 !important; /* النص يتحول للأحمر */
}

/* 4. تحسين القوائم المنسدلة (Dropdown) لتبدو 3D */
.menuzord-menu ul.dropdown {
    border-top: 3px solid #cb3526 !important; /* خط أحمر نحيف من الأعلى فقط */
    box-shadow: 0 15px 35px rgba(0,0,0,0.15) !important; /* ظل عميق يعطي بعداً ثالثاً */
    border-radius: 0 0 10px 10px;
    padding: 10px 0 !important;
    background: #ffffff !important;
}

.menuzord-menu ul.dropdown li a {
    font-weight: 600 !important;
    color: #444 !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
    transition: all 0.2s ease;
}

/* 5. حركة انسيابية للقوائم المنسدلة عند الظهور */
.menuzord-menu ul.dropdown li:hover > a {
    padding-right: 25px !important; /* إزاحة بسيطة لليسار/اليمين عند الوقوف */
    background: #fdfdfd !important;
    color: #cb3526 !important;
}

/* 6. تحسين القائمة في حالة التثبيت (Sticky Header) */
.header-sticky.sticky .menuzord {
    padding: 0;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1) !important;
}

/* 7. إخفاء أي خطوط فاصلة قديمة مشوهة */
.menuzord-menu > li::after {
    display: none !important;
}


/* ----------------------------------------------------------------- */
/* --- تحسين قسم الكورسات (Courses Section) --- */

/* 1. ضبط خلفية القسم لتكون مريحة للعين */
#courses.bg-silver-deep {
    background-color: #f8f9fa !important; /* رمادي فاتح جداً ونظيف */
    padding: 80px 0;
}

/* 2. تحسين بطاقة الكورس (Course Card) */
#courses .item, 
#courses .course-item {
    background: #ffffff;
    border-radius: 15px !important; /* حواف منحنية احترافية */
    border: none !important;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); /* ظل خفيف في الحالة العادية */
    margin-bottom: 30px;
    height: 100%;
    position: relative;
}

/* 3. تأثير الـ 3D عند تمرير الماوس (Hover) */
#courses .item:hover, 
#courses .course-item:hover {
    transform: translateY(-10px); /* رفع البطاقة للأعلى */
    box-shadow: 0 20px 40px rgba(3, 33, 79, 0.15) !important; /* ظل كحلي ناعم وعميق */
}

/* 4. تحسين صورة الكورس */
#courses .thumb {
    position: relative;
    overflow: hidden;
}

#courses .thumb img {
    transition: transform 0.6s ease;
}

#courses .item:hover .thumb img {
    transform: scale(1.1) rotate(1deg); /* تكبير وميلان بسيط للصورة */
}

/* 5. تنسيق محتوى الكورس (النصوص) */
#courses .course-details {
    padding: 20px;
    text-align: cente;
}

#courses .course-title, 
#courses .entry-title {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #00679e !important; /* اللون الكحلي */
    margin-bottom: 10px;
    transition: color 0.3s ease;
}

#courses .item:hover .course-title {
    color: #cb3526 !important; /* يتحول للأحمر عند الوقوف عليه */
}

/* 6. تحسين السعر أو "التاغ" (Price Tag / Label) */
#courses .price-tag, 
#courses .course-price {
    background: #cb3526 !important;
    color: #fff !important;
    padding: 5px 15px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 14px;
    box-shadow: 0 4px 10px rgba(203, 53, 38, 0.3);
}

/* 7. تحسين زر "التفاصيل" داخل الكورس */
#courses .btn-details {
    border: 2px solid #00679e;
    color: #00679e;
    background: transparent;
    border-radius: 5px;
    font-weight: 700;
    width: 100%;
    margin-top: 15px;
    transition: all 0.3s ease;
}

#courses .item:hover .btn-details {
    background: #00679e;
    color: #fff;
}

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



/* --- تحسين قسم الحجز والنموذج (Reservation Section) --- */

/* 1. ضبط خلفية القسم والطبقة الملونة */
#reservation.layer-overlay.overlay-theme-colored-8::before {
    background-color: rgba(3, 33, 79, 0.85) !important; /* لون كحلي غامق وشفاف للفخامة */
}

/* 2. تحسين شكل حاوية النموذج (Form Container) */
#reservation .section-content {
    background: rgba(255, 255, 255, 0.05); /* تأثير زجاجي خفيف */
    padding: 40px !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px); /* تغبيش الخلفية لزيادة التركيز على النموذج */
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}

/* 3. تحسين حقول الإدخال (Input Fields) */
#reservation input, 
#reservation select, 
#reservation textarea {
    background: #ffffff !important;
    border: 2px solid transparent !important;
    border-radius: 8px !important;
    height: 50px;
    color: #00679e !important;
    font-weight: 600 !important;
    font-family: 'Cairo', sans-serif !important;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

/* تأثير عند الضغط على الحقل (Focus) */
#reservation input:focus, 
#reservation select:focus, 
#reservation textarea:focus {
    border-color: #cb3526 !important; /* يتحول الإطار للأحمر */
    box-shadow: 0 0 15px rgba(203, 53, 38, 0.2) !important;
    transform: translateY(-2px);
}

/* 4. تحسين نصوص القسم (العناوين والوصف) */
#reservation h2, 
#reservation h3, 
#reservation p {
    color: #ffffff !important; /* جعل النصوص بيضاء لتبرز فوق الكحلي */
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

/* 5. تحسين زر الإرسال داخل النموذج */
#reservation button[type=submit], #reservation .btn-theme-colored {
    width: 100%;
    height: 55px;
    font-size: 18px !important;
    font-weight: 800 !important;
    background-color: #cb3526 !important; /* أحمر */
    border-bottom: 4px solid #a02a1e !important; /* تأثير 3D للزر */
    transition: all 0.2s ease;
}

#reservation button[type=submit]:hover {
    background-color: #ffffff !important;
    color: #cb3526 !important;
    border-bottom: 4px solid #e0e0e0 !important;
    transform: translateY(-3px);
}

/* 6. تنسيق القوائم المنسدلة داخل النموذج */
#reservation select option {
    background: #ffffff;
    color: #00679e;
}

/* 7. استجابة الجوال */
@media (max-width: 767px) {
    #reservation .section-content {
        padding: 20px !important;
        margin: 0 10px;
    }
}

/* 1. ضبط التباعد العام داخل المحتوى */
.section-content {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    line-height: 1.8; /* زيادة تباعد الأسطر لراحة العين عند القراءة */
}

/* 4. تحسين الصور داخل المحتوى بجعلها تبدو ثلاثية الأبعاد */
.section-content img {
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important; /* ظل ناعم جداً */
    transition: transform 0.4s ease;
    max-width: 100%;
}


/* --- تحسين قسم البارالاكس والفواصل (Parallax Section) --- */

/* 1. تحسين الطبقة الملونة فوق الصورة (Overlay) */
section.parallax.layer-overlay.overlay-theme-colored-9::before {
    /* تدرج لوني كحلي عميق يعطي عمقاً للصورة الخلفية */
    background: linear-gradient(135deg, rgba(3, 33, 79, 0.9) 0%, rgba(3, 33, 79, 0.7) 100%) !important;
}

/* 2. إضافة لمسة ضوئية خفيفة في منتصف القسم */
section.parallax.layer-overlay::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at center, rgba(203, 53, 38, 0.05) 0%, transparent 70%);
    pointer-events: none;
    z-index: 1;
}

/* 3. جعل المحتوى يبرز بشكل ثلاثي الأبعاد (3D Pop-up) */
section.parallax .container {
    position: relative;
    z-index: 10;
}

/* 4. تحسين الأرقام الإحصائية (إذا كان القسم يحتوي على عدادات Counter) */
section.parallax .counter-item {
    background: rgba(255, 255, 255, 0.03); /* إطار زجاجي شفاف جداً */
    padding: 30px 20px;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
    transition: all 0.4s ease;
}

section.parallax .counter-item:hover {
    background: rgba(255, 255, 255, 0.08);
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}

/* 5. تنسيق النصوص الكبيرة داخل البارالاكس */
section.parallax h2, 
section.parallax h3 {
    color: #ffffff !important;
    font-weight: 800 !important;
    text-transform: none;
    letter-spacing: 1px;
    text-shadow: 2px 4px 10px rgba(0, 0, 0, 0.5) !important; /* ظل قوي للنصوص البيضاء */
}

section.parallax p {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 18px;
    font-weight: 500;
}

/* 6. تحسين الأيقونات داخل قسم البارالاكس */
section.parallax .icon-box i {
    color: #cb3526 !important; /* اللون الأحمر للأيقونات ليبرز فوق الكحلي */
    font-size: 45px;
    margin-bottom: 15px;
    display: inline-block;
    filter: drop-shadow(0 5px 10px rgba(0,0,0,0.3));
}

/* 7. إضافة تأثير "الوهج" الخفيف على الأزرار في هذا القسم */
section.parallax .btn-theme-colored {
    box-shadow: 0 0 20px rgba(203, 53, 38, 0.4);
}


/* --- تحسين قسم المدونة مع الحفاظ على تنسيق التاريخ الأصلي --- */

/* 1. تحسين حاوية المقال (البطاقة بالكامل) */
#blog .post {
    background: #ffffff;
    border-radius: 15px !important;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); /* ظل خفيف */
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    border: 1px solid #f0f0f0;
    margin-bottom: 30px;
}

/* تأثير الـ 3D والبروز للمقال عند تمرير الماوس */
#blog .post:hover {
    transform: translateY(-10px); /* رفع المقال للأعلى */
    box-shadow: 0 20px 40px rgba(3, 33, 79, 0.12) !important; /* ظل كحلي ناعم */
    border-color: rgba(203, 53, 38, 0.2);
}

/* 2. تحسين زووم الصورة عند الوقوف */
#blog .post-thumb {
    overflow: hidden;
}

#blog .post-thumb img {
    transition: transform 0.8s ease;
}

#blog .post:hover .post-thumb img {
    transform: scale(1.08); /* تكبير الصورة داخل الإطار */
}

/* 3. تحسين نصوص المقال (العناوين) */
#blog .entry-title a {
    color: #00679e !important; /* لون كحلي رزين */
    font-family: 'Cairo', sans-serif !important;
    font-weight: 800 !important;
    transition: color 0.3s ease;
}

#blog .post:hover .entry-title a {
    color: #cb3526 !important; /* يتحول للأحمر عند الوقوف */
}

/* 4. تحسين شكل الخط الفاصل السفلي للمقال (Meta Data) */
#blog .entry-meta {
    background-color: #fcfcfc;
    border-top: 1px solid #f1f1f1;
    padding: 10px 15px;
}

/* 5. زر اقرأ المزيد بلمسة احترافية */
#blog .read-more {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 700;
    color: #cb3526 !important;
    transition: all 0.3s ease;
}

#blog .read-more:hover {
    letter-spacing: 1px; /* حركة بسيطة للنص عند الوقوف */
}


/* --- تكبير الشعارات وتقليل ارتفاع قسم الشركاء --- */

/* 1. تصغير مساحة الخلفية (تقليل الـ Padding) */
section.clients.bg-theme-colored2 {
    background-color: #00679e !important;
    padding: 30px 0 !important; /* تقليل المسافة العلوية والسفلية للخلفية */
}

/* 2. تكبير حجم الصور (الشعارات) */
section.clients .item img, 
section.clients .client-logos img {
    background-color: #ffffff !important;
    padding: 10px !important; /* تقليل الحشو الداخلي للصورة لتظهر أكبر */
    border-radius: 10px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
    
    /* تكبير الأبعاد */
    max-height: 130px !important; /* زيادة الارتفاع الأقصى للشعار */
    width: auto !important;
    min-width: 150px; /* ضمان عرض جيد للشعار */
    
    display: inline-block;
    filter: none !important;
    opacity: 1 !important;
}

/* 3. تأثير البروز عند الوقوف (Hover) */
section.clients .item img:hover, 
section.clients .client-logos img:hover {
    transform: scale(1.1); /* تكبير إضافي عند تمرير الماوس */
    box-shadow: 0 10px 25px rgba(0,0,0,0.4);
}

/* 4. إزالة المسافات الزائدة في السلايدر */
section.clients .owl-carousel .owl-stage-padding {
    padding: 10px 0 !important;
}

/* 5. ضبط الجوال لتبقى الشعارات واضحة */
@media (max-width: 767px) {
    section.clients .item img, 
    section.clients .client-logos img {
        max-height: 80px !important; /* حجم مناسب للجوال */
        min-width: 100px;
    }
    section.clients {
        padding: 20px 0 !important;
    }
}




/* --- تحسين خلفية الفوتر فقط (Premium Backdrop) --- */

footer#footer {
    /* 1. جعل الصورة الخلفية ثابتة وتعطي تأثير عمق (Parallax Effect) */
    background-attachment: fixed !important;
    background-size: cover !important;
    background-position: center center !important;
    position: relative;
    overflow: hidden;
}

footer#footer::before {
    /* 2. تدرج لوني احترافي: من الكحلي القاتم جداً إلى درجة شفافة تظهر جمال الصورة */
    background: linear-gradient(
        180deg, 
        rgba(1, 8, 20, 0.98) 0%,   /* كحلي ملكي صلب في الأعلى */
        rgba(3, 33, 79, 0.92) 100%  /* درجة كحلية أنعم في الأسفل لإظهار ملامح الصورة */
    ) !important;
    opacity: 1 !important;
}

/* 3. إضافة إضاءة خفيفة (Ambient Light) في منتصف الفوتر لكسر الجمود */
footer#footer::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 80%;
    background: radial-gradient(
        circle, 
        rgba(203, 53, 38, 0.03) 0%, 
        transparent 70%
    );
    pointer-events: none; /* لا يؤثر على الضغط على الروابط */
    z-index: 0;
}

/* ضمان ظهور المحتوى فوق تأثير الإضاءة الجديد */
footer#footer .container {
    position: relative;
    z-index: 1;
}

/* --- 1. استدعاء خط Cairo وتطبيقه على كامل الموقع --- */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap');

/* تطبيق الخط على جميع العناصر واستبدال Droid Arabic Kufi */
html, body, div, p, span, a, li, td, th, input, select, textarea, 
h1, h2, h3, h4, h5, h6, 
.btn, .menuzord-menu a, .tp-caption, .widget-title {
    font-family: 'Cairo', sans-serif !important;
}

/* --- 2. تحسين البنر ووضوح الصور (نصوص بيضاء) --- */
.rev_slider img, .banner-image img, .tp-bgimg.defaultimg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    filter: brightness(0.9) contrast(1.1);
}
.rev_slider .tp-caption, .tp-caption.tp-resizeme {
    color: #ffffff !important;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6) !important;
}

/* --- 3. تأثير 3D على إطارات الصور وصناديق الخدمات --- */
.thumb img, .gallery-item img, .icon-box {
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}
.icon-box:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

/* --- 4. تحسين القوائم العلوية (Header & Menu) --- */
.menuzord {
    background: #ffffff !important;
    padding: 5px 0;
}
.menuzord-menu > li > a {
    color: #00679e !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 12px 22px !important;
}
.menuzord-menu > li:hover > a {
    color: #cb3526 !important;
    background-color: rgba(203, 53, 38, 0.05) !important;
}

/* --- 5. تكبير شعارات الشركاء وضبط القسم --- */
section.clients.bg-theme-colored2 {
    background-color: #00679e !important;
    padding: 25px 0 !important;
}
section.clients .item img {
    background-color: #ffffff !important;
    padding: 10px !important;
    border-radius: 10px !important;
    max-height: 120px !important;
    transition: all 0.3s ease;
}

/* --- 6. التكيف الكامل مع الجوال --- */
@media (max-width: 767px) {
    .rev_slider_wrapper, .rev_slider { height: 350px !important; }
    .rev_slider .tp-caption { font-size: 18px !important; }
    img { max-width: 100% !important; height: auto !important; }
}
/* ابحث عن الكلاس المسؤول عن البنر، عادة ما يكون شيئاً مثل .home-slider أو .bg-img-center */
.layer-overlay, .tab-slider, .bg-img-center {
    background-size: contain !important; /* لجعل الصورة تظهر بالكامل داخل الإطار */
    background-repeat: no-repeat !important;
    background-position: center center !important;
}