/*---------------------------------------------------------
	   Basic Color
  ---------------------------------------------------------*/

body {
	color: #333;
	background-color:#fff;	
}
.bg-main {background-color:#f0f0f3;}
.bg-yellow {background-color:#fff220;}
.bg-dark {background-color:#333;}
.bg-gray {background-color:rgba(0,0,0,.06);}


.text-yellow {
	color:#fef568;
}
/*---------------------------------------------------------
		Dark Color
  ---------------------------------------------------------*/

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

a {
	color:#333;
	}
	a:focus, a:hover {
		color:rgba(0, 0, 0, 0.5);
		/* color:#5f86fb; */
		opacity:1;
	}

.text-light i,
.text-light p,
.text-light h2, .text-light h3, .text-light h4, .text-light h5,
.text-light a{
	color:rgba(255,255,255,.7);
	}
	.text-light a:hover {
		color:#5f86fb;
	}

	.text-white.yellow a,
	.text-white.yellow p{
		color:#fff ;
	}
	.text-white.yellow a:hover,
	.text-white.yellow p:hover{
		color:#fef568;
	}

.text-dark a{
	color:#333;
	}
	.text-dark a:hover{
		color:#5f86fb;
	}

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


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

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

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

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

/* Sidebar */
.sidebar-light .sidebar-brand{
color:#080805;
}
.sidebar-light .sidebar-menu-button{
color:#080805;
}
.sidebar-light .sidebar-menu-button:hover{
	color:rgba(0, 0, 0, 0.5);
/* color:#5f86fb; */
/*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:#555;
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);
}


.border-accent {
	border-color:#5f86fb;
}
.border-yellow {
	border-color:#fef568;
}
.border-dark {
	border-color:rgba(51,51,51,.5);

}
.border-light {
	border-color:#fff;
}

/*---------------------------------------------------------
	Accent Color : blue
  ---------------------------------------------------------*/
  .content-title, 
  .photo-item h3,
  .class-item img + h5 {
	color:#5f86fb;
  }

  .nav-pills,
  .nav-pills .nav-item {
	border-color:#333;  
  }

  	.nav-pills .nav-link.active,
	.nav-pills .nav-item.show .nav-link {
	  background-color: #fff220;
	}

	.nav-boxs .nav-item {
		border:1px solid #5f86fb;
	}
	.nav-boxs .nav-item:hover {
		 background-color:rgba(0,0,0,.035);
	}
	.nav-boxs .nav-link.active,
	.nav-boxs .nav-item.show .nav-link {
	  color: #fff;
	  background-color: #5f86fb;
	}


.bg-accent {
	background-color:#1d1d1d;
}
.outline-accent {
	border-color:#5f86fb;
	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:#5f86fb !important;
}
.text-accent a{
	color:#5f86fb;
	opacity:1;
}
.text-accent a:hover{
	color:#5f86fb;
	opacity:.5
}

.tint-bg.img-bg-soft:before,
.tint-bg.img-bg-softer:before {
	background-color:#5f86fb;
}
.sub-bg.img-bg-soft:before {
	background-color:#5f86fb;
	opacity:.8
}
.hero-text > .sub-title,
.hero-text > .sub-lead {
	color:inherit;
	opacity:1
}

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

.box-icon .box-icon-title.box-icon-bg.accent>i {
    color: #5f86fb;
    background-color: #333;
}


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

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

}


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

}

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

	background-color:#5f86fb;

}

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

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

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

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

/*---------------------------------------------------------
		Navigation
  ---------------------------------------------------------*/

  	.bg-transparent {
		background-color:transparent;
	}

	.logo-wrap {
		background-color:#5f86fb;
	}
	.logo-wrap>.navbar-brand {
		color:#333;
	}

/* Navbar Dark */
.navbar-dark .navbar-brand {
		color:#333;
	}

	.navbar-dark .navbar-toggler {
	  color: #fff;
	}

	.navbar-dark .navbar-brand:focus, 
	.navbar-dark .navbar-brand:hover,
	.navbar-dark .navbar-toggler:focus,
	.navbar-dark .navbar-toggler:hover {
	  color: #fff;
	  opacity:.9;
	  }

	.navbar-dark .navbar-nav .nav-link {
	  color: #fff;
	  opacity:.9
	}

	.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
	  color: #fff;
	  opacity:1;
	}

	.navbar-dark .navbar-nav .open > .nav-link,
	.navbar-dark .navbar-nav .active > .nav-link,
	.navbar-dark .navbar-nav .nav-link.open,
	.navbar-dark .navbar-nav .nav-link.active {
	  color: rgba(255,255,255, 0.9);
	}


	/*  Navbar Light  */
