/**
 *
 * __      _____  ___  ___ ___  __  __     ___ ___ ___ 
 * \ \    / / _ \| _ )/ __/ _ \|  \/  |   / __/ __/ __|
 *  \ \/\/ / (_) | _ \ (_| (_) | |\/| |  | (__\__ \__ \
 *   \_/\_/ \___/|___/\___\___/|_|  |_|   \___|___/___/
 *                        2018 WOBCOM hosting solution
 */

html {
  position: relative;
  min-height: 100%;
}

body {
	background: #e7e8ea;
	font-family: "ITC Conduit W01",sans-serif;
	font-size: 16px;
	margin: 0 0 60px 0;
}


/* Main Link Control */

a,
a:link, 
a:visited { 
	color: #813060; 
	text-decoration: none; 
	transition: color 1000ms ease-out; 
}
a.active { 
	color:#303ec8;
	transition: color 1000ms ease-out; 
}
a:hover, 
a:focus { 
	color:#303ec8;transition: 
	color 100ms ease-in; 
}


/* header & navbar */

.navbar { padding: 0; text-align: right; border-bottom: 4px solid #d8d8d8; }
.bg-light { background-color: #FFF !important; }
.navbar-brand { padding: 0; margin-right: 0; }
.navbar-brand img {
	max-height: 60px;
}

.nav-backlink {
	margin: 0 0 0 15px;
}


/* footer */
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #FFF;
	border-top: 4px solid #d8d8d8;
}


/* Content */

.container {
	padding: 20px;
}

.row:last-of-type {
	margin-bottom: 50px;
}

.sales-image img {
	max-width: 258px;
	float: left;
	margin: 0 34px 7px 0;
}

.box-content ul.listing {
	margin: 0 0 20px 320px;
}

/* Box layouts */

.box {
	border: 1px solid #d8d8d8;
	margin-bottom: 15px;
	padding: 0;
	background: #FFF;
}

.box .left {
	margin-right: 5px;
}

.box .right {
	margin-right: 5px;
}

.box-content {
	padding: 14px 14px 7px;
}

.box-content ul {
	margin: 0 0 0 40px;
	padding: 0;
}

.box-header {
	color: #FFF;
	background: #813060;
	padding: 7px 14px;
	font-family: "ITC Conduit W01",sans-serif;
}

.box .divider {
	border-top: 1px solid #d8d8d8;
	padding-top: 15px;
}

/* Tests Layout */

iframe {
  border: 1px solid #bebebe;
}

ul.links {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #ddd;
    text-align: center;
}

.links > li {
    display: inline-block;
    float: left;
    vertical-align: top;
    width: 33.33%;
    margin-top: 15px;
}

.links > li > a:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto 5px;
    background-repeat: no-repeat;
    background-size: 32px 32px;
}

.links > li > a {
    display: inline-block;
    margin: 0;
    cursor: pointer;
    text-align: center;
    vertical-align: top;
}

.fastcgi:before { background-image: url(../img/test/fastcgi.png); }
.python:before { background-image: url(../img/test/python.png); }
.php:before { background-image: url(../img/test/php.png); }
.perl:before { background-image: url(../img/test/perl.png); }
.ssi:before { background-image: url(../img/test/ssi.png); }

.fb:before { background-image: url(../img/social/facebook.png); }
.yt:before { background-image: url(../img/social/youtube.png); }
.tw:before { background-image: url(../img/social/twitter.png); }
.gp:before { background-image: url(../img/social/gplus.png); }
.xi:before { background-image: url(../img/social/xing.png); }
.ln:before { background-image: url(../img/social/linkedin.png); }
.ig:before { background-image: url(../img/social/instagram.png); }

/**
 * Media Queries
 */

@media (max-width: 575.98px) {
	.sales-image img { max-width: 100%; }
	h4 { margin: 72% 0 25px 0; }
}

@media (max-width: 767.98px) {
	.box-content ul.listing { margin: 0 0 20px 20px; }
	.box { float: none; }
}

@media (max-width: 1199.98px) {
	.subheadline { content: ' '; display: block; margin-top: 30px;  }
	
}