/*==============================================================================
*																			   *
*	Wrap a Section Block Include with a div that has the class of "darkGray"   *
*																			   *
===============================================================================*/

/*================================================================================================================================================================================
	
	Body

================================================================================================================================================================================*/

body.darkGray {
	background: #1b1b1b;
}

#content-wrap.darkGray {
	background: #1b1b1b;
}

.darkGray .basic-title-box .basic-title {
	color: #f4f4f4;
	border-color: #333;
}
.darkGray .basic-title-box .basic-title a {
	color: #f4f4f4;
}



/*================================================================================================================================================================================

	Header  ::  Default

================================================================================================================================================================================*/

.darkGray .header-top {
	background: #111;
}
.darkGray .header-bottom {
	background: #1b1b1b;
	border-top: 1px solid #222;	
	border-bottom: 1px solid #222;	
}
.darkGray .header-bottom nav ul.iw_menu li.iw_menu_group div.iw_menu_group_header a:link, 
.darkGray .header-bottom nav ul.iw_menu li.iw_menu_group div.iw_menu_group_header a:visited,
.darkGray .header-bottom a.nav-button {
	color: #bbb;
}
.darkGray .navScroll .header-bottom nav.desktop ul.iw_menu li.iw_menu_group div.iw_menu_group_header a:link, 
.darkGray .navScroll .header-bottom nav.desktop ul.iw_menu li.iw_menu_group div.iw_menu_group_header a:visited {
	color: #bbb;
}
.darkGray .headerClear.navScroll .header-bottom a.nav-button:link, .darkGray .headerClear.navScroll .header-bottom a.nav-button:visited {
	color: #bbb;
}
.darkGray .header-top .social-media a {
	color: #555;
}
.darkGray .header-top .phone .fa {
	color: #555;
}
.darkGray .header-bottom nav ul li .iw_menu_group_header a:before {
/* 	background: #1b1b1b; */
}
.darkGray .header-bottom nav.desktop ul.iw_menu li ul.iw_menu_group_links {
	background: #1b1b1b;
	border-top: 1px solid #1b1b1b;
}
.darkGray .header-bottom nav.desktop ul.iw_menu li ul.iw_menu_group_links li.iw_menu_link a {
	background: #1b1b1b;
}
.darkGray .header-bottom nav.desktop ul.iw_menu li ul.iw_menu_group_links li.iw_menu_link a {
	color: #bbb;
}
.darkGray .header-bottom nav.desktop ul.iw_menu li ul.iw_menu_group_links li.iw_menu_link a:hover,
.darkGray .header-bottom nav.desktop ul.iw_menu li ul.iw_menu_group_links li.iw_menu_link a:active {
	
}
.darkGray .header-bottom nav.tablet a:link, 
.darkGray .header-bottom nav.tablet a:visited {
	border-color: #333;
	color: #f4f4f4;
}
.darkGray .navScroll .header-bottom nav.tablet a:link, 
.darkGray .navScroll .header-bottom nav.tablet a:visited {
	border-color: #333;
	color: #f4f4f4;
}

/*  Clear Header  */

.darkGray .headerClear .header-top {
  background: rgba(248,248,248,0.0);
  padding: 10px 0 0 0;
}
.darkGray .headerClear .header-bottom {
	background: rgba(255,255,255,0.0);
	border-top: 1px solid rgba(0,0,0,0.0);
	border-bottom: 1px solid rgba(0,0,0,0.0);
}

.darkGray .headerClear.navScroll .header-top {
	background: #111;
	padding: 0;
}
.darkGray .headerClear.navScroll .header-bottom {
	background: #1b1b1b;
	border-top: 1px solid #222;	
	border-bottom: 1px solid #222;	
}


/*================================================================================================================================================================================

	Header  ::  Alternate

================================================================================================================================================================================*/

.darkGray .header_Alternate .header-bottom {
	border: none;
}
.darkGray .header_bottom_alternate {
	background: #111;
	border-bottom: 1px solid #222;	
}
.darkGray .header_bottom_alternate .iw_menu .iw_menu_group .iw_menu_group_header > a {
	color: #999;
}
.darkGray .header_bottom_alternate a.nav-button:link, 
.darkGray .header_bottom_alternate a.nav-button:visited {
	color: #999;
}

/*-------------------------------------------------------
    ::  Clear   ::  Default 
---------------------------------------------------------*/

