html{
  box-sizing:border-box;
  overflow-x:hidden;
}

*,*:before,*:after{
  box-sizing:inherit;
}

html{
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}

body{
  margin:0;
  background: #006590;
}

.hero-image {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("./assets/img/computer.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/* Full height image header */
.bgimg-1 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("computer.jpg");
  position: relative;
  min-height: 100%;
}

html,body{
	font-family:Verdana,sans-serif;
	font-size:15px;
	line-height:1.8;
  height: 100%;
}

body,h1,h2,h3,h4,h5,h6 {
  font-family:"Segoe UI",Arial,sans-serif;
	font-weight:400;
	margin:10px 0;
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{
  display:block;
}

summary{
  display:list-item;
}

audio,canvas,progress,video{
  display:inline-block;
}

progress{
  vertical-align:baseline;
}

audio:not([controls]){
  display:none;height:0;
}

[hidden],template{
    display:none;
}

a{
  background-color:transparent;
}

a:active,a:hover{
  outline-width:0;
}

abbr[title]{
  border-bottom:none;
  text-decoration:underline;
  text-decoration:underline dotted;
}

b,strong{
  font-weight:bolder;
}

dfn{
  font-style:italic;
}

mark{
  background:#ff0;
  color:#000;
}

small{
  font-size:80%
}

sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}

sub{
  bottom:-0.25em;
}

sup{
  top:-0.5em;
}

figure{
  margin:1em 40px;
}

img{
  border-style:none;
}

code,kbd,pre,samp{
  font-family:monospace,monospace;
  font-size:1em;
}

hr{
  box-sizing:content-box;
  height:0;
  overflow:visible;
}

button,input,select,textarea,optgroup{
  font:inherit;margin:0;
}

optgroup{
  font-weight:bold;
}

button,input{
  overflow:visible;
}

button,select{
  text-transform:none;
}

button,[type=button],[type=reset],[type=submit]{
  -webkit-appearance:button;
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{
  border-style:none;padding:0;
}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{
  outline:1px dotted ButtonText;
}

fieldset{
	border:1px solid #c0c0c0;
	margin:0 2px;
	padding:.35em .625em .75em;
}

legend{
	color:inherit;
	display:table;
	max-width:100%;
	padding:0;
	white-space:normal;
}

textarea{
	overflow:auto;
}

[type=checkbox],[type=radio]{
	padding:0;
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
	height:auto;
}

[type=search]{
	-webkit-appearance:textfield;
	outline-offset:-2px;
}

[type=search]::-webkit-search-decoration{
	-webkit-appearance:none;
}

::-webkit-file-upload-button{
	-webkit-appearance:button;
	font:inherit;
}

h1{
	font-size:36px;
}

h2{
	font-size:30px;
}

h3{
	font-size:24px;
}

h4{
	font-size:24px;
	color: #fcc500;
}

h5{
	font-size:18px;
}

h6{
	font-size:16px;
}

p{
	color:#fcc500;
}

hr{
	border:0;
	border-top:1px solid #eee;
	margin:20px 0;
}

img{
	vertical-align:middle;
}

a{
	color:inherit;
}

/*====================
======Service CSS=====
======================*/

#services {
  background-image: url("../images/services/service-bg.jpg");
  color:#fff;
  text-align:center;
  background-color:	#006590;
}

.services {
	display:block;
	overflow:hidden;
	margin-top:50px
}

#services h2{
  color: #fcc500;
  border-color: #fcc500;
  margin-bottom:35px
}

.single-service {
	background-color: rgba(0, 144, 114, 0.39);
	padding:25px;
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
}

.single-service p {
	text-align:justify;
}

.single-service i {
	text-align:center;
	font-size:80px;
	background-color: #fff;
	border-radius: 50%;
	display: inline-block;
	height: 150px;
	line-height: 150px;
	width: 150px;
	color:#FCC500;
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
}

.single-service:hover {
	background-color: #009073;
}

.single-service:hover i {
	color:#009073;
	-moz-transform: scale(1.1) rotate(360deg);
	-webkit-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	transform: scale(1.1) rotate(360deg);
}