@charset "UTF-8";

html{
	height: 100%;
	min-height: 100%;
	position:  relative;
	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	width: 100%;
	margin: 0px;
	padding: 0px;
	color: #696969;
}

body{
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}


a, a:visited{
	color: #1c85c7;
}

img{
	border: 0px;
}

html.blog code{
	border-radius: 4px;
}

html.blog pre{
  font-weight: bold;
  white-space: pre-wrap;     
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

html.blog p.obvious{
	color: #000000;
	border: 1px solid #7b7979;
	border-radius: 10px;
	font-size: 150%;
	padding: 10px;
	margin: 10px auto;
	background-color: #f0f0f0;
}

.footer{
	padding: 10px 4% 30px 4%;
}

.footer-inside{
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.footer-copyright{
}

.footer-linux{
	font-size: 90%;
	padding-bottom: 10px;
}

.footer-social{
	text-align: right;
}

.header-list{
	border-bottom: 2px solid #FFFFFF;
	padding: 0px;
	margin: 0px;
}

html.contact li.contact, html.services li.services, html.blog li.blog, html.home li.home{
	border-bottom: 2px solid #1c85c7;
}

html.services .mobilenumber{
	display: none;
}

.header-container{
	padding-top: 16px;
}

.header-container .header{
	padding: 0px 4%;
}

.header-container .header, .header tbody, .header tr{
	width: 100%;
}

.header-inside{
	width: 100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

.header-container .header-list{
	float: right;
	padding-right: 2%;
}

.header-list li a{
	text-decoration: none;
	color: #000000;
	display: inline-block;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}

.header-list li{
	display: inline-block;
	font-weight: bold;
	padding: 0px;
}

table.header > tbody > tr > td,
table.header > tr > td,
table.header-and-footer > tbody > tr > td,
table.header-and-footer > tr > td,
table.title-and-items > tbody > tr > td,
table.title-and-items > tr > td,
table.front-page-banner-container > tbody > tr > td,
table.front-page-banner-container > tr > td
{
	padding: 0px;
}

.front-page-banner-container > tbody, table.header-and-footer > tbody
{
	height: 100%;
}

.front-page-banner-row{
	height: 70%;
}

table.header-and-footer tr.top{
	height: 80%;
}

.title-and-items{
	width: 100%;
}

.above-banner-space{
	height: 30%;
}

.front-page-banner-container{
	height: 75%;
	width: 100%;
}
.front-page-banner-container > tbody, .front-page-banner-container > tbody > tr{
	width: 100%;
}

.front-page-banner{
	padding: 0px 3%;
	background-color: #1c85c7;
	height: 100%;
	vertical-align: middle;
	display: table-cell;
}

.front-page-title, .front-page-items{
	color: #FFFFFF;
}
.front-page-items{
	margin: 0px;
	font-size: 130%;
}

.front-page-title-space{
	width: 5%;
}

.front-page-title{
	font-size: 360%;
	line-height: 80%;
	margin: 0px;
}


.related-articles-inside{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 1200px;
}

.related-articles-inside img{
	cursor: pointer;
}

.related-articles{
	margin-top: 30px;
	padding: 10px 4%;
	background-color: #1c85c7;
	color: #FFFFFF;
}

html.general .general-page-content{
	width: 100%;
	padding: 10px 4%;
}

html.general .general-content-inside{
	width: 100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

html.general h1{
	color: #1c85c7;
}

html.services .above-banner-space td{
	width: 100%;
	padding: 0px 4%;
}

html.home .front-page-banner, html.services .front-page-banner{
	width: 92%;
	padding: 10px 4%;
}

html.home .title-and-items, html.services .title-and-items{
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

html.services .help-4-steps-container{
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

.related-articles h4{
	margin: 0px;
	padding-bottom: 10px;
}

.related-articles h4, .related-articles a{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

.related-articles a:hover{
	text-decoration: underline;
}

.blog-article{
	padding: 10px 4%;
}

.blog-article-inside{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 1200px;
}

.blog-article h2.date{
	float: right;
	font-weight: normal;
}

.blog-article h1.title a{
	color: #1c85c7;
}

.blog-article h1{
	font-size: 140%;
}

.blog-article h2, .blog-article h3, .blog-article h4{
	font-size: 100%;
}

.blink {
  -webkit-animation: blink 1s step-end infinite;
  -moz-animation: blink 1s step-end infinite
  -o-animation: blink 1s step-end infinite;
  animation: blink 1s step-end infinite
}

.show-annoying{
	padding: 0px 5px;
	border-radius: 6px;
	font-weight: bold;
	color: #000000;
	border-style: outset;
	border-width: 2px solid #000000;
	font-size: 16px;
	font-weight: bold;
	float: right;
	margin-top: 2px;
}

.new-blog-posts{
	top: 0%;
	left: 50%;
	position: fixed;
	display: none;
	width: 60%;
	height: 80%;
	margin-top: 30px;
	margin-left: -30%;
	z-index: 20;
	border-radius: 6px;
	text-align: center;
}

.background-filter{
	display: none;
	top: 0px;
	left: 0px;
	position: absolute;
	width: 100%;
	height: 100%;
}

.recent-article-divider:after{
	content: "\00a0\00a0\00a0\00a0\00a0\00a0";
}

.recent-articles-list{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.recent-articles-list li{
	display: inline;
}

.footer-list{
	list-style: none;
}

.header-and-footer{
	width: 100%;
	height: 100%;
}

html.blog table.header-and-footer, html.blog table.header-and-footer > tbody, html.blog table.header-and-footer > tr, html.blog table.header-and-footer > tbody > tr, html.blog table.header-and-footer > tr > td, html.blog table.header-and-footer > tbody > tr > td  {
	margin: auto;
	width: 100%;
	max-width: 100%;
	display: block;
}


html.blog table.article-banner-container, html.blog table.article-banner-container > tbody, html.blog table.article-banner-container > tr, html.blog table.article-banner-container > tbody > tr, html.blog table.article-banner-container > tr > td, html.blog table.article-banner-container > tbody > tr > td  {
	margin: auto;
	width: 100%;
	max-width: 100%;
	display: block;
}

.step-image-mobile{
	display: none;
}

.services .step-image, .services .explanation{
	width: 20.25%
}


.services .steps > tbody, .services .steps > tbody > tr{
	width: 100%;
}

.services .steps > tbody > tr > td.one-step-container{
	width: 22%;
	text-align: center;
}

.services .betweenpadding{
	width: 4%;
}

.services .steps td h1, .services .steps td h2, .services .steps td p{
	color: #FFFFFF;
	margin: 0px
}
.services .steps td h1{
	font-size: 300%;
}

.services .steps td h2{
	font-size: 130%;
}

.services .steps td h2, .services .steps td p{
	text-align: left;
}

.services .steps .number-padding{
	width: 3%;
	padding-right: 5px;
}

.services .steps .inbetween-padding{
	width: 3%;
}

.services .steps td img{
	max-height: 100%;
	max-width: 100%;
}

.services .above-banner-space h1{
	color: #1c85c7;
	margin: 0px;
	padding-bottom: 20px;
}

.keepintouch, .keepintouch > tbody, .keepintouch > tbody > tr{
	width: 100%;
	text-align: center;
}

.keepintouch > tbody > tr > td{
	width: 33%;
}

.all-articles-list li{
	padding: 3px;
}
 
@-webkit-keyframes blink {
  67% { opacity: 0 }
}
 
@-moz-keyframes blink {
  67% { opacity: 0 }
}
 
@-o-keyframes blink {
  67% { opacity: 0 }
}
 
@keyframes blink {
  67% { opacity: 0 }
}


.mobile-header-container{
	display: none;
}


@media screen and (max-width: 650px) {
	.related-articles{
		margin-top: 10px;
	}

	.blog-article-inside{
		max-width: 100%;
	}
	.services .step-image, .services .explanation{
		width: 100%;
		text-align: center;
	}

	.step-image-mobile{
		display: inline;
	}

	.step-image img{
		display: none;
	}

	.above-banner-space{
		height: 0px;
	}

	.services .steps td h2{
		font-size: 160%;
	}

	.services .nonmobilenumber{
		display: none;
	}

	html.services .mobilenumber{
		display: inline-block;
	}

	.recent-articles-list {
		font-size: 70%;
	}
	.recent-article-divider:after{
		content: "";
	}

	html.blog .recent-articles-list li{
		display: block;
		padding-bottom: 1%;
	}

	.services .steps td h1, .services .steps td h2{
		text-align: left;
	}

	.services .steps > tbody > tr .one-step{
		width: 100%;
	}

	.services .steps > tbody > tr > td.one-step-container{
		width: 100%;
	}

	.services .betweenpadding{
		width: 0%;
	}

	.services .above-banner-space h1{
		display: none;
	}

	.title-and-items-padding{
		height: 4%;
	}
	.front-page-title-container{
		text-align: center;
		font-size: 30%;
	}
	.front-page-title-container h1{
		text-decoration: underline;
		padding-bottom: 20px;
	}

	.title-and-items td{
		display: block;
	}

	.header-container{
		display: none;
	}
	.mobile-header-container{
		display: block;
	}
	.mobile-header-container .header, .mobile-header-container .header-list{
		width: 100%;
	}
	.mobile-header-container .header-list{
		text-align: center;
	}
	.mobile-header-container .header-list li{
		width: 23%;
		padding: 0px;
	}
	.mobile-header-container .header-list li a{
		padding-left: 0px;
		padding-right: 0px;
		line-height: 200%;
	}
	.mobile-header-container .home-link{
		display: block;
		width: 98%;
		padding-top: 5px;
		margin: auto;
	}
	.mobile-header-container .home-link img{
		width: 100%;
	}

	.keepintouch > tbody > tr > td{
		padding: 2% 0px;
		width: 100%;
		text-align: center;
		display: block;
	}
	.header-and-footer{
		padding-top: 20px;
	}
}