.darkGray .headerClear .header_bottom_alternate {
	background: rgba(255,255,255,0.0);
	border-bottom: 1px solid rgba(255,255,255,0.0);
}
.darkGray .headerClear .header_bottom_alternate .iw_menu .iw_menu_group .iw_menu_group_header > a {
	color: #fff;
}
.darkGray .headerClear .header_bottom_alternate a.nav-button:link, 
.darkGray .headerClear .header_bottom_alternate a.nav-button:visited {
	color: #fff;
}

/*  On Scroll  */

.darkGray .headerClear.navScroll .header_bottom_alternate {
	background: #111;
	border-bottom: 1px solid #222;
}
.darkGray .headerClear.navScroll .header_bottom_alternate .iw_menu .iw_menu_group .iw_menu_group_header > a {
	color: #999;
}
.darkGray .headerClear.navScroll .header_bottom_alternate a.nav-button:link, 
.darkGray .headerClear.navScroll .header_bottom_alternate a.nav-button:visited {
	color: #999;
}


/*-------------------------------------------------------
    ::  Clear  ::  Light 
---------------------------------------------------------*/

.darkGray .headerClear.headerClear_light .header_bottom_alternate {
	background: rgba(255,255,255,0.0);
	border-bottom: 1px solid rgba(255,255,255,0.0);
}
.darkGray .headerClear.headerClear_light .header_bottom_alternate .iw_menu .iw_menu_group .iw_menu_group_header > a {
	color: #222;
}
.darkGray .headerClear.headerClear_light .header_bottom_alternate a.nav-button:link, 
.darkGray .headerClear.headerClear_light .header_bottom_alternate a.nav-button:visited {
	color: #222;
}

/*  On Scroll  */

.darkGray .headerClear.navScroll.headerClear_light .header_bottom_alternate {
	background: #000;
	border-bottom: 1px solid #222;
}
.darkGray .headerClear.navScroll.headerClear_light .header_bottom_alternate .iw_menu .iw_menu_group .iw_menu_group_header > a {
	color: #999;
}
.darkGray .headerClear.navScroll.headerClear_light .header_bottom_alternate a.nav-button:link, 
.darkGray .headerClear.navScroll.headerClear_light .header_bottom_alternate a.nav-button:visited {
	color: #999;
}
.headerAlternate_Body .darkGray .headerClear.navScroll.headerClear_light .header-bottom h1.logo a .headerSolid_Logo {
	display: none !important;
}	
.headerAlternate_Body .darkGray .headerClear.navScroll.headerClear_light .header-bottom h1.logo a .headerClear_Logo {
	display: inline-block !important;
}	



/*================================================================================================================================================================================

	Section Blocks

================================================================================================================================================================================*/

.darkGray .section-block {
	background: #1b1b1b;
	border-bottom: 1px solid #333;
}
.darkGray .section-block .big-section-title h1, 
.darkGray .section-block .big-section-title h2,
.darkGray .two-col h1, .darkGray .two-col h2 {
	color: #f8f8f8;
}
.darkGray .section-block .big-section-title h1:after,
.darkGray .two-col h1:after, .darkGray .TwoCols-IconList .two-col-left p:after {
	background: #333;
}
.darkGray .section-block p {
	color: #9b9b9b;
}
.darkGray .two-col h2 {
	color: #f8f8f8;
}
.darkGray .endCap {
	background: #333;
}


/*------------------------------------
	Tabs
------------------------------------*/

.darkGray .OneCol-Tabs .tabsIcons h3 {
	color: #f8f8f8;
}
.darkGray .OneCol-Tabs .nav-tabs>li.active>a, .darkGray .OneCol-Tabs .nav-tabs>li.active>a:hover, .darkGray .OneCol-Tabs .nav-tabs>li.active>a:focus {
	color: #bbb;
	background-color: #1b1b1b;
	border: 1px solid #333;
	border-bottom-color: transparent;
}
.darkGray .OneCol-Tabs .nav-tabs {
	border-bottom: 1px solid #333;
}
.darkGray .OneCol-Tabs .responsiveTabs .nav>li>a:hover, .darkGray .OneCol-Tabs .nav>li>a:focus {
	background: #111;
	border-color: #111 #111 #333;
}
.darkGray .OneCol-Tabs .panel-default>.panel-heading {
	background: #1b1b1b;
}
.darkGray .OneCol-Tabs .panel-default {
	border-color: #333;
}
.darkGray .OneCol-Tabs .responsiveTabs-pane {
	background: #1b1b1b;
}
.darkGray .OneCol-Tabs .panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top: 1px solid #333;
}

