/*
Template Name    : Osaka - One Page Portfolio Bootstrap 4
Version          : 1.0.0
Author           : SVYYAT
Author URI       : https://themeforest.net/user/svyyat
Created.         : November 2018
File Description : Main CSS file of the template

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

1. Basic
2. Preloader
3. Navbar
4. Home
5. About
6. Skill
7. Services
8. Portfolio
9. Price
10. Statistics
11. Client
12. Company
13. Blog
14. Contact
15. Footer
16. Responsive

*/

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

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,800);

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

*:focus {
	outline: 0 !important;
}

body {
	font-family: 'Open Sans', sans-serif;
	background-image: url(../image/dark_dot.jpg);
	background-attachment: fixed;
	z-index: -10;
	min-width: 320px;
	overflow-x: hidden;
}

section {
	position: relative;
	overflow: hidden;
	width: 100%;
	-webkit-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	transition: all .5s ease-in;
	z-index: 1;
}

p {
	line-height: 1.6;
}

.display-table {
	display: table;
	position: absolute;
	height: 100%;
	width: 100%;
}

.display-table-cell {
	display: table-cell;
	vertical-align: middle;
}

.title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 1.5rem;
}

.title h2,
.title h3 {
	font-weight: 800;
	margin-bottom: 0;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.title h2 {
	color: #f1f1f1;
	font-size: 5rem;
	position: absolute;
	z-index: -1;
}

.title h3 {
	color: #000;
	font-size: 2.5rem;
	margin-top: 0.25rem
}

.title-text {
	text-align: center;
	margin-bottom: 4rem;
}

.title-text p {
	font-size: .875rem;
	margin-bottom: 0;
}

.owl-dots .owl-dot span {
	background: #000 !important;
	-webkit-border-radius: 50% !important;
	border-radius: 50% !important;
	opacity: .15;
	height: 5px !important;
	width: 5px !important;
}

.owl-dots .owl-dot.active span {
	opacity: 1;
}

/*========== End Basic Style ==========*/
/*========== Start Preloader Style ==========*/

.preloader {
	background-color: #000;
	position: absolute;
	height: 100vh;
	width: 100%;
	z-index: 2000;
}

.preloader-inner {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 32px;
	width: 100%;
	text-align: center;
}

.preloader-inner span {
	display: inline-block;
	background-color: #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	height: 10px;
	width: 10px;
	-webkit-animation: animate 2s linear infinite;
	animation: animate 2s linear infinite;
}

.preloader-inner span:nth-child(1) {
	-webkit-animation-delay: .8s;
	animation-delay: .8s;
}

.preloader-inner span:nth-child(2) {
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}

.preloader-inner span:nth-child(3) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

@-webkit-keyframes animate {
	0% {
		-webkit-transform: translateX(-200px);
		transform: translateX(-200px);
		opacity: 0;
	}
	25% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: .5;
	}
	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
	75% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateX(200px);
		transform: translateX(200px);
		opacity: 0;
	}
}

@keyframes animate {
	0% {
		-webkit-transform: translateX(-200px);
		transform: translateX(-200px);
		opacity: 0;
	}
	25% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: .5;
	}
	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
	75% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateX(200px);
		transform: translateX(200px);
		opacity: 0;
	}
}

/*========== End Preloader Style ==========*/
/*========== Start Navbar Style ==========*/

