body,
html {
	margin: 0 width:100%;
	overflow-x: hidden;
	scroll-padding-top: 100px
}

a {
	color: #000;
	text-decoration: underline
}

a:hover {
	text-decoration: underline;
	color: #268aed
}

.panel-title a {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px
}

.mid {
	vertical-align: middle
}

p {
	color: #000;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	text-align: left;
	margin-bottom: 20px
}



 .blackiconcolor {color:black;}

    .title-text{
        display:inline-block;
        font-size:20px;
        font-weight:600;
        font-family:Roboto,sans-serif;
        color:#3763ad;
        margin-bottom:0px;
	padding-bottom:0px;
    }
.webaccordion {
	background-color: #fff;
	color: #000;
	cursor: pointers;
	padding: 25px;
	width: 100%;
	border: 0;
	text-align: left;
	outline: 0;
	font-size: 20px;
	transition: .4s;
	font-family: Roboto, sans-serif
}

.webaccordion.active,
.webaccordion:hover {
	background-color: #96cce3;
	color: #000;
	border: 0
}

.webaccordion:after {
	content: '\002B';
	color: #000;
	font-weight: 700;
	float: right;
	margin-left: 5px;
	border: none
}

.webaccordion.active:after {
	content: "\2212";
	border: 0
}

.panel {
	padding: 0 18px;
	background-color: #fff;
	max-height: 0;
	overflow: hidden;
	transition: max-height .2s ease-out
}

lis {
	font-size: 16px;
	font-family: Roboto, sans-serif;
	list-style-position: outside;
	text-align: justify
}

h5 a:hover {
	text-decoration: none
}

ul {
	color: #000;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	padding: 0
}

section {
	position: absolute;
	top: 25%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%)
}

img {
	width: 100%;
	max-height: 100%;
	max-width: 100%
}

.anchor {
	padding-top: 100px
}

.servicelink {
	color: #fff
}

.servicelink:hover {
	color: #fff
}

.card-web-options {
	border: 0
}

.contact-text {
	color: #fff;
	font-family: Roboto, sans-serif
}

.websizer {
	width: 90px;
	height: 90px;
	padding-bottom: 10px
}

.sizer {
	width: 90px;
	height: 90px
}

.caseoptions {
	list-style: none;
	color: #edede1
}