/*----------------------------------------
	1 Col  ::  Testimonials Cycle
-----------------------------------------*/

.darkGray .onCol_testCycle_iconBox {
	background: rgba(0,0,0,0.5);
}
.darkGray .oneCol_testCycle_text h2 {
	color: #f8f8f8;
}
.darkGray .oneCol_testCycle_text h5 {
	color: #999;
}
.darkGray .OneCol_Testimonials_Cycle .flex-prev span {
	opacity: .5;
}
.darkGray .OneCol_Testimonials_Cycle .flex-next span {
	opacity: .5;
}

/*----------------------------------------
	2 Cols  ::  Testimonials Cycle
-----------------------------------------*/

.darkGray .twoCols_testCycle_quote {
	border-color: #333;
	background: #333;
}
.darkGray .twoCols_testCycle_quote:before {
	border-top-color: #333;
}
.darkGray .twoCols_testCycle_quote:after {
	border-top-color: #333;
}
.darkGray .twoCols_testCycle_icon.fa {
	color: rgba(0,0,0,0.2);
}

/*------------------------------------
	Icon List
------------------------------------*/

.darkGray .two-col-icons ul li .icon-box {
	background: #555;
}

/*------------------------------------
	Image Boxes
------------------------------------*/

.darkGray .imageBox-Box {
	background: #333;
	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.3);
}
.darkGray .imageBox-Box h2 {
	color: #f8f8f8;
}


/*------------------------------------
	Image Buttons
------------------------------------*/

.darkGray .imageButton .bottom {
	background: #333;
}
.darkGray .imageButton .bottom:before {
	border-bottom: 8px solid #333;
}
.darkGray .imageButton h4, .darkGray .imageButton h4 a:link, .darkGray .imageButton h4 a:visited {
	color: #f8f8f8;
}

/*------------------------------------
	Small Icon Blocks
------------------------------------
*/
.darkGray .SmallIconBlocks .IconBlock-TextWrap h2 {
	color: #f8f8f8;
}


/*  Galleria  */

.darkGray .two-col .galleriaBox .galleria-container {
	background: #111;
	border-color: #111;
}
.darkGray .two-col .galleriaBox .galleria-thumbnails .galleria-image {
	border-color: #333;
	background: #111;
}

/*------------------------------------
	Blog Posts
------------------------------------*/

.darkGray .imageBox-title a:link, .darkGray .imageBox-title a:visited {
	color: #f8f8f8;
}
.darkGray .imageBox-title a:hover, .darkGray .imageBox-title a:active {
	color: #3EB1C8;
}

/*------------------------------------
	Testimonials
------------------------------------*/

.darkGray .TestimonialsBlock h2 {
	color: #f8f8f8;
}
.darkGray .TestimonialsBlock h5 {
	color: #3EB1C8;
}

.darkGray .TwoCols-Testimonials .TestimonialsBlock-Wrapper:first-child,
.darkGray .TwoCols-Testimonials .TestimonialsBlock-Wrapper:nth-child(3),
.darkGray .TwoCols-Testimonials .TestimonialsBlock-Wrapper:nth-child(4) {
	border-color: #333;
}

/*================================================================================================================================================================================
	
	Option Blocks

================================================================================================================================================================================*/

/*----------------------------------------
	Empty Message  ::  Option Block
-----------------------------------------*/

.darkGray .optionsBlock_empty_Message {
	background: #333;
	color: #fff;
}

/*----------------------------------------
	Testimonials  ::  Option Block
-----------------------------------------*/

.darkGray .OptionsBlock ul.flex-direction-nav li a span {
	color: rgba(255,255,255,0.3);
}
.darkGray .optionsBlock_quoteTop p {
	color: #999;
}
.darkGray .optionsBlock_quoteTop {
	background: #333;
	border-color: #333;
}
.darkGray .optionsBlock_quoteTop:before,
.darkGray .optionsBlock_quoteTop:after {
	border-top-color: #333; 
}
.darkGray .optionsBlock_quoteText h2 {
	color: #f4f4f4;
}
.darkGray .optionsBlock_quoteText h5 {
	color: #999;
}

/*---------------------------------------
	Thumbs  ::  Option Blocks
----------------------------------------*/

