/* ==============================
    Basic
================================= */

body {color: #231f20;background-color:#fff;}

a {color: #231f20;}
a:focus, a:hover {color: #231f20;}


/* ---- Background ---- */

.bg-none {background-color:transparent;}
.bg-light {background-color:#fff !important;}
.bg-dark {background-color:#231f20!important;}
.bg-gray {background-color:#f7f7f7!important;}
.bg-accent {background-color:#000!important;}
.bg-beige {background-color:#edeae2!important;}


/* ---- Text ---- */

.text-dark {color:#231f20!important;}
.text-light {color:#fff !important;}
.text-gray {color:#ccc !important;}
.text-accent {color:#000 !important;}
.text-beige>* {color:#edeae2 !important;}


/* ---- Border ---- */

.border-dark {border-color:#231f20 !important;}
.border-light {border-color:#fff !important;}
.border-accent {border-color:#000 !important;}
.border-gray {border-color:rgba(0,0,0,.5) !important;}
.border-beige {border-color:#edeae2 !important;}



/* ==============================
    Hero Background
================================= */

.light-bg.img-bg-soft:before {background-color:#f2f5f7;opacity:.5}
.light-bg.img-bg-softer:before {background-color:#f2f5f7;opacity:.8}
.dark-bg.img-bg-soft:before {background-color:#252525;opacity:.5}
.dark-bg.img-bg-softer:before {background-color:#252525;opacity:.8}
.tint-bg.img-bg-soft:before {background-color:#000;opacity:.4}
.tint-bg.img-bg-softer:before {background-color:#000;opacity:.8}

.hero-text.text-light {color:#fff;}
.hero-text.text-dark {color:#231f20;}



/* ==============================
    Box Icon
================================= */

.box-icon.box-icon-bg .box-icon-title>i,
.box-icon.box-icon-bg >i {
	color:#fff;
	background-color:#232323;
}
	/* solid */
	.box-icon.box-icon-solid .box-icon-title>i,
	.box-icon.box-icon-solid > i {
		border-color:#ccc !important;
		color:#000 !important;
	}


/* ==============================
    List
================================= */

ol.list-basic li:before {color:#000;}
ul.list-basic li:before {background:#000;}
.list-icon li:before {color:#000;}

.dark .list-icon li,
.dark .list-icon li:before,
.dark .list-basic li,
.dark ol.list-basic li:before {color:#fff !important;}
.dark ul.list-basic li:before {background:#fff;}

	ol.list-basic.list-bg li:before {
		background-color:#000 !important;
		color:#fff;
	}

/* ==============================
    Overlay
================================= */

.overlay-wrap .overlay {
  background-color: #008CBA;
}
.overlay-wrap .overlay .text {
  color:#fff;
}



/* ==============================
    Button
================================= */

 /* ---- dark ----*/ 
.btn-dark {color: #fff;background-color: #231f20;border-color: #231f20;}
.btn-dark:hover {color: #fff;background-color: #ddd;border-color: #ddd;}
.btn-dark:focus, .btn-dark.focus {-webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);}
.btn-dark:active, .btn-dark.active,
.show > .btn-dark.dropdown-toggle {color: #fff;background-color: #231f20;background-image: none;border-color: #231f20;}
.btn-outline-dark {color: #231f20;background-image: none;background-color: transparent;border-color: #231f20;}
.btn-outline-dark:hover {color: #fff;background-color: #231f20;border-color: #231f20;}
.btn-outline-dark:focus, .btn-outline-dark.focus {-webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);}
.btn-outline-dark:active, .btn-outline-dark.active,
.show > .btn-outline-dark.dropdown-toggle {color: #fff;background-color: #231f20;border-color: #231f20;}

 /* ---- light ----*/ 
.btn-light {color: #231f20;background-color: #fff;border-color: #fff;}
.btn-light:hover {color: #231f20;background-color:#000;border-color:#000;} /*accent color*/
.btn-light:focus, .btn-light.focus {-webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);}
.btn-light:active, .btn-light.active,
.show > .btn-light.dropdown-toggle {color: #fff;background-color: #fff;background-image: none;border-color: #fff;}
.btn-outline-light {color: #fff;background-image: none;background-color: transparent;border-color: #fff;}
.btn-outline-light:hover {color: #231f20;background-color: #fff;border-color: #fff;}
.btn-outline-light:focus, .btn-outline-light.focus {-webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);}
.btn-outline-light:active, .btn-outline-light.active,
.show > .btn-outline-light.dropdown-toggle {color: #231f20;background-color: #fff;border-color: #fff;}

 /* ---- accent ----*/ 
.btn-accent {color: #fff;background-color:#000;border-color: #000;}
.btn-accent:hover {color: #fff;background-color: #231f20;border-color: #231f20;}
.btn-accent:focus, .btn-accent.focus {-webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);}
.btn-accent:active, .btn-accent.active,
.show > .btn-accent.dropdown-toggle {color: #fff;background-color: #000;background-image: none;border-color: #000;}
.btn-outline-accent {color: #000;background-image: none;background-color: transparent;border-color: #000;}
.btn-outline-accent:hover {color: #fff;background-color: #231f20;border-color: #231f20}
.btn-outline-accent:focus, .btn-outline-accent.focus {-webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);}
.btn-outline-accent:active, .btn-outline-accent.active,
.show > .btn-outline-accent.dropdown-toggle {color: #fff;background-color:#231f20;border-color: #231f20;}



/* ==============================
    Navigation
================================= */

/* ----- navbar Light ---- */

.navbar-light .navbar-brand,
.navbar-light .navbar-toggler {color: #231f20;}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover,
.navbar-light .navbar-toggler:focus,
.navbar-light .navbar-toggler:hover {color: #000;}
.navbar-light .navbar-nav .nav-link {color: #231f20;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #bbb;}
.navbar-light .navbar-nav .open > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.open,
.navbar-light .navbar-nav .nav-link.active {color: #000;}
.navbar-light .navbar-toggler { border-color: transparent;}


/* ----- navbar Inverse ---- */

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-toggler {color: white;}
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-toggler:focus,
.navbar-inverse .navbar-toggler:hover {color: white;}
.navbar-inverse .navbar-nav .nav-link {color: white;}
.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover {color: #000;}
.navbar-inverse .navbar-nav .open > .nav-link,
.navbar-inverse .navbar-nav .active > .nav-link,
.navbar-inverse .navbar-nav .nav-link.open,
.navbar-inverse .navbar-nav .nav-link.active {color: #000;}
.navbar-inverse .navbar-toggler {border-color: transparent;}

.dropdown-item:focus, .dropdown-item:hover,
.dropdown-item.active, .dropdown-item:active {
	  background-color: transparent;
}



@media only screen and (max-width:991px){

	/* ----- Bg Transparent ---- */

	.bg-none-dark,.bg-none-dark.navbar-scroll {background-color:#231f20;}
	.bg-none-light,.bg-none-light.navbar-scroll {background-color:#fff;}
	
	/* ----- Dropdown ---- */

	.navbar-light .dropdown-menu {background-color:rgba(0,0,0,.06);}
	.navbar-light .dropdown-menu .dropdown-item {color:#231f20;}

	.navbar-inverse .dropdown-menu {background-color:rgba(255,255,255,.1);}
	.navbar-inverse .dropdown-menu .dropdown-item {color:#fff;}

}

@media only screen and (min-width:992px){
	
	/* ----- Bg Transparent ---- */
	
	.bg-none-dark.navbar-scroll {background-color:#231f20;}
	.bg-none-dark.border-light {border-color:rgba(255,255,255,.25);}

	.bg-none-light.navbar-scroll {background-color:#fff;}
	.bg-none-light.border-dark {border-color:rgba(0,0,0,.06);}

	.bg-none-dark.border-light.navbar-scroll,
	.bg-none-light.border-dark.navbar-scroll {
		border-color:transparent;
	}

		
	/* ----- Dropdown ---- */

	.navbar-light .dropdown-menu {background-color:#231f20;color:#fff;}
	.navbar-light .dropdown-menu .dropdown-item {color:#fff;border-color:rgba(255,255,255,.18);}
	.navbar-light .dropdown-menu .dropdown-item:hover {color:#000;}

	.navbar-inverse .dropdown-menu {background-color:#fff;color:#231f20;}
	.navbar-inverse .dropdown-menu .dropdown-item {color:#231f20;border-color:rgba(0,0,0,.07);}
	.navbar-inverse .dropdown-menu .dropdown-item:hover {color:#000;}

	.dropdown-menu.bg-accent {background-color:#000;color:#231f20;}
	.dropdown-menu.bg-accent .dropdown-item {color:#231f20;border-color:rgba(0,0,0,.05);}
	.dropdown-menu.bg-accent .dropdown-item:hover {color:#fff;}


}

/* ----- Hamburger ---- */

.nav-full {background-color: #231f20}
.bar1,.bar2,.bar3 {background-color: #000;}





/* ==============================
    Work
================================= */

/* ---- Filter ---- */
.filter-pill li a:hover, .filter-pill li:active, .filter-pill li.active a {background-color: #000 !important; color: #231f20 !important}

.filter-solid li a {color:rgba(0,0,0,.7) !important;}
.filter-solid li a:hover, .filter-solid li.active a {border-bottom: 4px solid #000 !important; color: #231f20 !important}
.filter-solid li.active a {color:#000 !important}

.filter-pill-inverse li a {color:rgba(0,0,0,.7) !important;}
.filter-pill-inverse li a:hover, .filter-pill-inverse li:active, .filter-pill-inverse li.active a {background-color: #000 !important; color: #fff !important}

.filter-outline li a {border:1px solid #000 !important;}
.filter-outline li a:hover, .filter-outline li:active, .filter-outline li.active a {border:1px solid #000 !important;; background-color:#000 !important; color: #fff !important}


/* ---- Grid ---- */
.grid-style1 .grid figcaption { background-color:#fff !important}
.grid-style1 .grid figcaption > * { color:#231f20 !important}
.grid-style1-border { border: 8px solid #000 !important;}

.grid-style4 .gallery-img {background-color:#000 !important;}
.grid-style4 .grid h4:after { border-bottom: 4px solid rgba(255,255,255,1);}
.grid-style4 .grid h4 { color: rgba(255,255,255,1)}


/* ==============================
    Tabs
================================= */

.nav-solid li .nav-link {color:#231f20}
.nav-solid li .nav-link:hover, .nav-solid li .nav-link.active {border-color:#000 !important; color:#231f20;}
.nav-solid li .nav-link, .nav-solid li .nav-link:hover, .nav-solid li .nav-link.active { border-width:4px}

.nav-box, .nav-box li {border-color:#231f20 !important;}
.nav-box li .nav-link {color:#231f20;}
.nav-box li .nav-link:hover, .nav-box li .nav-link.active {background:rgba(0,0,0,.07) !important; color: #4e4e4e}
.nav-box li .nav-link.active {background: #f5f5f5 !important}


.nav-pill li .nav-link {color:#231f20;}
.nav-pill li .nav-link:hover, .nav-pill li .nav-link.active {background:#f5f5f5 !important; color: #231f20}

.nav-pill-inverse li .nav-link {color:#231f20;}
.nav-pill-inverse li .nav-link:hover, .nav-pill-inverse li .nav-link.active {background-color: #000 !important; color: #fff !important}


/* ==============================
    Contents
================================= */
.heading-line:before {
	border-color: #000;
}
 span.headline {
	border-color: #000;
}

/*---------------------------------------------------------
		Dark Color
  ---------------------------------------------------------*/

.dashed {
	border-color: #231f20;
	opacity:.5;
}


.text-light > *,
.text-light a{
	color:rgba(255,255,255,1);
	}
	.text-light a:hover {
		color:#231f20;
	}

.text-dark a{
	color:#231f20;
	}
	.text-dark a:hover{
		color:#000;
	}

.text-accent a{
		color:#000;
	}
	.text-accent a:hover{
		color:#1d9544;
	}


.text-yellow,
.text-yellow a,
.text-yellow h4 {
	color:#000;
	}

.text-yellow a:hover{
	color:#fff;
	}

.contact-info span>i {
	color:#fff;
}

.hovered {
	background-color:rgba(255,255,255,.7);
	}
	.hovered p  {
		color:#231f20;
	}
	.hovered.dark{
		background-color:#231f20;
	}
	.hovered.dark p {
		color:#fff;
	}
	.hovered.tint p {
		color:#fff;
	}
	.hovered.tint{
		background-color:#03b0c7;
	}




.outline-accent {
	border-color:#000;
	border-style:solid;
}
.text-accent,
.text-accent p,
.text-accent h1, .text-accent h2, .text-accent h3, .text-accent h4, .text-accent h5, .text-accent h6{
	color:#000 !important;
}
.text-accent a{
	color:#000;
	opacity:1;
}
.text-accent a:hover{
	color:#000;
	opacity:.5
}


.hero-text > .main-title {
	color:#000;
}

.box-icon .box-icon-title.box-icon-bg.accent>i {
    color: #000;
    background-color: #231f20;
}


.history-wrap > div {
	border-color: #000;
}

.service-text > h3>span {
	color:#000;

}


footer .social-icons a:hover {
	color:#000;
}
.contact-info span {
	background-color:#000;

}

.contact-text h3:after,
.service-text h3:after {

	background-color:#000;

}

.btn-filter:hover {
	background-color: #000;
	color: #fff;
	}

	.btn-filter:active,
	.btn-filter.is-checked {
	  background-color: #000;
	  color:#fff;
	}

	.btn-filter.is-checked {
	  color: #fff;
	}

hr.left-bar {
	background-color:#000;
	height:5px;
}
	.innerbox-wrap.outline {
		background-color:#000;
		color:#fff;
		}





/* Sidebar */
.sidebar-light .sidebar-brand{
color:#000;
}
.sidebar-light .sidebar-menu-button{
color:#000;
}
.sidebar-light .sidebar-menu-button:hover{
color:#000;
/*background:rgba(0,0,0,.03);*/
}
.sidebar-dropdown-menu .dropdown-item,
.sidebar-dropdown-menu,
.sidebar-dropdown-menu .dropdown-menu,.sidebar-dropdown-menu .sidebar-submenu{
background-color:#000;
color:#fff;
}
.sidebar-dropdown-menu .dropdown-item:focus,.sidebar-dropdown-menu .dropdown-item:hover,.sidebar-dropdown-menu .dropdown:hover,.sidebar-dropdown-menu .open{
color:#fff;
background-color:rgba(0,0,0,.05);
}