body {
	color: #666;
	font-size: 1.1rem
}
a {
	text-decoration: none
}
.container-fluid {
	max-width: 1440px
}
.text-primary {
	color: #194a59!important
}
.bg-dark {
	background: #141414;
	background: -moz-linear-gradient(top, rgba(20,20,20,1) 0, rgba(53,53,53,1) 100%);
	background: -webkit-linear-gradient(top, rgba(20,20,20,1) 0, rgba(53,53,53,1) 100%);
	background: linear-gradient(to bottom, rgba(20,20,20,1) 0, rgba(53,53,53,1) 100%)
}
h1 {
	font-weight: 700
}
.form-control {
	border-radius: 0
}
section {
	padding: 90px 0px;
}
#navbar {
	background-color: rgba(0,0,0,.4);
	transition: .4s;
	border-bottom: rgba(255,255,255,.2) 2px solid
}
#logo {
	transition: .4s
}
.navbar-dark .navbar-toggler {
	border: none
}
.navbar-toggler>.close, .navbar-toggler>.collapse {
	display: inline;
	color: #fff
}
.navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>.menuicon {
	display: none
}
.navbar-dark .navbar-nav .nav-link {
	color: rgba(255,255,255,.8);
	font-size: 1.2rem;
	padding: .7rem
}


.heading {
	text-transform: uppercase;
	letter-spacing: 8px;
	font-weight: 700;
	font-size: 60px;
	background: -webkit-linear-gradient(#333, #b9b5b5);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	padding: 1.5rem 0
}
.heading-light {
	text-transform: uppercase;
	letter-spacing: 6px;
	font-weight: 700;
	font-size: 40px;
	background: -webkit-linear-gradient(#ccc, #666);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	padding: 1rem 0
}
.masthead {
	height: 100vh;
	background-color: #000;
	background: url(../images/bannerbg3.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #fff;
	text-shadow: 1px 1px 1px #000
}
.process {
	background-color: #000
}
.process .processblock {
	padding: 20px;
	color: #fff
}
.process .processblock p {
	margin: 0;
	border-bottom: #666 1px solid;
	background: -webkit-linear-gradient(#ccc, #666);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 20px
}
.process .processblock h4 {
	text-transform: uppercase;
	letter-spacing: 5px;
	font-size: 40px;
	background: -webkit-linear-gradient(#ccc, #666);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	padding: 0;
	margin: 0
}
.process .processblock h3 {
	font-size: 16px;
	font-weight: 700
}
.websiteimage {
	padding: 10px
}
.overlay {
	height: 100%;
	width: 100%;
	background: linear-gradient(-45deg, rgba(0,0,0,.5), rgba(0,0,0,.6), rgba(0,0,0,.3), rgba(0,0,0,.2));
	background-size: 400% 400%;
	-webkit-animation: gradientBG 10s ease infinite;
	animation: gradientBG 10s ease infinite
}
@-webkit-keyframes gradientBG {
0% {
background-position:0 50%
}
50% {
background-position:100% 50%
}
100% {
background-position:0 50%
}
}
@keyframes gradientBG {
0% {
background-position:0 50%
}
50% {
background-position:100% 50%
}
100% {
background-position:0 50%
}
}
.services {
	background: #f7f7f7;
	background: -moz-linear-gradient(180deg, rgba(247,247,247,1) 71%, rgba(233,233,233,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(247,247,247,1) 71%, rgba(233,233,233,1) 100%);
	background: linear-gradient(180deg, rgba(247,247,247,1) 71%, rgba(233,233,233,1) 100%)
}
.services i {
	font-size: 72px;
	background: -webkit-linear-gradient(#222, #666);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.services h3 {
	font-weight: 600;
	font-size: 1.5rem;
	color: #000
}
#clients {
	background: url(../images/bannerbg2.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
.clients img {
	border: #ccc 1px solid;
	padding: 5px;
	border-radius: 5px
}
.overlayclient {
	opacity: 0;
	transition: .5s ease
}
.websiteimage:hover .overlayclient {
	opacity: .9
}
.text {
	width: 90%;
	background-color: #000;
	padding: 20px;
	border-radius: 15px;
	color: #fff;
	font-size: 12px;
	position: absolute;
	bottom: 1%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center
}
#footer {
	font-size: 1rem
}
#footer .heading-light {
	font-size: 1.2rem;
	letter-spacing: 4px
}
.contactusicon .dropdown-toggle::after {
	display: none;
}
@media only screen and (max-width:600px) {
.nav-item {
	background-color: rgba(0,0,0,.9);
	border-bottom: rgba(255,255,255,.5) 1px solid;
	color: #fff;
	padding: .4rem 1rem
}
.masthead {
	background: url(../images/mobilebannerbg3.jpg) no-repeat center center fixed;
	background-attachment: scroll
}
.masthead h1 {
	font-size: 2rem
}
.masthead h5 {
	font-size: .8rem
}
.masthead .dropdown-toggle {
	font-size: .8rem
}
.overlay {
	border-radius: 0
}
.heading {
	letter-spacing: 10px;
	font-weight: 900;
	font-size: 40px;
	padding: 0;
	padding-bottom: 1.2rem;
	text-align: center
}
.heading-light {
	font-weight: 900;
	font-size: 30px;
	padding: 1rem 0;
	text-align: center
}
}
.contactusicon {
	display: block;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 99;
	cursor: pointer;
}
.contactusicon .dropdown-item {
	padding: .5rem 1rem
}
.contactusicon .dropdown-item:hover {
	background-color: #333;
	color: #fff
}
.contactusicon .dropdown-item i {
	color: #000;
	padding-right: 10px
}

@media only screen and (max-width:360px) {
.masthead h1 {
	font-size: 1.7rem
}
.masthead h5 {
	font-size: .8rem
}
}