.darkGray .optionsBlock_thumbsFrame {
	background: #444;
}
.darkGray .optionsBlock_thumbsText h2 a {
	color: #f4f4f4;
}

/*-----------------------------------------
	Newsletter Signup :: Option Block
-----------------------------------------*/

.darkGray .optionsBlock_newsletter_Box {
	background: #111;
	border: 1px solid rgba(0,0,0,0.1);
}
.darkGray .optionsBlock_newsletter_Text h2 {
	color: #f8f8f8;
}
.darkGray .optionsBlock_newsletter_Box input.promoInput {
	background: #333;
	box-shadow: none !important;
	border: 1px solid #222;
	color: #999;
}



/*================================================================================================================================================================================
	
	Full Width

================================================================================================================================================================================*/

/*------------------------------------
	Fluid Rows
------------------------------------*/

.darkGray .FluidRow-Box {
	background: #1b1b1b;
	border-color: #333;
}
.darkGray .FluidRow-BoxInner h2 {
	color: #f8f8f8;
}
.darkGray .FluidRow-BoxInner h2:after {
	background: #333;
}
.darkGray .FluidRow-BoxInner p {
	color: #9b9b9b;
}

/*------------------------------------
	Fluid Row Gallery
------------------------------------*/

.darkGray .Fluid_Section_Block {
	border-bottom: 1px solid #333;
}
.darkGray .FluidRowGallery_textBoxInner {
	background: #1b1b1b;
}
.darkGray .FluidRowGallery_textBox h2 {
	color: #f8f8f8;
}
.darkGray .FluidRowGallery_textBox h2:after {
	background: #333;
}
.darkGray .FluidRowGallery_textBox p {
	color: #9b9b9b;
}

/*------------------------------------
	Draggable Columns
------------------------------------*/

.darkGray .DragCols-Wrapper {
	background: #1b1b1b;
}
.darkGray .DragCols_slide .DragCols_text h4 {
	color: #f8f8f8 !important;
}
.darkGray .DragCols_slide .DragCols_text p {
	color: #9b9b9b;
}
.darkGray .DragCols_slide:hover .DragCols_text, 
.darkGray .DragCols_slide:hover .DragCols_text h2, 
.darkGray .DragCols_slide:hover .DragCols_text h4, 
.darkGray .DragCols_slide:hover .DragCols_text p {
	color: #fff;
	border-color: #fff;
}
.darkGray .DragCols_text h4 {
	border-color: #333;
}
.darkGray .DragCols .swiper-slide:first-child:hover .DragCols_text h2 {
	color: #3EB1C8;
}
.darkGray .DragCols .swiper-slide:first-child:hover .DragCols_text h4 {
	border-color: #333;
}
.darkGray .DragCols .swiper-slide:first-child:hover .DragCols_text p {
	color: #9b9b9b;
}

/*------------------------------------
	Hot Spot Banner
------------------------------------*/

.darkGray .hotSpot_fallback,
.darkGray .hotSpot_fallback_btn, 
.darkGray .hotSpot_fallback_text {
	background: #1b1b1b;
	border-color: #333;
	color: #fff;
}
.darkGray .hotSpot_fallback_text:before {
	border-right-color: #1b1b1b; 
}
.darkGray .hotSpot_fallback_text:after {
	border-right-color: #333; 
}
.darkGray .hotSpot_fallback_text p {
	color: #999;
}

/*------------------------------------
	Contact
------------------------------------*/

.darkGray .contact-form-title, .darkGray .contact-header {
	color: #f8f8f8;
}
.darkGray .contact-message {
	color: #9b9b9b;
}
.darkGray .contact-block {
	color: #9b9b9b;
}
.darkGray .contact-form .formInput, .darkGray .contact-form .formTextarea {
	background: #333;
	border: 1px solid #555;
}

/*---------------------------------------------
	Image Carousel   
---------------------------------------------*/

/*  Text  */

.darkGray .ImageCarousel h2.ImageCarousel_title {
	color: #fefefe;
}
.darkGray .ImageCarousel h2.ImageCarousel_title a {
	color: #fefefe;
}



/*================================================================================================================================================================================
	
	Footer

================================================================================================================================================================================*/