.awesome {
	background-color: #f3ec78;
	background-image: linear-gradient(35deg, #4158d0, #c850c0, #ffcc70);
	background-size: 100%;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
	padding-bottom: 15px
}

.cyber-background {
	background: #b2e1eb;
	background: linear-gradient(180deg, #b2e1eb 0, #8fc9ff 100%)
}

.awesome-is {
	color: #000;
	padding-bottom: 15px
}

.security-reasons {
	display: inline-block;
	font-size: 22px;
	font-family: Roboto, sans-serif;
	color: #fff
}

.case-study-services {
	display: inline-block;
	font-size: 15px;
	font-family: Roboto, sans-serif;
	color: #3f85d4
}

.relocation-help {
	font-size: 25px;
	font-family: Roboto, sans-serif;
	color: #3f85d4;
	text-align: center;
	font-weight: 600
}

.poptions {
	color: #edede1
}

.newsitems {
	padding-left: 32px;
	padding-right: 16px
}

.optionsheader {
	font-family: Roboto, sans-serif;
	color: #edede1;
	font-size: 22px;
	text-align: left
}

.caseheader {
	font-family: Roboto, sans-serif;
	color: #edede1;
	font-size: 20px;
	text-align: left
}

.grey-background {
	background: #c2d4e3;
	background: linear-gradient(357deg, #c2d4e3 0, #d9dbde 0, #f1f6f9 100%)
}

.case-study-1-background {
	background: #c4c9e4;
	background: radial-gradient(circle, #c4c9e4 0, #64aed5 100%)
}

.blue-background,
.domains-background,
.email-info-background,
.internet-connect-background,
.relocation-background {
	background-color: #d3e0f5
}

.example-background {
	background: #d3e0f5
}

.aboutitems {
	padding-left: 18px
}

.bgbrown {
	background-color: #8a5d11
}

.card-body-voip {
	background: #fff
}

.layout {
	padding-left: 15px;
	padding-right: 15px
}

.col-half-offset {
	margin-left: 3%
}

.card-body-services {
	background: #fff
}

.card-body-iservices {
	background: #e9eff7
}

.card-body-services-grey {
	background: #deeeff;
	padding-top: 0
}

.card-body-upgrade {
	background: #ededed
}

.contact-background {
	background-image: linear-gradient(179.4deg, #2a3e65 -27.7%, #5b7dbd 165.8%)
}

.contactusbutton {
	padding-top: 20px;
	text-align: center
}

.apple-background {
	background: #d3e0f5
}

.lighting-it-support {
	background-image: linear-gradient(to bottom, #accbee 0, #e7f0fd 100%)
}

.webservices-background {
	background-color: #ecede8
}

.android-background,
.cloud-background,
.collaboration-background,
.contact-us-background,
.data-protect-background,
.newsbackground,
.optionsbackground,
.telephony-background,
.web-hosting-background,
.website-design-background,
.website-hosting-background {
	background-color: #dfe1e6
}

.newsreviews-background {
	background-image: linear-gradient(to top, #accbee 0, #e7f0fd 100%)
}

.relocation-background {
	background: #c6e4ff;
	background: radial-gradient(circle, rgba(198, 228, 255, .14049369747899154) 57%, #67a3ff 100%, #2471e9 100%, #f1f6f9 100%)
}

.relocation-background2 {
	background: #e2efff;
	background: radial-gradient(circle, #e2efff 0, #62a9ff 90%, #376cfc 100%)
}

.relocation-background3 {
	background: #ebf0f7;
	background: radial-gradient(circle, #ebf0f7 0, #b4d6ff 40%, #5598e0 100%)
}

.darkgreen {
	color: #27753c
}

.it-security-image,
.web-presence-image {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	padding-left: 0
}

.loclist {
	padding-left: 0
}

.layout {
	padding-left: 15px;
	padding-right: 15px
}

.hero {
	padding-top: 65px;
	width: 100%;
	height: 50vh;
	object-fit: cover;
	transition: -webkit-transform 10s ease;
	transition: transform 10s ease;
	transition: transform 10s ease, -webkit-transform 10s ease;
	transition-duration: 3s;
	transition-property: opacity;
	margin-bottom: -24px
}

.contacthero {
	padding-top: 65px;
	width: 100%;
	height: 40vh;
	object-fit: cover;
	transition: -webkit-transform 10s ease;
	transition: transform 10s ease;
	transition: transform 10s ease, -webkit-transform 10s ease;
	transition-duration: 3s;
	transition-property: opacity;
	margin-bottom: -24px
}

.card-header-it-security {
	font-size: 20px;
	padding: 0;
	font-family: Roboto;
	text-align: center;
	background-color: #fff
}

.card-header-cyber {
	font-size: 20px;
	padding: 0;
	font-family: Roboto;
	text-align: center;
	background-color: #fff
}

.dpstyle {
	color: #000;
	text-align: left;
	padding-bottom: 20px
}

.casefilter,
.contactfilter,
.mobfilter,
.newsfilter,
.privacyfilter {
	filter: brightness(50%)
}

.emailfilter {
	filter: brightness(60%)
}

.telfilter,
.virusfilter {
	filter: brightness(70%)
}

.officefilter {
	filter: brightness(70%)
}

.sysfilter {
	filter: brightness(40%)
}

.btn {
	white-space: normal;
	max-width: 550px;
	margin-bottom: 10px;
	margin-top: 10px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0
}

.btn-outline-dark {
	color: #000;
	font-family: Roboto;
	font-size: 15px;
	border: 2px solid #373b38;
	text-decoration: none
}

.btn-outline-dark:hover {
	color: #fff;
	background-color: #268aed;
	text-decoration: none;
	border: 2px solid #268aed
}

.btn-outline-light {
	color: #fff;
	font-family: Roboto;
	font-size: 15px;
	border: 2px solid #fff;
	text-decoration: none
}

.btn-outline-light:hover {
	color: #06c;
	background-color: #fff;
	text-decoration: none
}

.emailoptions {
	padding-left: 18px;
	padding-right: 16px
}

.fa-check {
	color: #3A8F6C;
}

.dark {
	color: #000
}

.mstyle {
	color: #e4e6ea;
	text-align: left;
	padding-bottom: 0;
	font-size: 16px;
	padding-left: 0
}

.eservices {
	font-size: 16px;
	color: #000;
	text-align: left;
	padding-bottom: 0;
	padding-left: 0
}

.webelements {
	font-size: 16px;
	color: #000;
	text-align: left;
	padding-bottom: 10px;
	padding-left: 0
}

.options {
	font-size: 16px;
	color: #000;
	font-family: Roboto, sans-serif
}

.line-items-spaced {
	padding-bottom: 20px;
	text-align: left
}

.officeimage {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	border: 1px solid #000
}

.mobile-items {
	padding-left: 20px;
	padding-right: 0;
	list-style: none;
	text-align: left;
	padding-bottom: 15px
}

.android-choices {
	background-color: #00284d;
	color: #fff
}

.apple-choices {
	background-color: #00284d;
	color: #fff
}

.itsupport {
	color: #fff;
	font-family: Roboto, sans-serif
}

.contactfont {
	color: #d00
}

.typewriters h1 {
	font-weight: 700;
	margin: 0 auto;
	overflow: hidden;
	white-space: nowrap;
	letter-spacing: .01em;
	animation: typing 2.5s steps(26, end), blink-caret 1.75s step-end
}

.typewriters h2 {
	margin: 0 auto;
	font-weight: 700;
	letter-spacing: .01em;
	white-space: nowrap;
	overflow: hidden;
	border-right: .15em transparent;
	-webkit-animation: typing 2s steps(26, end), blink-caret 1s step-end;
	-webkit-animation-delay: 2.5s;
	-webkit-animation-fill-mode: both;
	-moz-animation: typing 2s steps(26, end), blink-caret 1s step-end;
	-moz-animation-fill-mode: both;
	-moz-animation-delay: 2.5s
}

@keyframes typing {
	from {
		width: 0
	}
	to {
		width: 100%
	}
}

@media(max-width:767.98px) {
	#Nav a {
		color: ivory;
		font-size: 16px;
		font-weight: 700;
		font-family: Roboto;
		text-decoration: none;
		background-color: transparent
	}
	h1 {
		color: #fff;
		text-shadow: 3px 3px 0 #2c2e38;
		font-family: Roboto, sans-serif;
		font-size: 26px;
		font-weight: 600;
		letter-spacing: .1em;
		left: 0;
		right: 0;
		text-align: center;
	}
	h2 {
		font-family: Roboto, sans-serif;
		color: #fff;
		font-size: 16px;
		font-weight: 600;
		left: 0;
		right: 0;
		text-align: center;
	}
	h3 {
		color: #484d54;
		font-family: Roboto, sans-serif;
		font-size: 28px;
		font-weight: 900;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
	}
	h4 {
		color: #484d54;
		font-family: Roboto, sans-serif;
		font-size: 26px;
		font-weight: 600;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
	}
	.case-study-header {
		color: #484d54;
		font-family: Roboto, sans-serif;
		font-size: 23px;
		font-weight: 600;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: left
	}
	.newsheader {
		color: #3f85d4;
		font-family: Roboto, sans-serif;
		font-size: 25px;
		font-weight: 600;
		text-align: left
	}
	hr {
		display: block;
		margin-top: .5em;
		margin-bottom: .5em;
		margin-left: 5%;
		margin-right: 5%;
		border-width: 1px;
		border-color: #000
	}
	li {
		font-size: 16px;
		font-family: Roboto;
		text-align: left;
		padding-left: 0
	}
	.navbar-nav>li {
		margin-top: 0;
		font-size: 16px;
		display: inline-block;
		vertical-align: top
	}
	.items {
		padding-left: 28px;
		padding-right: 16px
	}
	.newsitems {
		padding-left: 28px;
		padding-right: 16px
	}
	.pros {
		padding-left: 28px;
		padding-right: 0
	}
	.inhouse {
		width: 100%;
		height: auto
	}
	.service {
		font-family: Arial;
		font-weight: 900
	}
	.email-support-image {
		width: 100%;
		Height: Auto
	}
	.fa-ul {
		margin-left: 0;
		padding-left: 0
	}
	.ipad {
		width: 100%;
		padding-bottom: 20px
	}
	.centered {
		max-width: 75%;
		padding-bottom: 20px
	}
	.phone {
		width: 100%;
		height: auto;
		padding-top: 15px;
		padding-bottom: 15px
	}
	.msp360 {
		width: 100%;
		height: auto;
		margin-bottom: 20px
	}
	.options {
		font-size: 15px;
		text-align: left;
		padding-left: 13px
	}
	.optionsheader {
		font-size: 20px
	}
	.proscons {
		font-size: 18px
	}
	.typewriters h2 {
		-moz-animation-delay: 2.5s;
		-webkit-animation-delay: 2.5s
	}
	.elist {
		padding-left: 40px
	}
	.local {
		margin-left: 16px
	}
	.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 750px
	}
	.securityoptions {
		margin-left: 13px;
		margin-bottom: 0
	}
	.privacyoptions {
		margin-left: 13px;
		margin-bottom: 20px
	}
	.systemsoptions {
		margin-left: 13px;
		margin-bottom: 0
	}
	.infraoptions {
		margin-left: 13px;
		margin-bottom: 0
	}
	.caseoptions {
		margin-left: 2px
	}
	.image-spacer {
		padding-bottom: 20px
	}
	.aboutitems {
		padding-left: 28px;
		margin-bottom: 0
	}
	.aboutoptions {
		padding-bottom: 10px;
		text-align: left
	}
	.solutionheader {
		font-family: Roboto, sans-serif;
		color: #3f85d4;
		font-size: 22px;
		text-align: left
	}
	.email-card-header {
		font-size: 18px;
		font-family: Roboto;
		text-align: center;
		text-color: #fff
	}
	.email-card-height {
		height: 180px;
		border: 0;
		width: 100%
	}
	.consultation {
		font-family: Roboto;
		font-size: 24px;
		color: #fff;
		text-align: center;
		padding-top: 50px
	}
	.phishing-example {
		height: 380px;
		border: 0;
		width: 100%
	}
	.threats-example {
		height: 580px;
		border: 0;
		width: 100%
	}
	.it-security-options {
		height: 780px;
		border: 0;
		width: 100%
	}
	.card-header {
		font-size: 18px;
		font-family: Roboto;
		text-align: center;
		text-color: #fff
	}
	.data-protection-header {
		font-size: 25px;
		font-family: Roboto;
		text-color: #000
	}
	.card-header-text {
		font-size: 25px;
		font-family: Roboto, sans-serif;
		color: #3f85d4;
		font-weight: 500;
		text-align: center
	}
	.card-services {
		height: 600px;
		border: 0;
		width: 100%
	}
	.card-security-services {
		height: 420px;
		border: 0;
		width: 100%
	}
	.card-internet-services {
		height: 780px;
		border: 0;
		width: 100%
	}
	.card-upgrade-services {
		height: 280px;
		border: 0;
		width: 100%
	}
	.card-voip-services {
		height: 620px;
		border: 0;
		width: 100%
	}
	.card-relocation-services {
		height: 680px;
		border: 0;
		width: 100%
	}
	.card-header-coloured {
		background-color: #fff;
		color: #5f6063;
		font-size: 22px;
		font-family: Roboto, sans-serif;
		text-align: center;
		border: 0;
		padding-bottom: 0
	}
	.card-header-upgrade {
		background-color: #ededed;
		color: #5f6063;
		font-size: 22px;
		font-family: Roboto, sans-serif;
		text-align: center;
		border: 0;
		padding-bottom: 0
	}
	.privacy-title {
		color: #3f85d4;
		font-family: Roboto, sans-serif;
		font-size: 20px;
		font-weight: 600;
		text-align: left
	}
	.newstitle {
		color: #484d54;
		font-size: 25px;
		font-family: Roboto, sans-serif;
		font-weight: 700
	}
	.supportimage {
		padding-bottom: 20px
	}
	.considerations {
		font-family: Roboto, sans-serif;
		font-size: 20px;
		font-weight: 400;
		color: #3f85d4
	}
	.web-design-image {
		padding-top: 15px;
		padding-bottom: 15px
	}
	.web-design-text {
		padding-top: 10px;
		font-family: Roboto, sans-serif;
		font-size: 25px;
		color: #3f85d4;
		text-align: left;
		text-decoration: none
	}
	.card-hosting-services {
		height: 630px;
		border: 0;
		width: 100%
	}
	.card-header-white {
		background-color: #fff;
		color: #8c8c8c;
		font-size: 22px;
		font-family: Roboto, sans-serif;
		text-align: center;
		border: 0;
		padding-bottom: 0
	}
	.card-header-grey {
		background-color: #f2f2f2;
		color: #8c8c8c;
		font-size: 22px;
		font-family: Roboto, sans-serif;
		text-align: center;
		border: 0;
		padding-bottom: 0
	}
	.card-header-internet {
		background-color: #fff;
		color: #3f85d4;
		font-size: 22px;
		font-family: Roboto, sans-serif;
		text-align: center;
		border: 0;
		padding-bottom: 0;
		padding-top: 20px
	}
	.domain-image {
		padding-top: 20px;
		padding-bottom: 40px
	}
	.relocation-image {
		padding-top: 15px;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px
	}
	.news-image {
		padding-bottom: 40px
	}
	.news-page-image {
		padding-bottom: 30px;
		padding-top: 14px
	}
	.news-page-image-sucuri {
		padding-bottom: 30px;
		padding-top: 14px
	}
	.news-image-veritas {
		padding-bottom: 40px;
		padding-top: 4px
	}
	.sucuri-image {
		padding-bottom: 40px
	}
	.case-study-image {
		padding-bottom: 40px;
		padding-top: 4px
	}
	.csservices {
		font-family: Roboto, sans-serif;
		padding-left: 0;
		font-size: 15px
	}
	.ram {
		padding-bottom: 40px;
		padding-top: 4px
	}
	.vid {
		padding-top: 4px;
		padding-bottom: 40px
	}
	.vid-height {
		height: auto
	}
	.support-areas {
		color: #fff;
		font-size: 30px;
		font-weight: 700;
		font-family: Roboto, sans-serif
	}
	.card-header-blue {
		background-color: #656b70;
		color: #fff;
		font-size: 18px;
		font-family: Roboto, sans-serif;
		text-align: center;
		border: 0;
		padding-bottom: 0
	}
	.col-1-5 {
		width: 50%;
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px
	}
	.card-header-web {
		background-color: #fff;
		color: #8c8c8c;
		font-size: 17px;
		font-family: Roboto, sans-serif;
		text-align: left;
		border: 0;
		padding-bottom: 0;
		text-decoration: none;
		text-align: center
	}
	.wlist {
		margin-left: 24px
	}
}

@media(min-width:768px) and (max-width:991.98px) {
	#Nav a {
		color: ivory;
		font-size: 16px;
		font-weight: 700;
		font-family: Roboto;
		text-decoration: none;
		background-color: transparent
	}
	h1 {
		color: #fff;
		text-shadow: 2px 2px 0 #2c2e38;
		font-family: Roboto, sans-serif;
		font-size: 50px;
		font-weight: 700;
		letter-spacing: .1em;
		left: 0;
		right: 0;
		text-align: center;
	}
	h2 {
		color: #fff;
		font-size: 25px;
		font-family: Roboto, sans-serif;
		font-weight: 600;
		letter-spacing: .1em;
		left: 0;
		right: 0;
		text-align: center;
	}
	h3 {
		color: #484d54;
		font-family: Roboto, sans-serif;
		font-size: 32px;
		font-weight: 900;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
	}
	h4 {
		color: #484d54;
		font-family: Roboto, sans-serif;
		font-size: 30px;
		font-weight: 600;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
	}
	.case-study-header {
		color: #484d54;
		font-family: Roboto, sans-serif;
		font-size: 32px;
		font-weight: 600;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: left
	}
	.newsdate {
		color: #484d54;
		font-size: 25px;
		font-family: Roboto, sans-serif
	}
	.newsheader {
		color: #3f85d4;
		font-family: Roboto, sans-serif;
		font-size: 25px;
		font-weight: 600;
		text-align: left
	}
	hr {
		display: block;
		margin-top: .5em;
		margin-bottom: .5em;
		margin-left: 21%;
		margin-right: 21%;
		border-width: 1px;
		border-color: #000
	}
	.navbar-nav>li {
		margin-top: 0;
		font-size: 16px;
		display: inline-block;
		vertical-align: top
	}
	.items {
		padding-left: 16px;
		padding-right: 16px
	}
	.pros {
		padding-left: 32px;
		padding-right: 0
	}
	.service {
		font-family: Arial;
		font-weight: 900
	}
	.email-support-image {
		width: 100%;
		Height: Auto
	}
	.supportoptions {
		margin-left: 0
	}
	.centered {
		max-width: 100%;
		padding-bottom: 50px
	}
	.systemsoptions {
		margin-left: 3px;
		margin-bottom: 0
	}
	.infraoptions {
		margin-left: 0;
		margin-bottom: 0;
		margin-left: 16px
	}
	.ipad {
		width: 100%;
		padding-bottom: 20px
	}
	.officeimage {
		max-width: 550px;
		height: auto;
		margin-bottom: 20px
	}
	.securityoptions {
		margin-left: 18px;
		margin-bottom: 0
	}
	.privacyoptions {
		margin-left: 4px;
		margin-bottom: 20px
	}
	.newsimage {
		display: block;
		max-width: 550px;
		margin-left: auto;
		margin-right: auto
	}
	.phone {
		width: 100%;
		height: auto;
		padding-top: 15px;
		padding-bottom: 15px
	}
	.telecomsimage {
		width: 70%;
		padding-bottom: 20px
	}
	.aboutitems {
		margin-left: 0;
		margin-bottom: 20px
	}
	.msp360 {
		display: block;
		max-width: 550px;
		margin-left: auto;
		margin-right: auto
	}
	.elist {
		padding-left: 40px
	}
	.local {
		margin-left: 18px
	}
	.solutionheader {
		font-family: Roboto, sans-serif;
		color: #3f85d4;
		font-size: 22px;
		text-align: left
	}
	.email-card-header {
		font-size: 18px;
		font-family: Roboto;
		text-align: center;
		text-color: #fff
	}
	.email-card-height {
		height: 200px;
		border: 0;
		width: 100%
	}
	.consultation {
		font-family: Roboto;
		font-size: 28px;
		color: #fff;
		text-align: center;
		padding-top: 70px
	}
	.phishing-example {
		height: 380px;
		border: 0;
		width: 100%
	}
	.threats-example {
		height: 560px;
		border: 0;
		width: 100%
	}
	.it-security-options {
		height: 780px;
		border: 0;
		width: 100%
	}
	.card-header {
		font-size: 18px;
		font-family: Roboto;
		text-align: center;
		text-color: #fff
	}
	.data-protection-header {
		font-size: 27px;
		font-family: Roboto;
		text-color: #000
	}
	li {
		font-size: 16px;
		font-family: Roboto;
		list-style-position: outside;
		text-align: left
	}
	.card-header-text {
		font-size: 30px;
		font-family: Roboto, sans-serif;
		color: #3f85d4;
		font-weight: 500;
		text-align: center
	}
	.card-services {
		height: 420px;
		border: 0;
		width: 100%
	}
	.card-security-services {
		height: 420px;
		border: 0;
		width: 100%
	}
	.card-internet-services {
		height: 660px;
		border: 0;
		width: 100%
	}
	.card-upgrade-services {
		height: 280px;
		border: 0;
		width: 100%
	}
	.card-voip-services {
		height: 620px;
		border: 0;
		width: 100%
	}
	.card-header-coloured {
		background-color: #fff;
		color: #5f6063;
		font-size: 22px;
		font-family: Roboto, sans-serif;
		text-align: center;
		border: 0;
		padding-bottom: 0
	}
	.card-header-upgrade {
		background-color: #ededed;
		color: #5f6063;
		font-size: 22px;
		font-family: Roboto, sans-serif;
		text-align: center;
		border: 0;
		padding-bottom: 0
	}
	.privacy-title {
		color: #3f85d4;
		font-family: Roboto, sans-serif;
		font-size: 25px;
		font-weight: 600;
		text-align: left
	}
	.supportimage {
		padding-bottom: 20px;
		padding-top: 10px
	}
	.considerations {
		font-family: Roboto, sans-serif;
		font-size: 26px;
		font-weight: 400;
		color: #3f85d4
	}
	.web-design-image {
		padding-top: 15px;
		padding-bottom: 15px
	}
	.web-design-text {
		padding-top: 10px;
		font-family: Roboto, sans-serif;
		font-size: 25px;
		color: #3f85d4;
		text-align: left;
		text-decoration: none
	}
	.card-hosting-services {
		height: 410px;
		border: 0;
		width: 100%
	}
	.card-webhosting-services {
		height: 500px;
		border: 0;
		width: 100%
	}
	.domain-image {
		padding-top: 20px;
		padding-bottom: 40px
	}
	.relocation-image {
		padding-top: 15px;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px
	}
	.android-device {
		padding-bottom: 30px
	}
	.card-relocation-services {
		height: 840px;
		border: 0;
		width: 100%
	}
	.card-header-white {
		background-color: #fff;
		color: #8c8c8c;
		font-size: 22px;
		font-family: Roboto, sans-serif;
		text-align: center;
		border: 0;
		padding-bottom: 0
	}
	.card-header-grey {
		background-color: #f2f2f2;
		color: #8c8c8c;
		font-size: 22px;
		font-family: Roboto, sans-serif;
		text-align: center;
		border: 0;
		padding-bottom: 0
	}
	.card-header-internet {
		background-color: #fff;
		color: #3f85d4;
		font-size: 22px;
		font-family: Roboto, sans-serif;
		text-align: center;
		border: 0;
		padding-bottom: 0;
		padding-top: 20px
	}
	.news-image {
		padding-bottom: 40px
	}
	.newstitle {
		color: #484d54;
		font-size: 30px;
		font-family: Roboto, sans-serif;
		font-weight: 700
	}
	.news-page-image {
		padding-bottom: 30px;
		padding-top: 14px
	}
	.news-page-image-sucuri {
		padding-bottom: 30px;
		padding-top: 14px
	}
	.news-image-veritas {
		padding-bottom: 40px;
		padding-top: 4px
	}
	.sucuri-image {
		padding-bottom: 40px
	}
	.case-study-image {
		padding-bottom: 40px;
		padding-top: 4px
	}
	.csservices {
		font-family: Roboto, sans-serif;
		padding-left: 0;
		font-size: 15px
	}
	.ram {
		padding-bottom: 40px;
		padding-top: 4px
	}
	.vid {
		padding-top: 4px;
		padding-bottom: 40px
	}
	.vid-height {
		height: auto
	}
	.support-areas {
		color: #fff;
		font-size: 40px;
		font-weight: 700;
		font-family: Roboto, sans-serif
	}
	.card-header-blue {
		background-color: #656b70;
		color: #fff;
		font-size: 18px;
		font-family: Roboto, sans-serif;
		text-align: center;
		border: 0;
		padding-bottom: 0
	}
	.card-cyber-services {
		height: 520px;
		border: 0;
		width: 100%
	}
	.col-1-5 {
		width: 20%;
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px
	}
	.card-header-web {
		background-color: #fff;
		color: #8c8c8c;
		font-size: 17px;
		font-family: Roboto, sans-serif;
		text-align: left;
		border: 0;
		padding-bottom: 0;
		text-decoration: none;
		text-align: center
	}
	.wlist {
		margin-left: 24px
	}
}

@media(min-width:992px) and (max-width:1199.98px) {
	#Nav a {
		color: ivory;
		font-size: 16px;
		font-weight: 700;
		font-family: Roboto;
		text-decoration: none;
		background-color: transparent
	}
	h1 {
		color: #fff;
		text-shadow: 2px 2px 0 #2c2e38;
		font-family: Roboto, sans-serif;
		font-size: 50px;
		font-weight: 700;
		letter-spacing: .1em;
		left: 0;
		right: 0;
		text-align: center
	}
	h2 {
		color: #fff;
		font-size: 25px;
		font-family: Roboto, sans-serif;
		font-weight: 600;
		letter-spacing: .1em;
		left: 0;
		right: 0;
		text-align: center
	}
	h3 {
		color: #484d54;
		font-family: Roboto, sans-serif;
		font-size: 40px;
		font-weight: 900;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center
	}
	h4 {
		color: #484d54;
		font-family: Roboto, sans-serif;
		font-size: 35px;
		font-weight: 600;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
	}
	.case-study-header {
		color: #484d54;
		font-family: Roboto, sans-serif;
		font-size: 32px;
		font-weight: 600;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: left
	}
	.newsheader {
		color: #3f85d4;
		font-family: Roboto, sans-serif;
		font-size: 25px;
		font-weight: 600;
		text-align: left
	}
	.newsdate {
		color: #484d54;
		font-size: 25px;
		font-family: Roboto, sans-serif
	}
	.navbar-nav>li {
		margin-top: 0;
		font-size: 16px;
		display: inline-block;
		vertical-align: top
	}
	.navbar-dark {
		background-color: #262626
	}
	.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 750px;
		padding-bottom: 30px
	}
	.itcentered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 750px
	}
	.officeimage {
		width: 100%;
		height: 280px;
		margin-bottom: 20px;
		border: 1px solid #000
	}
	.antivirusimage {
		width: 100%;
		height: auto;
		margin-bottom: 20px;
		padding-left: 0;
		border: 1px solid #000
	}
	.telecomsimage {
		display: block;
		max-width: 700px;
		margin-left: auto;
		margin-right: auto;
		height: auto;
		margin-bottom: 20px
	}
	.securityoptions {
		margin-left: 18px;
		margin-bottom: 10px
	}
	.privacyoptions {
		margin-left: 4px;
		margin-bottom: 20px
	}
	.systemsoptions {
		margin-left: 2px;
		margin-bottom: 0
	}
	.infraoptions {
		margin-left: 16px;
		margin-bottom: 0
	}
	.ipad {
		width: 100%;
		padding-bottom: 20px
	}
	.newsimage {
		width: 100%
	}
	.items {
		margin-left: 2px;
		margin-bottom: 0
	}
	.msp360 {
		width: 100%;
		height: auto;
		margin-bottom: 20px
	}
	.aboutitems {
		margin-left: 0;
		margin-bottom: 20px
	}
	.elist {
		padding-left: 40px
	}
	.local {
		margin-left: 16px
	}
	.solutionheader {
		font-family: Roboto, sans-serif;
		color: #3f85d4;
		font-size: 22px;
		text-align: left
	}
	.service {
		font-family: Roboto;
		font-weight: 900
	}
	.email-card-header {
		font-size: 18px;
		font-family: Roboto;
		text-align: center;
		text-color: #fff
	}
	.email-card-height {
		height: 200px;
		border: 0;
		width: 100%
	}
	.consultation {
		font-family: Roboto;
		font-size: 28px;
		color: #fff;
		text-align: center;
		padding-top: 70px
	}
	.phishing-example {
		height: 380px;
		border: 0;
		width: 100%
	}
	.card-header {
		font-size: 18px;
		font-family: Roboto;
		text-align: center;
		text-color: #fff
	}
	.threats-example {
		height: 460px;
		border: 0;
		width: 100%
	}
	.it-security-options {
		height: 610px;
		border: 0;
		width: 100%
	}
	li {
		font-size: 16px;
		font-family: Roboto;
		list-style-position: outside;
		text-align: left
	}
	.data-protection-header {
		font-size: 27px;
		font-family: Roboto;
		text-color: #000
	}
	.card-header-text {
		font-size: 30px;
		font-family: Roboto, sans-serif;
		color: #3f85d4;
		font-weight: 500;
		text-align: center;
		padding-top: 10px
	}
	.card-services {
		height: 480px;
		border: 0;
		width: 100%
	}
	.card-security-services {
		height: 440px;
		border: 0;
		width: 100%
	}
	.phone {
		padding-bottom: 30px
	}
	.android-device {
		height: 330px;
		padding-bottom: 30px
	}
	.card-internet-services {
		height: 680px;
		border: 0;
		width: 100%
	}
	.card-upgrade-services {
		height: 330px;
		border: 0;
		width: 100%
	}
	.card-voip-services {
		height: 600px;
		border: 0;
		width: 100%
	}
	.card-relocation-services {
		height: 800px;
		border: 0;
		width: 100%
	}
	.card-header-coloured {
		background-color: #fff;
		color: #5f6063;
		font-size: 22px;
		font-family: Roboto, sans-serif;
		text-align: center;
		border: 0;
		padding-bottom: 0
	}
	.card-header-upgrade {
		background-color: #ededed;
		color: #5f6063;
		font-size: 22px;
		font-family: Roboto, sans-serif;
		text-align: center;
		border: 0;
		padding-bottom: 0
	}
	.privacy-title {
		color: #484d54;
		font-family: Roboto, sans-serif;
		font-size: 25px;
		font-weight: 600;
		text-align: left
	}
	.supportimage {
		padding-bottom: 20px;
		padding-top: 20px
	}
	.considerations {
		font-family: Roboto, sans-serif;
		font-size: 26px;
		font-weight: 400;
		color: #3f85d4
	}
	.web-design-image {
		padding-top: 15px;
		padding-bottom: 15px
	}
	.web-design-text {
		padding-top: 10px;
		font-family: Roboto, sans-serif;
		font-size: 25px;
		color: #3f85d4;
		text-align: left;
		text-decoration: none
	}
	.card-hosting-services {
		height: 500px;
		border: 0;
		width: 100%
	}
	.card-webhosting-services {
		height: 540px;
		border: 0;
		width: 100%
	}
	.card-header-white {
		background-color: #fff;
		color: #8c8c8c;
		font-size: 22px;
		font-family: Roboto, sans-serif;
		text-align: center;
		border: 0;
		padding-bottom: 0
	}
	.card-header-grey {
		background-color: #f2f2f2;
		color: #8c8c8c;
		font-size: 22px;
		font-family: Roboto, sans-serif;
		text-align: center;
		border: 0;
		padding-bottom: 0
	}
	.card-header-internet {
		background-color: #fff;
		color: #3f85d4;
		font-size: 22px;
		font-family: Roboto, sans-serif;
		text-align: center;
		border: 0;
		padding-bottom: 0;
		padding-top: 20px
	}
	.newstitle {
		color: #484d54;
		font-size: 27px;
		font-family: Roboto, sans-serif;
		font-weight: 700
	}
	.domain-image {
		padding-bottom: 20px
	}
	.relocation-image {
		padding-top: 15px;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px
	}
	.news-image {
		padding-top: 5px;
		padding-bottom: 40px
	}
	.sucuri-image {
		padding-top: 5px;
		padding-bottom: 40px
	}
	.news-page-image {
		padding-bottom: 40px;
		padding-top: 4px
	}
	.news-page-image-sucuri {
		padding-bottom: 40px;
		padding-top: 8px;
		height: 400px
	}
	.news-image-veritas {
		padding-bottom: 40px;
		padding-top: 8px;
		height: 420px
	}
	.case-study-image {
		padding-bottom: 40px;
		padding-top: 4px;
		height: 380px
	}
	.csservices {
		font-family: Roboto, sans-serif;
		padding-left: 0;
		font-size: 15px
	}
	.ram {
		padding-bottom: 40px;
		padding-top: 4px;
		height: 380px
	}
	.vid {
		padding-top: 4px;
		padding-bottom: 40px
	}
	.vid-height {
		height: 380px
	}
	.support-areas {
		color: #fff;
		font-size: 30px;
		font-weight: 700;
		font-family: Roboto, sans-serif
	}
	.card-header-blue {
		background-color: #656b70;
		color: #fff;
		font-size: 18px;
		font-family: Roboto, sans-serif;
		text-align: center;
		border: 0;
		padding-bottom: 0
	}
	.card-cyber-services {
		height: 520px;
		border: 0;
		width: 100%
	}
	.col-1-5 {
		width: 20%;
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px
	}
	.card-header-web {
		background-color: #fff;
		color: #8c8c8c;
		font-size: 17px;
		font-family: Roboto, sans-serif;
		text-align: left;
		border: 0;
		padding-bottom: 0;
		text-decoration: none;
		text-align: center
	}
	.wlist {
		margin-left: 24px
	}
}

@media(min-width:1200px) {
	#Nav a {
		color: ivory;
		font-size: 18px;
		font-weight: 700;
		font-family: Roboto;
		text-decoration: none;
		background-color: transparent
	}
	h1 {
		color: #fff;
		text-shadow: 2px 2px 0 #2c2e38;
		font-family: Roboto, sans-serif;
		font-size: 60px;
		font-weight: 600;
		letter-spacing: .1em;
		left: 0;
		right: 0;
		text-align: center
	}
	h2 {
		color: #fff;
		font-size: 30px;
		font-family: Roboto, sans-serif;
		font-weight: 600;
		letter-spacing: .1em;
		left: 0;
		right: 0;
		text-align: center
	}
	h3 {
		color: #484d54;
		font-family: Roboto, sans-serif;
		font-size: 40px;
		font-weight: 900;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center
	}
	h4 {
		color: #484d54;
		font-family: Roboto, sans-serif;
		font-size: 35px;
		font-weight: 600;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center
	}
	h5 {
		color: #484d54;
		font-family: Roboto, sans-serif;
		font-size: 15px;
		font-weight: 600;
		padding-top: 0;
		padding-bottom: 0;
		text-align: left
	}
	.case-study-header {
		color: #484d54;
		font-family: Roboto, sans-serif;
		font-size: 35px;
		font-weight: 600;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: left
	}
	.newsheader {
		color: #3f85d4;
		font-family: Roboto, sans-serif;
		font-size: 25px;
		font-weight: 600;
		text-align: left
	}
	.newsdate {
		color: #484d54;
		font-size: 25px;
		font-family: Roboto, sans-serif
	}
	.newstitle {
		color: #484d54;
		font-size: 30px;
		font-family: Roboto, sans-serif;
		font-weight: 700
	}
	.contactbutton {
		margin-left: 0
	}
	.fa-uls {
		margin-left: 50px;
		padding-left: 20px
	}
	.elist {
		margin-left: 20px
	}
	.wlist {
		margin-left: 24px
	}
	.local {
		margin-left: 20px
	}
	.typewriters h1 {
		text-align: center
	}
	.typewriters h2 {
		text-align: center
	}
	.ipad {
		width: 100%;
		height: 450px;
		padding-bottom: 20px
	}
	.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 750px
	}
	.securityoptions {
		margin-left: 18px;
		margin-bottom: 10px
	}
	.privacyoptions {
		margin-left: 18px;
		margin-bottom: 20px
	}
	.systemsoptions {
		margin-left: 18px;
		margin-bottom: 0
	}
	.msp360 {
		width: 100%;
		height: auto;
		margin-bottom: 20px
	}
	.newsimage {
		width: 100%;
		padding-bottom: 20px
	}
	.aboutitems {
		margin-left: 0;
		margin-bottom: 20px
	}
	.infraoptions {
		margin-left: 18px;
		margin-bottom: 0
	}
	.bbandoptions {
		margin-left: 18px;
		margin-bottom: 0
	}
	.items {
		margin-left: 18px;
		margin-bottom: 0
	}
	.solutionheader {
		font-family: Roboto, sans-serif;
		color: #3f85d4;
		font-size: 22px;
		text-align: left
	}
	.email-card-header {
		font-size: 20px;
		font-family: Roboto;
		text-align: center;
		text-color: #fff
	}
	.email-card-height {
		height: 200px;
		border: 0;
		width: 100%
	}
	.consultation {
		font-family: Roboto;
		font-size: 32px;
		color: #fff;
		text-align: center;
		padding-top: 70px
	}
	.phishing-example {
		height: 380px;
		border: 0;
		width: 100%
	}
	.threats-example {
		height: 400px;
		border: 0;
		width: 100%
	}
	.it-security-options {
		height: 720px;
		border: 0;
		width: 100%
	}
	.card-header {
		font-size: 20px;
		font-family: Roboto;
		text-align: center;
		text-color: #fff
	}
	.data-protection-header {
		font-size: 27px;
		font-family: Roboto;
		text-color: #000
	}
	.telecomsimage {
		display: block;
		max-width: 700px;
		margin-left: auto;
		margin-right: auto;
		height: auto;
		margin-bottom: 20px
	}
	.card-header-text {
		font-size: 30px;
		font-family: Roboto, sans-serif;
		color: #3f85d4;
		font-weight: 500;
		text-align: center;
		padding-top: 10px;
		background-color: #fff
	}
	.card-services {
		height: 450px;
		border: 0;
		width: 100%
	}
	.card-cyber-services {
		height: 450px;
		border: 0;
		width: 100%
	}
	.card-security-services {
		height: 390px;
		border: 0;
		width: 100%
	}
	.card-upgrade-services {
		height: 300px;
		border: 0;
		width: 100%
	}
	.card-case-studies {
		height: 620px;
		border: 0;
		width: 100%
	}
	.card-internet-services {
		height: 650px;
		border: 0;
		width: 100%
	}
	.card-voip-services {
		height: 570px;
		border: 0;
		width: 100%
	}
	.card-relocation-services {
		height: 750px;
		border: 0;
		width: 100%
	}
	.card-casestudy1-services {
		height: 450px;
		border: 0;
		width: 100%
	}
	.phone {
		padding-top: 0;
		padding-bottom: 30px
	}
	.privacy-title {
		color: #484d54;
		font-family: Roboto, sans-serif;
		font-size: 25px;
		font-weight: 600;
		text-align: left
	}
	.considerationss {
		font-family: Roboto, sans-serif;
		font-size: 24px;
		font-weight: 400;
		color: #3f85d4;
		text-align: center;
		padding-top: 20px
	}
	.supportimage {
		padding-bottom: 20px;
		padding-top: 20px
	}
	.web-design-text {
		padding-top: 10px;
		font-family: Roboto, sans-serif;
		font-size: 25px;
		color: #3f85d4;
		text-align: left;
		text-decoration: none
	}
	.web-design-image {
		padding-top: 15px;
		padding-bottom: 15px
	}
	.card-hosting-services {
		height: 470px;
		border: 0;
		width: 100%
	}
	.card-webhosting-services {
		height: 470px;
		border: 0;
		width: 100%
	}
	.card-header-coloured {
		background-color: #fff;
		color: #8c8c8c;
		font-size: 22px;
		font-family: Roboto, sans-serif;
		text-align: center;
		border: 0;
		padding-bottom: 0
	}
	.card-header-upgrade {
		background-color: #ededed;
		color: #8c8c8c;
		font-size: 22px;
		font-family: Roboto, sans-serif;
		text-align: center;
		border: 0;
		padding-bottom: 0
	}
	.card-header-web {
		background-color: #fff;
		color: #8c8c8c;
		font-size: 17px;
		font-family: Roboto, sans-serif;
		text-align: left;
		border: 0;
		padding-bottom: 0;
		text-decoration: none;
		text-align: center
	}
	.card-header-white {
		background-color: #fff;
		color: #8c8c8c;
		font-size: 22px;
		font-family: Roboto, sans-serif;
		text-align: center;
		border: 0;
		padding-bottom: 0
	}
	.card-header-grey {
		background-color: #f2f2f2;
		color: #8c8c8c;
		font-size: 22px;
		font-family: Roboto, sans-serif;
		text-align: center;
		border: 0;
		padding-bottom: 0
	}
	.card-header-blue {
		background-color: #656b70;
		color: #fff;
		font-size: 22px;
		font-family: Roboto, sans-serif;
		text-align: center;
		border: 0;
		padding-bottom: 0
	}
	.domain-image {
		padding-bottom: 20px
	}
	.card-header-internet {
		background-color: #fff;
		color: #3f85d4;
		font-size: 22px;
		font-family: Roboto, sans-serif;
		text-align: center;
		border: 0;
		padding-bottom: 0;
		padding-top: 20px
	}
	.android-device {
		padding-bottom: 30px
	}
	.relocation-image {
		padding-bottom: 0;
		padding-top: 15px;
		padding-left: 15px;
		padding-right: 15px
	}
	.news-home-page-image {
		width: 100%;
		padding-bottom: 60px
	}
	.news-image {
		padding-bottom: 40px;
		padding-top: 4px
	}
	.ram {
		padding-bottom: 40px;
		padding-top: 4px
	}
	.news-image-veritas {
		padding-bottom: 40px;
		padding-top: 8px;
		height: 500px
	}
	.news-page-image {
		padding-bottom: 40px;
		padding-top: 2px
	}
	.news-page-image-sucuri {
		padding-bottom: 40px;
		padding-top: 8px
	}
	.sucuri-image {
		padding-top: 6px;
		padding-bottom: 40px
	}
	.case-study-title {
		color: #484d54;
		font-family: Roboto, sans-serif;
		font-size: 22px;
		font-weight: 600;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: left
	}
	.case-study-image {
		padding-bottom: 40px;
		padding-top: 4px;
		height: 400px
	}
	.card-text {
		padding-left: 0;
		padding-right: 0;
		font-family: Roboto;
		padding-bottom: 0;
		padding-top: 0;
		color: #000;
		list-style-type: none
	}
	.csservices {
		font-family: Roboto, sans-serif;
		padding-left: 0;
		font-size: 16px
	}
	.sheader {
		font-size: 20px;
		font-family: Roboto;
		text-align: center;
		text-color: #fff;
		background-color: #fff;
		color: #8c8c8c;
		padding-bottom: 0;
		border: 0
	}
	.vid {
		padding-top: 4px;
		padding-bottom: 40px
	}
	.vid-height {
		height: 320px
	}
	.support-areas {
		color: #fff;
		font-size: 30px;
		font-weight: 700;
		font-family: Roboto, sans-serif
	}
	.cyber-image {
		padding-top: 20px;
		padding-bottom: 30px;
		max-width: 100% height:auto
	}
	.cyber-offset {
		padding-top: 18px
	}
	.title-text{
        display:inline-block;
        font-size:20px;
        font-weight:600;
        font-family:Roboto,sans-serif;
        color:#3763ad;
        margin-bottom:0px;
	padding-bottom:0px;
    }
	li {
		font-size: 16px;
		font-family: Roboto;
		list-style-position: outside;
		text-align: left
	}
	.col-1-5 {
		width: 20%;
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px
	}
}