.navbar-light .navbar-brand,
.navbar-light .navbar-toggler {
  color: rgba(34, 34, 34, 1);
	}

	.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover,
	.navbar-light .navbar-toggler:focus,
	.navbar-light .navbar-toggler:hover {
	  color: rgba(34, 34, 34, 0.9);
	}

	.navbar-light .navbar-nav .nav-link {
	  color: rgba(34, 34, 34, 1); 
	}

	.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	  color: rgba(34, 34, 34, 0.7);
	}

	.navbar-light .navbar-nav .nav-link.disabled {
	  color: rgba(34, 34, 34, 0.3);
	}

	.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: rgba(34, 34, 34, 0.9);
	}

	.navbar-light .navbar-toggler {
	  border-color: rgba(34, 34, 34, 0.1);
	}

	.navbar-light .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#5f86fb' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	}




/* only Mobile */
	.nav-full {
	  background-color: #333
	}
	.bar1,
	.bar2,
	.bar3 {
		background-color: #5f86fb;
	}

		@media (max-width:991px) {
			.bg-transparent {
				background-color:#333;
			}
			.fixed-scroll.navbar-scroll {
				background-color:rgba(255,255,255,.97);
				box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
			}
			.navbar-brand.logo {
				color:#5f86fb;
			}
			.logo-wrap {
				background-color:transparent;
			}
			.logo-wrap>.navbar-brand {
				color:#5f86fb;
			}
		}


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



/*---------------------------------------------------------
		Button Color
  ---------------------------------------------------------*/

  


/*********** white ***********/
.btn-white {
	background:#fff;
	border:1px solid #fff;
	color:#fff !important;
}
.btn-white:focus,
.btn-white:hover {
	background-color:#fff!important
}
.btn-white.active {
	background-color:#000!important
}
.btn-outline-white {
	color: #fff !important;
	background-image: none;
	background-color: transparent;
	border:1px solid #fff;
}

.btn-outline-white:focus,
.btn-outline-white:hover {
	color: #5f86fb !important;
	background-color: #fff;
	border-color: #fff;
}

.btn-outline-white:active, .btn-outline-white.active {
	color: #5f86fb !important;
	background-color: #fff;
	border-color: #fff;
}

/*********** accent ***********/

.btn-accent {
	background-color:#5f86fb;
	border:1px solid #5f86fb;
	color:#fff !important ;
	font-weight:300;
}
.btn-accent:focus,
.btn-accent:hover {
	background-color:#ddd!important;
	border:1px solid #ddd;
	color:#333;
}
.btn-accent.active {
	background-color:#000!important
}


.btn-outline-accent {
  color: #5f86fb;
  background-image: none;
  background-color: transparent;
  border:1px solid #5f86fb;
}

.btn-outline-accent:focus,
.btn-outline-accent:hover {
  color: #fff;
  background-color: #333;
  border-color: #333;
}

.btn-outline-accent:active, .btn-outline-accent.active {
  color: #fff;
  background-color: #333;
  border-color: #333;
}

/*********** dark ***********/

.btn-dark {
	background-color:#333;
	border:1px solid #333;
	color:#fff !important;
}
.btn-dark:focus,
.btn-dark:hover {
	background-color:#bbb !important;
	border:1px solid #bbb;
	color:#fff;
}
.btn-dark.active {
	background-color:#000!important
}
.btn-outline-dark {
  color: #333;
  background-image: none;
  background-color: transparent;
  border:1px solid #333;
}
.btn-outline-dark.btn-lg {
  border:2px solid #333;
}

.btn-outline-dark:focus,
.btn-outline-dark:hover {
  color: #fff;
  background-color: #333;
  border-color: #333;
}

.btn-outline-dark:active, .btn-outline-dark.active {
  color: #fff;
  background-color: #333;
  border-color: #333;
}