/*
Template Name    : Dice - Media Studio Bootstrap 4 One Page
Version          : 1.0.0
Author           : SVYYAT
Author URI       : https://themeforest.net/user/svyyat
Created.         : May 2018
File Description : CSS file of the DAY skin to the main template

// ------------------------------------------ //
//              Table Of Content              //
// ------------------------------------------ //

1. Basic
2. Navbar
3. Team
4. Statistic
5. Project
6. About
7. Contact
8. Footer
9. Responsive
*/

/*========== Start Basic Style ==========*/

body {
	background-color: #fff;
	color: #1e1e1e; }

section h2, section h4 {
	color: #000; }

/*========== End Basic Style ==========*/

.theme {
	background-color: rgba(0, 0, 0, .05); }

.theme a {
	color: #000 !important;}

/*========== Start Navbar Style ==========*/

.sticky {
	background-color: rgba(255, 255, 255, 0.98);
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
					box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }

.logo-title {
	background-color: #fff !important;
	color: #000 !important; }

.sticky .logo-title {
	background-color: #000 !important;
	color: #fff !important; }

.sticky .side-menu .nav a {
	color: #000 !important; }

.navbar button i {
	color: #f7ca18; }

.sticky button i {
	color: #000; }

/*========== End Navbar Style ==========*/
/*========== Start Team Style ==========*/

.people img {
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
					box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }

.people-inf:hover {
	-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
					box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3); }

/*========== End Team Style ==========*/
/*========== Start Statistic Style ==========*/

.statistic:before {
	background: #1a1a1a; }

.statistic-table-cell i {
	color: #fff; }

.statistic-table-cell h4 {
	color: #fff; }

.statistic-table-cell p {
	color: #f7ca18; }

/*========== End Statistic Style ==========*/
/*========== Start Project Style ==========*/

.project-item a img {
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
					box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }

.project-item a img:hover {
	-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
					box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3); }

/*========== End Project Style ==========*/
/*========== Start About Style ==========*/

.about {
	background-color: #f2f2f2; }

.about img {
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
					box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }

/*========== End About Style ==========*/
/*========== Start Contact Style ==========*/

.form-control {
	background-color: #f2f2f2; }

.form-control:focus {
	background-color: #f2f2f2;
	-webkit-box-shadow: none;
					box-shadow: none; }

.contact .btn-success {
	background-color: #333;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
					box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); }

.contact .btn-success:hover {
	background-color: #000;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
					box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); }

.contact .btn-success:focus {
	box-shadow: none !important; }

.contact .btn-success:active {
	background-color: #666 !important;
	color: #fff !important;
	border-color: transparent !important; }

/*========== End Contact Style ==========*/
/*========== Start Footer Style ==========*/

footer {
	background-color: #f2f2f2; }

footer p {
	color: #b1b1b1; }

footer p span {
	color: #444; }

.social a:hover {
	color: #000; }

/*========== End Footer Style ==========*/
/*========== Start Responsive Style ==========*/

@media (max-width: 991.98px) {
	.logo-title {
		background-color: #000 !important;
		color: #fff !important; }
	.side-menu {
		background-color: #fff; }
	.side-menu .nav a {
		color: #000 !important; } }

@media (max-width: 575.98px) {
.logo-title {
	background-color: #fff !important;
	color: #000 !important; }
.sticky .logo-title {
	background-color: #000 !important;
	color: #fff !important; } }

/*========== End Responsive Style ==========*/