.sticky {
	background-color: rgba(0, 0, 0, .97);
	-webkit-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.sticky .navbar-nav .nav-item .nav-link {
	color: #fff;
}

.navbar-brand {
	font-size: 1rem;
	font-weight: 600;
	color: #fff;
	letter-spacing: 2px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.navbar-toggler span {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background-color: #fff;
	margin: .25rem auto;
	height: 2px;
}

.navbar-toggler span:nth-child(1) {
	width: 25px;
}

.navbar-toggler span:nth-child(2) {
	width: 25px;
}

.navbar-toggler span:nth-child(3) {
	width: 10px;
}

.navbar-nav .nav-item .nav-link {
	font-size: .875rem;
	color: #fff;
	text-transform: uppercase;
	-webkit-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.navbar-nav .nav-item a.active {
	color: #00FF00 !important;
}

/*========== End Navbar Style ==========*/
/*========== Start Home Style ==========*/

#particles-js {
	position: absolute;
	height: 100vh;
	width: 100%;
	z-index: 1;
}

.picture:before {
	content: '';
	background-image: url(../image/bg.svg);
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	position: absolute;
	height: 100vh;
	width: 100%;
	z-index: -2;
}

.video:before {
	content: '';
	background-image: url(../image/dark_dot.jpg);
	background-attachment: fixed;
	opacity: .7;
	position: absolute;
	height: 100vh;
	width: 100%;
}

.home {
	background-color: #000;
	height: 100vh;
	opacity: 1 !important;
}

.home-title h3 {
	font-weight: 400;
	color: #fff;
	margin-bottom: .75rem;
}

.home-title h1 {
	font-size: 3rem;
	font-weight: 800;
	color: #00FF00;
	margin-bottom: .75rem;
	position: relative;
	text-transform: uppercase;
}

.home-title h4 {
	font-size: 1rem;
	font-weight: 400;
	color: #fff;
	margin-bottom: 2.5rem;
}

.home-title a {
	color: #00FF00;
	text-decoration: none;
	text-transform: uppercase;
}

.home-title .title-effect span {
	opacity: 0;
	-webkit-animation: text-opacity .1s linear forwards;
	animation: text-opacity .1s linear forwards;
	-webkit-animation-delay: 1.35s;
	animation-delay: 1.35s;
	position: relative;
}

.home-title .title-effect span:after {
	content: '';
	top: 0;
	left: 0;
	position: absolute;
	width: 0%;
	height: 100%;
	background-color: #fff;
	-webkit-animation: block 1.5s cubic-bezier(.19, 1, .22, 1) forwards;
	animation: block 1.5s cubic-bezier(.19, 1, .22, 1) forwards;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

@-webkit-keyframes block {
	0% {
		left: 0;
		width: 0%;
	}
	75% {
		left: 0;
		width: 100%;
	}
	100% {
		left: 100%;
		width: 0%;
	}
}

@keyframes block {
	0% {
		left: 0;
		width: 0%;
	}
	75% {
		left: 0;
		width: 100%;
	}
	100% {
		left: 100%;
		width: 0%;
	}
}

@-webkit-keyframes text-opacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes text-opacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.home-bar {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: absolute;
	bottom: 1rem;
	left: 1rem;
	right: 1rem;
}

.home-social .list-unstyled {
	margin-bottom: 0;
}

.home-social .list-inline-item {
	margin: 0 .5rem;
}

.home-social .list-inline-item a {
	font-size: .875rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	border: 1px solid #222;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	height: 36px;
	width: 36px;
	text-decoration: none;
	-webkit-transition: all 1s cubic-bezier(.23, 1, .32, 1);
	-o-transition: all 1s cubic-bezier(.23, 1, .32, 1);
	transition: all 1s cubic-bezier(.23, 1, .32, 1);
}

.home-social .list-inline-item a:hover {
	border-color: #fff;
}

.home-scroll a span {
	position: absolute;
	border: 1px solid #333;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	height: 32px;
	width: 22px;
	-webkit-transition: all 1s cubic-bezier(.23, 1, .32, 1);
	-o-transition: all 1s cubic-bezier(.23, 1, .32, 1);
	transition: all 1s cubic-bezier(.23, 1, .32, 1);
}

.home-scroll a span:before {
	content: '';
	position: absolute;
	background-color: #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-left: -1px;
	top: 3px;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 2px;
	width: 2px;
	-webkit-animation: scroll 2s infinite;
	animation: scroll 2s infinite;
}

@-webkit-keyframes scroll {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	90% {
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0, 20px);
		transform: translate(0, 20px);
		opacity: 0;
	}
}

@keyframes scroll {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	90% {
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0, 20px);
		transform: translate(0, 20px);
		opacity: 0;
	}
}

.home-scroll a:hover span {
	border-color: #fff;
}

/*========== End Home Style ==========*/
/*========== Start About Style ==========*/

.about {
	padding: 6rem 0;
}

.about-image {
	height: auto;
	width: 100%;
}

.about-image img {
	-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
	box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
	height: auto;
	width: 100%;
}

.about-info {
	height: auto;
	width: 100%;
}

.about-info p {
	margin-bottom: 0;
}

.about-info p a {
	font-weight: 600;
	color: #000;
	text-decoration: underline;
}

.about-text h4,
.about-text h6 {
	color: #000;
}

.about-text h4 {
	font-weight: 600;
}

.about-text h6 {
	font-weight: 600;
	color: #00FF00;
	margin-bottom: 1.5rem;
}

.about-text {
	margin-bottom: 3rem;
}

/*========== End About Style ==========*/
/*========== Start Skill Style ==========*/

.skill {
	background-color: #000;
	padding-top: 6rem;
	padding-bottom: 6rem;
}

.skill .title h2 {
	color: #222;
}

.skill .title h3 {
	color: #fff;
}

.skill .title-text p {
	color: #aaa;
}

.skill-container {
	text-align: center;
}

.skill-container .chart {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
}

.skill-container .text-box {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.skill-container .chart .text-box h6 {
	font-size: .875rem;
	font-weight: 600;
	color: #fff;
	margin-bottom: 0;
	margin-top: .5rem;
	text-transform: uppercase;
}

.skill-container .chart .text-box p {
	font-size: 1.5rem;
	font-weight: 800;
	color: #fff;
	margin-bottom: 0;
}

/*========== End Skill Style ==========*/
/*========== Start Services Style ==========*/

.services {
	background-image: url(../image/dark_dot.jpg);
	background-attachment: fixed;
	padding: 6rem 0;
}

.services .title-text {
	margin-bottom: 2.25rem;
}

.services .title h2 {
	color: #222;
}

.services .title h3 {
	color: #fff;
}

.services .title-text p {
	color: #aaa;
}

.services-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #fff;
	margin-top: 4rem;
	position: relative;
	text-align: center;
	-webkit-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.services-box i {
	font-size: 1.5rem;
	color: #fff;
	background-color: #000;
	-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .15);
	box-shadow: 0 3px 20px rgba(0, 0, 0, .15);
	border: 2px solid #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: -32px;
	left: 50%;
	padding: 17px 0;
	width: 62px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.services-box:hover i {
	color: #00FF00;
	-webkit-box-shadow: 0 3px 30px rgba(0, 0, 0, .3);
	box-shadow: 0 3px 30px rgba(0, 0, 0, .3);
}

.services-text {
	padding-top: 3rem;
	padding-right: 1rem;
	padding-bottom: 2rem;
	padding-left: 1rem;
}

.services-text h5 {
	font-weight: 600;
	color: #000;
	margin-bottom: 0;
	text-transform: uppercase;
}

.services-text h5:after {
	content: '';
	display: block;
	border-bottom: 1px solid #00FF00;
	margin: .75rem auto;
	width: 35px;
	-webkit-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.services-box:hover .services-text h5:after {
	width: 45px;
}

.services-text p {
	margin-bottom: 0;
}

/*========== End Services Style ==========*/
/*========== Start Portfolio Style ==========*/

.portfolio {
	padding: 6rem 0;
}

.filter {
	text-align: center;
	margin-bottom: 1rem;
}

.filter span {
	font-weight: 600;
	cursor: pointer;
	margin: 0 1rem;
	text-transform: uppercase;
	-webkit-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.filter span:hover {
	color: #00FF00;
}

.filter span.active {
	color: #00FF00;
}

.portfolio-box {
	margin-top: 2rem;
}

.portfolio-item {
	overflow: hidden;
	position: relative;
}

.portfolio-item img {
	height: auto;
	width: 100%;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.portfolio-item:hover img {
	-webkit-filter: blur(5px);
	filter: blur(5px);
}

.portfolio-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-top: 0;
	margin-left: 1rem;
	margin-right: 1rem;
	margin-bottom: 1rem;
}

.portfolio-overlay:before {
	content: '';
	background-color: #000000;
	opacity: .9;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	-webkit-transition: all 1s cubic-bezier(.23, 1, .32, 1);
	-o-transition: all 1s cubic-bezier(.23, 1, .32, 1);
	transition: all 1s cubic-bezier(.23, 1, .32, 1);
}

.portfolio-item:hover .portfolio-overlay:before {
	-webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, .25);
	box-shadow: 0 5px 25px rgba(0, 0, 0, .25);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.overlay-info {
	display: table;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}

.overlay-info h5,
.overlay-info h6 {
	color: #fff;
	opacity: 0;
	text-transform: uppercase;
	-webkit-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	transform: translateY(-100px);
	-webkit-transition: all 1.25s cubic-bezier(.23, 1, .32, 1);
	-o-transition: all 1.25s cubic-bezier(.23, 1, .32, 1);
	transition: all 1.25s cubic-bezier(.23, 1, .32, 1);
}

.portfolio-item:hover .overlay-info h5,
.portfolio-item:hover .overlay-info h6 {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.overlay-info h5 {
	font-size: 1rem;
	font-weight: 600;
}

.overlay-info h6 {
	font-size: .875rem;
	font-weight: 400;
	margin-bottom: 1rem;
}

.overlay-info a {
	display: inline-block;
	color: #fff;
	opacity: 0;
	background-color: #000;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: 0 .5rem;
	padding: .25rem;
	text-align: center;
	width: 32px;
	z-index: 1;
	-webkit-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	transform: translateY(-100px);
	-webkit-transition: all 1.25s cubic-bezier(.23, 1, .32, 1);
	-o-transition: all 1.25s cubic-bezier(.23, 1, .32, 1);
	transition: all 1.25s cubic-bezier(.23, 1, .32, 1);
}

.portfolio-item:hover .overlay-info a {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.portfolio-item:hover .overlay-info a:hover {
	color: #00FF00;
	-webkit-box-shadow: 0 3px 25px rgba(0, 0, 0, .25);
	box-shadow: 0 3px 25px rgba(0, 0, 0, .25);
}

/*========== End Portfolio Style ==========*/
/*========== Start Price Style ==========*/

.price {
	background-color: #fff;
	padding-top: 6rem;
	padding-bottom: 3.5rem;
}

.price .price-table.slick-center {
	-webkit-box-shadow: 0 10px 30px 0 rgba(10, 10, 10, .15), 0 40px 50px -40px rgba(0, 0, 0, .35);
	box-shadow: 0 10px 30px 0 rgba(10, 10, 10, .15), 0 40px 50px -40px rgba(0, 0, 0, .35);
	opacity: 1;
}

.price-table {
	background-color: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 5px 15px 0 rgba(10, 10, 10, .15), 0 30px 50px -40px rgba(0, 0, 0, .35);
	box-shadow: 0 5px 15px 0 rgba(10, 10, 10, .15), 0 30px 50px -40px rgba(0, 0, 0, .35);
	position: relative;
	overflow: hidden;
	margin-top: .25rem;
	margin-left: 1rem;
	margin-right: 1rem;
	margin-bottom: 2.5rem;
	padding-bottom: 2.5rem;
	text-align: center;
	-webkit-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.price-table:hover {
	-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .15);
}

.price-table.free .price-pay h3 {
	color: #fff;
}

.price-table.popular {
	padding-top: 0;
}

.price-header {
	background-color: #000;
	margin-bottom: 2.5rem;
	padding-top: 2.5rem;
	position: relative;
	overflow: hidden;
}

.price-popular {
	position: absolute;
	top: 1.5rem;
	right: -2.875rem;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.price-popular h6 {
	color: #000;
	background-color: #fff;
	margin-bottom: 0;
	padding: .25rem 3rem;
	text-transform: uppercase;
}

.price-plan {
	margin-bottom: .5rem;
}

.price-plan h4 {
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
}

.line {
	background-color: #fff;
	margin: 0 auto;
	height: 2px;
	width: 60px;
}

.price-pay {
	margin: 1.75rem 0;
}

.price-pay h3 {
	font-size: 4rem;
	font-weight: 800;
	color: #00FF00;
	margin-bottom: 0;
}

.price-pay h3 span {
	font-size: 2rem;
}

.price-info {
	padding: 0 3rem;
	margin-bottom: 2.5rem;
}

.price-info p {
	margin-bottom: 0;
}

.price-info p:after {
	content: '';
	display: block;
	border-bottom: 1px solid #f1f1f1;
	margin: 1rem 0;
}

.price-table .btn {
	border: none;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	padding: .5rem 2rem;
	text-transform: uppercase;
	-webkit-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.price-table:hover .btn:hover {
	color: #000;
}

.price-table .btn-primary {
	background-color: #000;
	-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .15);
	box-shadow: 0 3px 20px rgba(0, 0, 0, .15);
}

.price-table:hover .btn-primary {
	-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .3);
	box-shadow: 0 3px 20px rgba(0, 0, 0, .3);
}

.price-table:hover .btn-primary:hover {
	background-color: #00FF00;
}

/*========== End Price Style ==========*/
/*========== Start Statistics Style ==========*/

.statistics {
	background-color: #000;
	padding: 6rem 0;
}

.statistics:before {
	content: '';
	background-image: url(../image/stat.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	opacity: .25;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition: all 1s cubic-bezier(.23, 1, .32, 1);
	-o-transition: all 1s cubic-bezier(.23, 1, .32, 1);
	transition: all 1s cubic-bezier(.23, 1, .32, 1);
	z-index: -1;
}

.statistics:hover:before {
	-webkit-filter: blur(5px);
	filter: blur(5px);
}

.stat-box {
	text-align: center;
}

.stat-icon i {
	font-size: 2rem;
	color: #fff;
}

.stat-counter {
	margin: 1rem 0;
}

.stat-counter p {
	font-size: 2rem;
	font-weight: 800;
	color: #00FF00;
	letter-spacing: 2px;
}

.stat-text h5 {
	font-size: 1rem;
	font-weight: 600;
	color: #fff;
	margin-bottom: 0;
	text-transform: uppercase;
}

/*========== End Statistics Style ==========*/
/*========== Start Client Style ==========*/

.client {
	background-color: #fff;
	padding: 6rem 0;
}

.client-review {
	border: 2px solid #f4f4f4;
	margin-top: 3.5rem;
	margin-right: 1rem;
	margin-bottom: 0;
	margin-left: 1rem;
	position: relative;
	padding-right: 3rem;
	padding-bottom: 1rem;
	padding-left: 3rem;
	text-align: center;
	-webkit-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.client-image {
	margin-top: -3rem;
	margin-left: auto;
	margin-bottom: 1.5rem;
	margin-right: auto;
	width: 85px;
}

.client-image img {
	-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, .15);
	box-shadow: 0 8px 20px rgba(0, 0, 0, .15);
	border: 2px solid #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: 0 auto;
	width: 100%;
	-webkit-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.client-review:hover .client-image img {
	-webkit-box-shadow: 0 8px 30px rgba(0, 0, 0, .3);
	box-shadow: 0 8px 30px rgba(0, 0, 0, .3);
}

.client-review h5 {
	color: #000;
}

.client-review h5 {
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: .25rem;
}

.client-review h6 {
	font-size: .75rem;
	font-weight: 600;
	color: #555;
}

.client-review h6:after {
	content: '';
	display: block;
	border-bottom: 1px solid #00FF00;
	margin: .75rem auto;
	width: 35px;
	-webkit-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.client-review:hover h6:after {
	width: 45px;
}

/*========== End Client Style ==========*/
/*========== Start Company Style ==========*/

.company {
	padding: 3rem 0;
	background-image: url(../image/dark_dot.jpg);
	background-attachment: fixed;
}

.company-logo {
	margin: 0 auto;
	height: 48px;
	width: auto;
}

.company-logo img {
	margin: 0 auto;
	height: 48px;
	width: auto !important;
}

/*========== End Company Style ==========*/
/*========== Start Blog Style ==========*/

.blog {
	padding-top: 6rem;
	padding-bottom: 3.5rem;
}

.blog-post {
	background-color: #fff;
	-webkit-box-shadow: 0 5px 15px 0 rgba(10, 10, 10, .15), 0 30px 50px -40px rgba(0, 0, 0, .35);
	box-shadow: 0 5px 15px 0 rgba(10, 10, 10, .15), 0 30px 50px -40px rgba(0, 0, 0, .35);
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	position: relative;
	overflow: hidden;
	margin-top: .25rem;
	margin-left: 1rem;
	margin-right: 1rem;
	margin-bottom: 2.5rem;
	-webkit-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.blog-post:hover {
	-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .15);
}

.blog-image {
	position: relative;
	overflow: hidden;
}

.blog-read {
	position: absolute;
	top: 0;
	right: 3.125rem;
}

.blog-read a {
	color: #000;
	background-color: #fff;
	-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .15);
	box-shadow: 0 3px 20px rgba(0, 0, 0, .15);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding: 1rem;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	width: 56px;
	z-index: 1;
	-webkit-transition: all 1s cubic-bezier(.23, 1, .32, 1);
	-o-transition: all 1s cubic-bezier(.23, 1, .32, 1);
	transition: all 1s cubic-bezier(.23, 1, .32, 1);
}

.blog-post:hover .blog-read a {
	-webkit-box-shadow: 0 3px 30px rgba(0, 0, 0, .3);
	box-shadow: 0 3px 30px rgba(0, 0, 0, .3);
}

.blog-post:hover .blog-read a:hover {
	color: #00FF00;
}

.blog-image img {
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	height: auto;
	width: 100%;
	-webkit-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.blog-post:hover .blog-image img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.blog-content {
	position: relative;
	padding: 2rem 1.5rem;
}

.blog-content h5 {
	font-weight: 600;
	color: #000;
}

.blog-content .blog-info {
	margin-bottom: 1rem;
}

.blog-content .blog-info a {
	font-size: .75rem;
	font-weight: 400;
	color: #00FF00;
	margin-right: 1.5rem;
	text-decoration: none;
}

.blog-content .blog-info a i {
	margin-right: .5rem;
}

.blog-content p {
	margin-bottom: 0;
}

/*========== End Blog Style ==========*/
/*========== Start Contact Style ==========*/

.contact {
	background-color: #000;
	padding: 6rem 0;
}

.contact .title h3 {
	color: #fff;
}

.contact .title h2 {
	color: #222;
}

.contact .title-text p {
	color: #aaa;
}

.contact-info h6 {
	font-size: 1rem;
	font-weight: 600;
	color: #00FF00;
}

.contact-info p {
	color: #fff;
	margin-bottom: 0;
}

form .form-control {
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #888;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: #fff;
	-webkit-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

form .form-control:focus {
	color: #fff;
	background-color: transparent;
	border-color: #00FF00;
	-webkit-box-shadow: none;
	box-shadow: none;
}

form input::-webkit-input-placeholder {
	color: #888 !important;
}

form input::-moz-placeholder {
	color: #888 !important;
}

form input:-ms-input-placeholder {
	color: #888 !important;
}

form input::-ms-input-placeholder {
	color: #888 !important;
}

form input::placeholder {
	color: #888 !important;
}

form textarea {
	min-height: 75px;
}

form textarea::-webkit-input-placeholder {
	color: #888 !important;
}

form textarea::-moz-placeholder {
	color: #888 !important;
}

form textarea:-ms-input-placeholder {
	color: #888 !important;
}

form textarea::-ms-input-placeholder {
	color: #888 !important;
}

form textarea::placeholder {
	color: #888 !important;
}

form .btn {
	border: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: .5rem 1rem;
	-webkit-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	text-transform: uppercase;
}

form .btn-success {
	cursor: pointer;
	color: #000 !important;
	background-color: #fff;
	opacity: 1;
	-webkit-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

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

form .btn-success:hover {
	color: #000 !important;
	background-color: #00FF00;
}

form .btn-success:active {
	color: #00FF00 !important;
	background-color: transparent !important;
	border-color: transparent !important;
}

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

footer {
	background-color: #fff;
	padding: 1.5rem 0;
}

.copyright p {
	font-size: .75rem;
	margin-bottom: 0;
	text-transform: uppercase;
}

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

@media (max-width:991.98px) {
	.skill-container canvas {
		height: 150px !important;
		width: 150px !important;
	}
	.statistics {
		padding: 4rem 0
	}
	.stat-box {
		padding: 2rem 0;
	}
}

@media (max-width:767.98px) {
	.title {
		margin-bottom: 1rem;
	}
	.title h2 {
		display: none;
	}
	.title h3 {
		line-height: 1;
		margin-top: 0;
	}
	.navbar {
		background: #000;
	}
	.home-social {
		margin: 0 auto;
	}
	.home-scroll {
		display: none;
	}
	.about-image {
		margin-bottom: 4rem;
	}
	.skill {
		padding-bottom: 3.5rem;
	}
	.skill-container {
		padding-bottom: 2.5rem;
	}
	.skill-container canvas {
		height: 175px !important;
		width: 175px !important;
	}
	.contact .mb-5 {
		margin-bottom: 2rem !important;
	}
}

@media (max-width:575.98px) {
	.title h3 {
		font-size: 2rem;
		color: #000;
	}
	.navbar-nav .nav-item .nav-link {
		padding: .375rem .5rem;
	}
	.home-title h3 {
		font-size: 1.25rem;
	}
	.home-title h1 {
		font-size: 2.25rem;
	}
	.home-title h4 {
		font-size: 1rem;
	}
	.about-image:before {
		right: -1rem;
		bottom: -1rem;
	}
	.services .title h3 {
		color: #fff;
	}
	.filter {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.price-table {
		margin-left: 1rem;
		margin-right: 1rem;
	}
	.price-plan h4 {
		font-size: 1.25rem;
	}
	.price-pay h3 {
		font-size: 3rem;
	}
	.statistics:before {
		background-attachment: scroll;
	}
	.client-review {
		margin-left: 0rem;
		margin-right: 0rem;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.blog-post {
		margin-left: 1rem;
		margin-right: 1rem;
	}
}

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