.darkGray .footer-top {
	background: #1b1b1b;
}
.darkGray .footer-block p {
	color: #777;
}
.darkGray .footer-bottom {
	background: #0f0f0f;
	border: none;
}
.darkGray h4.footer-block-title {
	color: #c9c9c9;
}
.darkGray .footer-ImageLinks .image-text h5 {
	color: #777;
}
.darkGray .footer-ImageLinks .image-frame {
	border: 3px solid #0f0f0f;
	box-shadow: none;
}
.darkGray p.quote-name {
	color: #c9c9c9;
}
.darkGray p.quote-name span {
	color: #777;
}
.darkGray .footer-ContactInfo .contact-info {
	color: #777;
}
.darkGray .footer-bottom p {
	color: #555;
}
.darkGray .footer-bottom p a {
	color: #555;
}
.darkGray .footer-bottom p a:hover,
.darkGray .footer-bottom p a:active {
	color: #3EB1C8;
}
.darkGray .footer-NewsletterSignup form input.signup {
	background: #333;
	border-color: #444;
	color: #777
}
.darkGray .footer-ContactForm input.formInput,
.darkGray .footer-ContactForm textarea {
	background: #333;
	border-color: #444;
	color: #777
}

.darkGray .footer_SocialMediSmall a {
	color: #999;
}
.darkGray .footer_SocialMediSmall a span {
	border: 1px solid #333;
	color: #999;
	background: #1b1b1b;
}

/*------------------------------------
	Misc
------------------------------------*/

/*  Promo Box  */

.darkGray .promoBox {
	background: #111;
	border: 1px solid #0f0f0f;
	color: #f8f8f8;
}
.darkGray .promoBox-newsletterSignup-twoFields .promoInput {
	background: #333;
	box-shadow: none !important;
	border: 1px solid #222;
}

/*================================================================================================================================================================================
	
	Widgets

================================================================================================================================================================================*/

/*------------------------------------
	Image Tabs
------------------------------------*/

.darkGray .imageTabs-nav li {
	border-color: #333 !important;
}
.darkGray .imageTabs-nav a:link, 
.darkGray .imageTabs-nav a:visited {
	background: #1b1b1b;
}
.darkGray .imageTabs-nav a:hover, 
.darkGray .imageTabs-nav a:active {
	background: rgba(255,255,255,.05) !important;
}

.darkGray span.imageTabs-nav-text {
	background: #1b1b1b !important;
	color: #f8f8f8 !important;
}
.darkGray .imageTabs-content-text {
	background: #000 !important;
}
.darkGray .imageTabs-content-title {
	color: #fff !important;
}
.darkGray .imageTabs-content-text-body {
	color: #9b9b9b;
}

/*------------------------------------
	Media Gallery 
------------------------------------*/

.darkGray .MediaGallery,
.darkGray .MediaGallery-Controls,
.darkGray .MG-CycleButtonBox,
.darkGray .MG-button-Next,
.darkGray .MG-button-Prev {
	background: #1b1b1b;
	color: #fff;
	border-color: #333;
}
.darkGray .MG-button span,
.darkGray a.MG-CycleButton span {
	color: #fff;
}

/*-----------------------------------
	Twitter Panels
-------------------------------------*/

.darkGray .socialFeed_Wall .item-box {
	background: rgba(0,0,0,0.6);
	color: rgba(255,255,255,0.5);
}


/*================================================================================================================================================================================
	
	Media Queries

================================================================================================================================================================================*/


@media all and (max-width: 992px) {

	/*  Header  ::  Alternate  ::  Clear  ::  Default  */

	.headerAlternate_Body .darkGray .headerClear .header-top {
		background: #111;
		border-bottom: 1px solid #333;
	}
	.headerAlternate_Body .darkGray .headerClear .header-bottom {
		background: #1b1b1b;
		border-bottom: 1px solid #333;
	}
	
	/*  Header  ::   Alternate  ::  Clear  ::  Light  */
	
	.headerAlternate_Body.headerClear_Light_Body .darkGray .headerClear_light .header-bottom a.nav-button:link, 
	.headerAlternate_Body.headerClear_Light_Body .darkGray .headerClear_light .header-bottom a.nav-button:visited {
		color: #999;
		border-color: #333;
	}
	
	.headerAlternate_Body .darkGray .headerClear_light .header-bottom h1.logo a .headerSolid_Logo {
		display: none !important;
	}	
	.headerAlternate_Body .darkGray .headerClear_light .header-bottom h1.logo a .headerClear_Logo {
		display: inline-block !important;
	}	
		
		
}