/*--------------------------------------------------------------
Barber & Company - https://demo.energizethemes.com/quadra/
--------------------------------------------------------------*/
/********** Header **********/
#sn-position .h1 {
  top: 10px !important;
}
header#top-handler {
  background: #ffffff !important;
}
#st-navigation a {
  font-weight: bold !important;
}
.page-header > h1 {
  font-size: 28.62px !important;
}
.menu-nav ul li a {
  color: #CC0001 !important;
}
header#top-handler.dark {
  background: rgba(255, 255, 255) !important;
}
.white .camera_caption_bg * {
  color: #CC0001 !important;
}
/********** Mobile header and Menu **********/
.off-canvas {
  background-color: #CC0001;
  color: #ffffff;
}
#offcanvas-handler .moduletable a {
  color: #ffffff !important;
}
#offcanvas-handler .moduletable a:hover {
  color: #cccccc !important;
}
#offcanvasclose {
  color: #CC0001 !important;
  background-color: #cccccc !important;
}
#offcanvasclose:hover {
  color: #CC0001 !important;
  background-color: #ffffff !important;
}
ul.menucanvas li .btn-toggle {
  color: #CC0001 !important;
  background-color: #cccccc !important;
}
ul.menucanvas li .btn-toggle:hover {
  color: #CC0001 !important;
  background-color: #ffffff !important;
}
@media (max-width: 979px) {
  #top-handler.fixed {
    background: #ffffff;
  }
}
/********** Menu Button and Search Icon **********/
.open-off-canvas {
  color: #CC0001 !important;
}
#searchOpenButton {
  color: #CC0001 !important;
}
/********** Menu **********/
.menu-nav > li.active > a {
  color: #CC0001 !important;
}
.menu-nav > li > a {
  color: #CC0001 !important;
}
.menu-nav > li > a:hover, .menu-nav > li.sfHover > a {
  color: #CC0001 !important;
}
.menu-nav ul li > a:hover {
  background-color: #CC0001 !important;
}
/********** Blog **********/
.moduleItemDateCreated-month {
  color: #ffffff !important;
  background-color: #CC0001 !important;
}
.moduleItemDateCreated-day {
  background: #cccccc;
  color: #CC0001;
}
.owl-theme .owl-controls .owl-page span {
  background-color: #cccccc !important;
}
.owl-theme .owl-controls .owl-page.active span {
  background-color: #CC0001 !important;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
  background-color: #CC0001 !important;
}
.stretch .space-content {
  font-size: 36px !important;
  line-height: 46px !important;
}
/********** Generic for all pages **********/
a {
  color: #CC0001;
}
a:hover {
  color: #cccccc;
}
.moduletable a {
  color: #5A5A5A !important;
}
.custom-color3 {
  color: #5A5A5A !important;
  font-weight: bold !important;
}
.page-header > h2 {
  color: #CC0001 !important;
  font-weight: bold !important;
}
.page-header > h1 {
  color: #CC0001 !important;
  font-weight: bold !important;
}
.contact-name {
  font-weight: bold !important;
}
/********** Triangle Shapes color **********/
#slideshow-handler-bg .sh-shape-1:before {
  border-color: #CC0001 transparent transparent transparent;
}
#slideshow-handler-bg .sh-shape-1:after {
  border-color: #cccccc transparent transparent transparent;
}
#slideshow-handler-bg .sh-shape-2:before {
  background-color: #cccccc !important;
}
#slideshow-handler-bg .sh-shape-2:after {
  background-color: #CC0001 !important;
}
.sh-left .sh-shape-2:before {
  background-color: #CC0001;
}
.sh-left .sh-shape-2:after {
  background-color: #cccccc;
}
#bottom-long-3.top-long-acive:after {
  background-color: #cccccc;
}
#top-modules.top-long-acive:after {
  background-color: #CC0001;
}
#bottom-long-3.top-long-acive:before {
  background-color: #CC0001;
}
#top-long {
  background-color: #CC0001;
}
#bottom-bg .sh-shape-2:before {
  background-color: #cccccc;
}
#bottom-bg .sh-shape-2:after {
  background-color: #CC0001;
}
#breadcrumb-line .sh-shape-1:before {
  border-color: #cccccc transparent transparent transparent;
}
#breadcrumb-line .sh-shape-1:after {
  border-color: #CC0001 transparent transparent transparent;
}
/********** 2 Modules Under Slider **********/
.moduletable_style9 .module-content-handler {
  background-color: #CC0001;
}
.custom-background2 {
  background-color: #cccccc !important;
}
.moduletable_style9 .module-content-handler:after {
  border-color: transparent transparent transparent #CC0001;
}
/********** 6 Modules Under 2 Modules **********/
.moduletable_style4.tile .module-content-handler:after {
  border-color: #CC0001;
}
.moduletable_style4.tile .module-content-handler:before {
  background-color: #CC0001;
}
.moduletable_style4.tile:hover .module-content-handler:after {
  border-color: transparent #cccccc transparent transparent;
}
/********** Leave a message module **********/
#top-long .button, a.button {
  color: #CC0001 !important;
  background-color: #ffffff !important;
}
#top-long .button:hover, a.button:hover {
  color: #CC0001 !important;
  background-color: #cccccc !important;
}
/********** testimonials **********/
#testimonials {
  background-color: #CC0001;
}
.custom-background4 {
  background-color: #CC0001 !important;
}
.moduletable_style6.color1 .module-content {
  background-color: #cccccc;
  color: #CC0001;
}
.custom-color2 {
  color: #ffffff !important;
}
.slick-dots li button {
  background-color: #cccccc !important;
}
.slick-dots li.slick-active button, .slick-dots li:hover button {
  background-color: #ffffff !important;
}
/********** Header search button **********/
#searchpanel .button {
  color: #ffffff !important;
  background-color: #CC0001 !important;
}
#searchpanel .button:hover {
  color: #CC0001 !important;
  background-color: #cccccc !important;
}
/********** Footer - Jump To and Open Intro Panel Button **********/
.jump-to-top a {
  background-color: #CC0001;
  color: #ffffff;
}
.jump-to-top a:hover {
  background-color: #cccccc;
  color: #CC0001;
}
#open-intro-panel {
  background-color: #CC0001;
  color: #ffffff;
  border-color: #ffffff;
}
#open-intro-panel:hover {
  background-color: #ffffff;
  color: #CC0001;
  border-color: #CC0001;
}
/********** Footer **********/
#footer {
  color: #5A5A5A;
  background-color: #cccccc;
}
/********** Contact Us Page **********/
#contact-form button, .btn {
  color: #ffffff !important;
  background-color: #CC0001 !important;
}
#contact-form button:hover, .btn:hover {
  color: #CC0001 !important;
  background-color: #cccccc !important;
}
/* =======News Listing Page =======*/
.im_article_container {
  display: inline-block;
  /* max-width: 300px; */
  width: 31%;
  padding: 0 2% 0 0%;
  margin-bottom: 20px;
  vertical-align: top;
}
.menu-nav ul li.sfHover > a {
  color: #ffffff !important;
  background-color: #CC0001 !important;
}
.menu-nav ul li a .sf-sub-indicator {
  border-color: #CC0001;
}
.im_title, .newsarticle_title, .im_title_h, .im_date, .mod-title-handler {
  color: #5A5A5A !important;
  font-weight: bold !important;
}
.im_title
{
      font-size: 20px !important;
    margin-top: 12px !important;
}
.newsarticle_title
{
  font-size: 20px !important;
}
.tmp-content-area > h2 {
  color: #CC0001 !important;
  font-weight: bold !important;
}
#cookiesck_buttons a {
  color: #fff !important;
}
#cookiesck {
  padding: 11px 0 16px 5px !important;
}
/********** Homepage News Module **********/
.im_title_h {
  margin-top: 18px !important;
}
#social-links li {
  margin: 0px 20px 0px 0px !important;
  text-align: left !important;
}
.custom_style9 a {
  color: #ffffff !important;
}
@media (min-width: 1025px) {
  .white .camera_caption_bg * {
    position: relative;
    left: 200px;
    text-align: center;
    font-size: 60px !important;
    margin-top: 200px !important;
  }
}
.camera_caption_bg {
  overflow: unset;
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
  .white .camera_caption_bg * {
    position: relative;
    left: 130px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .im_article_container {
    width: 100%;
    padding: 10px;
  }
  .stretch .space-content {
    font-size: 26px !important;
    line-height: 36px !important;
    text-align: center !important;
  }
}
@media screen and (max-width: 767px) {
  #content-handler {
    padding: 0px 20px 0px 10px;
  }
  #bottom-bg {
    padding: 0px 10px 0px 10px;
  }
}
.im_search_button {
  background-color: #CC0001;
  border: 1px solid #CC0001;
  padding: 4px 11px 4px 10px;
  color: #ffffff;
  font-size: 14px;
  margin-top: -10px;
}
.im_title_h {
  height: 40px;
  margin-top: 12px !important;
  font-size: 20px;
}
.img-holder {
  height: 220px;
  overflow: hidden;
}
@media (max-width: 767px) {
  #bottom-long-3 .container {
    padding: 30px 20px 20px 20px;
  }
}
.hideme {
  display: none;
}
/*---------- Resources Page ----------*/
/* GRID - Start */
#infoZoneComponent .span12 {
  margin-left: 0px !important;
}
#menuWrap .mod-list ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 0px 20px;
  padding: 0px 0px 0px 0px;
  margin-left: 0px !important;
}
#menuWrap .mod-list ul li {
  padding: 20px 10px;
  text-align: center;
  background-color: #CC0001 !important;
  box-shadow: rgba(0, 0, 0, 0.25) 1.95px 1.95px 2.6px;
}
#menuWrap .mod-list ul li:hover {
  background-color: #b10607 !important;
}
#menuWrap .mod-list li {
  padding: 20px 20px;
  text-align: center;
  background-color: rgb(204 204 204 / 20%) !important;
  list-style: none;
  margin: 10px 0 10px 0;
  box-shadow: rgba(0, 0, 0, 0.10) 1.95px 1.95px 2.6px;
}
#infoZoneComponent .item-page ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  gap: 10px 20px;
  list-style: none;
  background-color: rgb(204 204 204 / 20%) !important;
  padding: 10px;
  margin-left: 0px;
}
#infoZoneComponent .item-page ul li {
  padding: 20px 20px;
  text-align: center !important;
  background-color: #fff !important;
  box-shadow: rgba(0, 0, 0, 0.10) 1.95px 1.95px 2.6px;
}
#infoZoneComponent .item-page li {
  padding: 20px 10px;
  text-align: center;
  background-color: rgba(41, 39, 40, 0.08) !important;
  list-style: none;
  margin: 5px 0 5px 0;
}
#menuWrap .mod-list {
  margin-left: 0px !important;
}
#menuWrap .mod-list {
  font-size: 14px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}
#menuWrap .mod-list a {
  color: #5a5a5a !important;
}
#menuWrap .mod-list a:hover {
  color: #CC0001 !important;
}
#infoZoneComponent .item-page a:hover {
  color: #CC0001 !important;
}
#infoZoneComponent .item-page a {
  color: #5a5a5a !important;
  text-decoration: none !important;
  font-weight: bold !important;
}
#menuWrap .mod-list .small li a {
  color: #ffffff !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
}
#menuWrap .mod-list .small li a:hover {
  color: #f2f2f2 !important;
}
@media (max-width: 767px) {
  #menuWrap .mod-list li {
    padding: 20px 5px !important;
  }
}
/* GRID - End */