body {
	width: 100% !important; height: 100% !important; color: rgb(119, 119, 119); font-family: "Open Sans", sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
html {
	width: 100% !important; height: 100% !important; color: rgb(119, 119, 119); font-family: "Open Sans", sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
h2 {
	font-family: "Raleway", sans-serif;
}
h3 {
	font-family: "Raleway", sans-serif;
}
h4 {
	font-family: "Raleway", sans-serif;
}
h2 {
	margin: 0px 0px 20px; color: rgb(51, 51, 51); text-transform: uppercase; font-size: 36px; font-weight: 800;
}
h3 {
	color: rgb(51, 51, 51); font-size: 20px; font-weight: 600;
}
.navbar-fixed-top {
	top: 90px;
}
h4 {
	color: rgb(51, 51, 51); font-size: 18px; font-weight: 600;
}
h5 {
	text-transform: uppercase; line-height: 20px; font-weight: 700;
}
p {
	font-size: 15px;
}
p.intro {
	margin: 12px 0px 0px; line-height: 24px;
}
a {
	color: rgb(96, 141, 253); font-weight: 400;
}
a:hover {
	color: rgb(96, 141, 253); text-decoration: none;
}
a:focus {
	color: rgb(96, 141, 253); text-decoration: none;
}
ul {
	list-style: none;
}
ol {
	list-style: none;
}
ul {
	padding: 0px; webkit-padding: 0; moz-padding: 0;
}
ol {
	padding: 0px; webkit-padding: 0; moz-padding: 0;
}
hr {
	background: rgb(30, 122, 70); border: 0px currentColor; border-image: none; width: 70px; height: 2px; text-align: center; margin-bottom: 20px; position: relative;
}
.tlinks {
	height: 0px; line-height: 0; text-indent: -9999px; overflow: hidden; font-size: 0px;
}
#menu {
	padding: 15px; transition:0.8s;
}
.navbar-default#menu {
	border-color: rgba(231, 231, 231, 0); box-shadow: 0px 0px 10px rgba(0,0,0,0.15); background-color: rgb(255, 255, 255);
}
#menu a.navbar-brand {
	color: rgb(51, 51, 51); text-transform: uppercase; font-family: "Raleway", sans-serif; font-size: 24px; font-weight: 700;
}
.navbar-default#menu .navbar-nav > li > a {
	margin: 9px 20px 0px; padding: 8px 2px; border-radius: 0px; color: rgb(85, 85, 85); text-transform: uppercase; font-family: "Lato", sans-serif; font-size: 15px; font-weight: 400;
}
.navbar-default#menu .navbar-nav > li > a::after {
	background: linear-gradient(to right, rgb(99, 114, 255) 0%, rgb(92, 169, 251) 100%); transition:width 0.2s; left: 0px; width: 0px; height: 2px; bottom: -1px; display: block; position: absolute; content: "";
}
.navbar-default#menu .navbar-nav > li > a:hover::after {
	width: 100%;
}
.navbar-default .navbar-nav > .active > a {
	background-color: transparent;
}
.navbar-default .navbar-nav > .active > a:hover {
	background-color: transparent;
}
.navbar-default .navbar-nav > .active > a:focus {
	background-color: transparent;
}
.navbar-default .navbar-nav > .active > a::after {
	background: linear-gradient(to right, rgb(99, 114, 255) 0%, rgb(92, 169, 251) 100%) !important; transition:width 0.2s !important; left: 0px !important; width: 100% !important; height: 2px !important; bottom: -1px !important; display: block !important; position: absolute !important; content: "" !important;
}
.navbar-default .navbar-nav > .active > a:hover::after {
	background: linear-gradient(to right, rgb(99, 114, 255) 0%, rgb(92, 169, 251) 100%) !important; transition:width 0.2s !important; left: 0px !important; width: 100% !important; height: 2px !important; bottom: -1px !important; display: block !important; position: absolute !important; content: "" !important;
}
.navbar-default .navbar-nav > .active > a:focus::after {
	background: linear-gradient(to right, rgb(99, 114, 255) 0%, rgb(92, 169, 251) 100%) !important; transition:width 0.2s !important; left: 0px !important; width: 100% !important; height: 2px !important; bottom: -1px !important; display: block !important; position: absolute !important; content: "" !important;
}
.navbar-toggle {
	border-radius: 0px;
}
.navbar-default .navbar-toggle:hover {
	border-color: rgb(96, 141, 253); background-color: rgb(255, 255, 255);
}
.navbar-default .navbar-toggle:focus {
	border-color: rgb(96, 141, 253); background-color: rgb(255, 255, 255);
}
.navbar-default .navbar-toggle:hover > .icon-bar {
	background-color: rgb(96, 141, 253);
}
.section-title {
	margin-bottom: 70px;
}
.section-title h2 {
	padding-bottom: 15px; margin-top: 10px; margin-bottom: 15px; position: relative;
}
.section-title h2::after {
	background: linear-gradient(to right, rgb(92, 169, 251) 0%, rgb(99, 114, 255) 100%); left: 50%; width: 60px; height: 4px; bottom: 0px; margin-left: -30px; position: absolute; content: "";
}
.section-title p {
	font-size: 18px;
}
.btn-custom {
	margin: 0px; padding: 14px 34px; border-radius: 25px; border: 0px currentColor; transition:0.5s linear; border-image: none; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 1px; font-family: "Raleway", sans-serif; font-size: 15px; font-weight: 500; background-image: linear-gradient(to right, rgb(92, 169, 251) 0%, rgb(99, 114, 255) 100%); background-color: rgb(92, 169, 251);
}
.btn-custom:hover {
	color: rgb(255, 255, 255); background-image: none; background-color: rgb(99, 114, 255);
}
.btn-custom:focus {
	color: rgb(255, 255, 255); background-image: none; background-color: rgb(99, 114, 255);
}
.btn-custom.focus {
	color: rgb(255, 255, 255); background-image: none; background-color: rgb(99, 114, 255);
}
.btn-custom:active {
	color: rgb(255, 255, 255); background-image: none; background-color: rgb(99, 114, 255);
}
.btn-custom.active {
	color: rgb(255, 255, 255); background-image: none; background-color: rgb(99, 114, 255);
}
.btn:active {
	outline: 0px; box-shadow: none; background-image: none; -webkit-box-shadow: none;
}
.btn.active {
	outline: 0px; box-shadow: none; background-image: none; -webkit-box-shadow: none;
}
a:focus {
	outline-offset: none;
}
.btn:focus {
	outline-offset: none;
}
.btn:focus:active {
	outline-offset: none;
}
.btn.active:focus {
	outline-offset: none;
}
.btn.focus {
	outline-offset: none;
}
.btn.focus:active {
	outline-offset: none;
}
.btn.active.focus {
	outline-offset: none;
}
.intro {
	background: url("../img/intro-bg.jpg") no-repeat center / cover rgb(229, 229, 229); padding: 0px; width: 100%; display: table; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.intro .overlay {
	background: rgba(0, 0, 0, 0.2);
}
.intro h1 {
	color: rgb(255, 255, 255); text-transform: uppercase; font-family: "Raleway", sans-serif; font-size: 82px; font-weight: 700; margin-top: 0px; margin-bottom: 10px;
}
.intro h1 span {
	color: rgb(92, 169, 251); font-weight: 800;
}
.intro p {
	margin: 0px auto 60px; color: rgb(255, 255, 255); line-height: 30px; font-size: 22px; font-weight: 300;
}
header .intro-text {
	text-align: center; padding-top: 350px; padding-bottom: 200px;
}
#features {
	background: rgb(246, 246, 246); padding: 100px 0px;
}
#features i.fa {
	background: linear-gradient(to right, rgb(99, 114, 255) 0%, rgb(92, 169, 251) 100%); padding: 30px 0px; border-radius: 50%; transition:0.5s; width: 100px; height: 100px; color: rgb(255, 255, 255); font-size: 38px; margin-bottom: 20px; box-shadow: 10px 10px 10px rgba(0,0,0,0.05);
}
#about {
	padding: 100px 0px;
}
#about h3 {
	margin: 0px 0px 20px; font-size: 22px;
}
#about h2 {
	padding-bottom: 15px; margin-bottom: 15px; position: relative;
}
#about h2::after {
	background: linear-gradient(to right, rgb(92, 169, 251) 0%, rgb(99, 114, 255) 100%); left: 0px; width: 60px; height: 4px; bottom: 0px; position: absolute; content: "";
}
#about .about-text li {
	list-style: none; padding: 0px; margin-bottom: 6px; margin-left: 6px;
}
#about .about-text li::before {
	color: rgb(92, 169, 251); padding-right: 8px; font-family: "FontAwesome"; font-size: 11px; font-weight: 300; content: "\f00c";
}
#about img {
	background: rgb(255, 255, 255); width: 520px; margin-top: 10px; border-right-color: currentColor; border-right-width: 0px; border-right-style: none; box-shadow: 0px 0px 50px rgba(0,0,0,0.06);
}
#about p {
	margin: 30px 0px; line-height: 24px;
}
#services {
	background: linear-gradient(to right, rgb(99, 114, 255) 0%, rgb(92, 169, 251) 100%); padding: 100px 0px; color: rgb(255, 255, 255);
}
#services .service-desc {
	margin: 10px 10px 20px;
}
#services h2 {
	color: rgb(255, 255, 255);
}
#services .section-title h2::after {
	background: rgba(255, 255, 255, 0.3); left: 50%; width: 60px; height: 4px; bottom: 0px; margin-left: -30px; position: absolute; content: "";
}
#services i.fa {
	background: linear-gradient(to right, rgb(99, 114, 255) 0%, rgb(92, 169, 251) 100%); padding: 40px 0px; border-radius: 50%; width: 120px; height: 120px; color: rgb(255, 255, 255); font-size: 42px; box-shadow: 10px 10px 10px rgba(0,0,0,0.05);
}
#services h3 {
	padding: 5px 0px; color: rgb(255, 255, 255); font-weight: 500;
}
#services p {
	color: rgba(255, 255, 255, 0.75);
}
#services .service-desc {
	margin-bottom: 40px;
}
#portfolio {
	padding: 100px 0px;
}
.portfolio-item {
	margin: 1px -15px 0px -14px; padding: 0px;
}
.portfolio-item .hover-bg {
	margin: 0px; overflow: hidden; position: relative;
}
.hover-bg .hover-text {
	background: linear-gradient(to right, rgba(99, 114, 255, 0.8) 0%, rgba(92, 169, 251, 0.8) 100%); margin: 0px auto; padding: 30% 0px 0px; transition:0.5s; width: 100%; height: 100%; text-align: center; color: rgb(255, 255, 255); position: absolute; opacity: 0;
}
.hover-bg .hover-text > h4 {
	transition:0.3s; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 1px; font-size: 18px; font-weight: 500; opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%);
}
.hover-bg:hover .hover-text > h4 {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0); -webkit-backface-visibility: hidden;
}
.hover-bg:hover .hover-text {
	opacity: 1;
}
#testimonials {
	background: rgb(246, 246, 246); padding: 100px 0px;
}
#testimonials i {
	color: rgb(230, 230, 230); font-size: 32px; margin-bottom: 20px;
}
.testimonial {
	padding: 20px; position: relative;
}
.testimonial-image {
	margin-right: 15px; float: left;
}
.testimonial-image {
	border-radius: 50%; width: 64px; height: 64px; display: block;
}
.testimonial-image img {
	border-radius: 50%; width: 64px; height: 64px; display: block;
}
.testimonial-content {
	overflow: hidden; position: relative;
}
.testimonial-content p {
	font-size: 14px; font-style: italic; margin-bottom: 0px;
}
.testimonial-meta {
	color: rgb(102, 102, 102); font-size: 15px; font-weight: 600; margin-top: 10px;
}
#team {
	padding: 100px 0px;
}
#team h4 {
	margin: 5px 0px;
}
#team .team-img {
	width: 240px;
}
#team .thumbnail {
	background: none; border: 0px currentColor; border-image: none;
}
#team .thumbnail .caption {
	padding: 10px 0px 0px; color: rgb(136, 136, 136);
}
#contact {
	background: linear-gradient(to right, rgb(99, 114, 255) 0%, rgb(92, 169, 251) 100%); padding: 100px 0px 60px; color: rgba(255, 255, 255, 0.75);
}
#contact .section-title {
	margin-bottom: 40px;
}
#contact .section-title p {
	font-size: 16px;
}
#contact h2 {
	color: rgb(255, 255, 255); padding-bottom: 15px; margin-top: 10px; margin-bottom: 15px;
}
#contact .section-title h2::after {
	background: rgba(255, 255, 255, 0.3); left: 30px; width: 60px; height: 4px; bottom: 0px; position: absolute; content: "";
}
#contact h3 {
	color: rgb(255, 255, 255); padding-bottom: 20px; font-weight: 400; margin-bottom: 25px;
}
#contact form {
	padding-top: 20px;
}
#contact .text-danger {
	text-align: left; color: rgb(204, 0, 51);
}
#contact .btn-custom {
	background: none; margin: 30px 0px; border: 2px solid rgb(255, 255, 255); border-image: none;
}
#contact .btn-custom:hover {
	background: rgb(255, 255, 255); color: rgb(31, 56, 110);
}
label {
	font-family: "Open Sans", sans-serif; font-size: 12px; font-weight: 400; float: left;
}
#contact .form-control {
	padding: 6px 12px; border-radius: 0px; border: 1px solid rgb(221, 221, 221); transition:none; border-image: none; width: 100%; color: rgb(68, 68, 68); line-height: 1.4285; font-size: 16px; display: block; box-shadow: none; background-image: none; background-color: rgb(255, 255, 255); -webkit-box-shadow: none; -webkit-transition: none; -o-transition: none;
}
#contact .form-control:focus {
	border-color: rgb(153, 153, 153); outline: 0px; -webkit-box-shadow: transparent;
}
:-ms-input-placeholder.form-control {
	color: rgb(119, 119, 119);
}
#contact .contact-item {
	margin: 20px 0px;
}
#contact .contact-item span {
	color: rgba(255, 255, 255, 1); margin-bottom: 10px; display: block;
}
#contact .contact-item i.fa {
	margin-right: 10px;
}
#contact .social {
	text-align: center; padding-top: 50px; margin-top: 50px; border-top-color: rgba(255, 255, 255, 0.15); border-top-width: 1px; border-top-style: solid;
}
#contact .social ul li {
	margin: 0px 20px; display: inline-block;
}
#contact .social i.fa {
	padding: 12px 0px; border-radius: 50%; border: 2px solid rgb(255, 255, 255); transition:0.3s; border-image: none; width: 48px; height: 48px; color: rgb(255, 255, 255); font-size: 22px;
}
#contact .social i.fa:hover {
	background: rgb(255, 255, 255); color: rgb(96, 141, 253);
}
#footer {
	background: rgb(246, 246, 246); padding: 30px 0px;
}
#footer p {
	color: rgb(136, 136, 136); font-size: 14px;
}
#footer a {
	color: rgb(96, 141, 253);
}
#footer a:hover {
	border-bottom-color: rgb(96, 141, 253); border-bottom-width: 2px; border-bottom-style: solid;
}
@media all and (max-width:768px)
{
#about img {
	margin: 50px 0px;
}
}