@charset "utf-8";
/* CSS Document */

body{ color:#333; margin:0; padding:0; background:white;font-family: 'Nunito Sans', sans-serif; overflow-x: hidden;}

.wrapper{width:100%; margin:0 ; padding:0; float:left;}
.content{width:920px; margin:0 auto; padding:0;}

.header{ float:left; border-bottom: 1px solid #c2c2c2; padding:10px 0; margin:0 0 20px 0; width:920px;}
.client{ font-size:18px; float:left; text-transform:uppercase;}
.pb-logo{ float:right; padding:30px 0 0 0; margin:0;}
.pb-logo img { width: 265px;}

.links{}
.links ul{ margin:0; padding:0; list-style:none; float:none; width:100%;}
.links ul li.heading{ font-weight: 600; font-size:20px; padding:15px 25px; width:870px; background-color:#173560; color:#ffffff;}
.links li{ width:100%; display:block; clear:both;}
.links ul li a{ font-weight:600; font-size:18px; color:#000; display:block; text-decoration:none; padding:15px 40px; border-bottom:1px solid #f5f5f5; }
.links ul li a:hover{ font-weight:600; background-color:#f5f5f5;}
.links ul li ul{}
.links ul li ul li a{ font-weight:600; font-size:16px; color:#000; display:block; text-decoration:none; padding:15px 90px; border-bottom:1px solid #f5f5f5;}
.links li a i {
	padding-right: 10px;
	font-size: 13px;
}
.links li.heading i {
	font-size:20px;
	padding-right: 10px;
}

.blue {color:#26a0da;}
.green {color:#a6ce39;}
.red {color: #ed1c24;}
.yellow {color:#ffcb08;}

.design{margin:0; padding:0; width:100%; text-align:center; width: 100vw; overflow-x: hidden;}

.static-header{ position:fixed;}

.device-display{
	display:block;
	text-align:center;
	width:100%;
}


.img-fit{
	position: relative;
	object-fit: contain;
	object-position: center;
	width: 100%
}

.device-display a{
	font-size:10px;
	color:#333;
	text-decoration:none;
	width:100%;
	padding:0 0 20px 0;
	display:block;
}

.device-display img{
	width:900px;
	height:auto;
}

.device-display-page{
	width:100%;
	text-align:center;
	display:block;
	background:#fff;
	padding:0;
}
.client-logo {
	height: 70px;
	padding: 5px 0px;
}