<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.web-usability {
	background:#f0f0f0;
	display: block;
	width:100%;
	margin:0;
	text-align:center;
	border-bottom:solid 1px #c5cccc;
	-o-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.13);
	-icab-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.13);
	-khtml-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.13);
	-moz-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.13);
	-webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.13);
	box-shadow:0 0px 15px rgba(0, 0, 0, 0.13);
}
.disclamerNew {
	border:none;
	font-size:14px;
	padding:5px 0px 0;
	text-align: left;
	color:#A5A5A5;
	vertical-align:top;
	height:auto;
	text-align:center;
}
.p-website-usability-analysis {
	background: url("../../img2/top-shadow.png") no-repeat center top;
	clear: both;
	display: block;
	margin:0;
	padding: 23px 0 0;
	position: relative;
}
.p-website-usability-analysis h1 {
	
	margin:0 0 0px 0;
	padding:0 0 15px 0;
	color:#000000;
	font-size:40px;
	text-align:center;
	line-height:normal;
}
.p-website-usability-analysis h2 {
	
	margin:0 0 0px 0;
	padding:0 0 15px 0;
	color:#000000;
	font-size:40px;
	text-align:center;
	line-height:normal;
}
.p-website-usability-analysis h3 {
	
	margin:10px 0 0px 0;
	padding:0 0 15px 0;
	color:#000000;
	font-size:30px;
	text-align:center;
	line-height:normal;
}

.p-website-usability-analysis h4 {
	
	margin:10px 0 0px 0;
	padding:0 0 15px 0;
	color:#000000;
	font-size:24px;
	text-align:center;
	line-height:normal;
}


.p-website-usability-analysis p {
	font-size:16px;
	color:#545454;
	text-align:center;
}
.dz-dia {
	background:url(../../img2/bg-pattern-dz.png) repeat 0 0;
	border-radius:3px;
	padding:20px 0;
	margin:35px 0 0 0;
}
.dz-dia h3 {
	color:#fff;
	font-size:30px;
	text-align:center;
	padding:25px 0;
}
.dz-dia img {
	max-width:100%;
	margin:0 auto;
}
.img-detail {
	display:block;
	max-width:630px;
	margin: 0 auto;
	padding:0 10px 0 10px;
}
.img-detail li {
	display:inline-block;
	width:100%;
	padding:5px 0;
}
.img-detail li p {
	color:#fff;
	font-size:15px;
	padding:0 0 0 25px;
	text-align:left;
}
.img-detail li span {
	float:left;
	font-size:20px;
	font-weight: 800;
	color:#ffc500;
	padding:0;
}
.screenshots-pattern {
	background-image:url(../../img2/caseBg.png);
	background-repeat:repeat;
	margin:35px 0 0px;
	padding:20px;
	border-radius:4px;
	position:relative;
}
.screenshots-pattern .pro-1 {
	/* background:url(../../img2/cu-1.png) no-repeat top center; */
	margin:0 auto;
}
.screenshots-pattern img {
	max-width:100%;
}
.screenshots-pattern .pro-1 .normal {
}
.screenshots-pattern .pro-1 .mob {
	display:none;
}
.screenshots-pattern span {
	display:inline-block;
	background:#FFDB34 url(../../img2/blue-corner.png) right bottom no-repeat;
	border-radius:5px;
	position:absolute;
	width:250px;
	box-shadow: 0 0 9px -5px #000000;
	color: #2B2321;
	font-family: 'helveticaneuecyrmedium';
	font-size: 13px;
	padding: 12px;
	position: absolute;
	text-align: left;
	line-height:18px;
}
.screenshots-pattern span.left:before, .screenshots-pattern span.right:before, .screenshots-pattern span.top:before, .screenshots-pattern span.bottom:before {
	background:url(../../img2/arrow-bubble.png) no-repeat;
	content:"";
	position:absolute;
}
.screenshots-pattern span.left:before {
	background-position: 0 -40px;
	width:18px;
	height:20px;
	left:-13px;
}
.screenshots-pattern span.right:before {
	background-position: right -40px;
	width:18px;
	height:20px;
	right:-13px;
}
.screenshots-pattern span.top:before {
	background-position: -40px top;
	height:18px;
	width:20px;
	top:-13px;
}
.screenshots-pattern span.bottom:before {
	background-position: -40px bottom;
	height:18px;
	width:20px;
	bottom:-13px;
}
.screenshots-pattern span em {
	background:#7fc241;
	color:#fff;
	float:left;
	height:30px;
	width:30px;
	border-radius:50%;
	margin:0 10px 0 0;
	font-style: normal;
	font-weight: 700;
	padding:0;
	font-style:normal;
	line-height:30px;
	text-align:center;
	font-size:18px;
	display:none;
}
.screenshots-pattern span.po-1 {
	left:45px;
	top:45px;
}
.screenshots-pattern span.po-2 {
	right:115px;
	top:45px;
}
.screenshots-pattern span.po-3 {
	right:115px;
	top:170px;
}
.screenshots-pattern span.po-4 {
	left:45px;
	top:300px;
}
.screenshots-pattern span.po-5 {
	left:45px;
	top:125px;
}
.screenshots-pattern span.po-6 {
	right:115px;
	top:45px;
}
.screenshots-pattern span.po-7 {
	left:45px;
	top:300px;
}
.screenshots-pattern span.po-8 {
	right:80px;
	top:270px;
}
.screenshots-pattern span.po-9 {
	left:20px;
	top:80px;
}
.screenshots-pattern span.po-10 {
	right:300px;
	top:5px;
}
.screenshots-pattern span.po-11 {
	right:20px;
	top:105px;
}
ul.cu-listing {
	display:inline-block;
	margin:0;
	padding:0;
}
ul.cu-listing li {
	display:block;
	background:url(../../img2/green-round-b1.png) no-repeat left 8px;
	font-family: 'helveticaneuecyrmedium';
	font-size:22px;
	color:#0c5b88;
	line-height:25px;
	padding:6px 0 6px 35px;
	margin:0;
	text-align:left;
}
.demoscreen {
	margin:20px auto;
	text-align: center;
}
.mobile-off {
	display:block;
}
.desktop-off {
	display:none;
}
 @media screen and (max-width: 800px) {
 .mobile-off {
display: none;
}
.desktop-off {
display: block;
}
.web-usability img {
 display:block;
 max-width:100%;
}
.screenshots-pattern .pro-1 .normal {
display:none;
}
.screenshots-pattern .pro-1 .mob {
display:inline-block;
}
.screenshots-pattern span.po-1, .screenshots-pattern span.po-2, .screenshots-pattern span.po-3, .screenshots-pattern span.po-4 {
 position:relative;
 left:inherit;
 top:inherit;
 display:block;
 right:inherit;
 width:inherit;
 margin-top:5px;
}
.screenshots-pattern span.left:before, .screenshots-pattern span.right:before, .screenshots-pattern span.top:before, .screenshots-pattern span.bottom:before {
 display:none;
}
.screenshots-pattern .pro-1 {
 background:url(../../img2/cu-1-mob.png) no-repeat 0 0;
 width:100%;
 background-size:100%;
}
.screenshots-pattern span {
 position:relative;
 left:inherit!important;
 top:inherit!important;
 display:block;
 right:inherit;
 width:inherit;
 margin-top:5px;
 right:inherit!important;
 bottom:inherit!important;
}
.screenshots-pattern span em {
 display:inline-block;
}
}
 @media only screen and (min-width : 801px) and (max-width : 1024px) {
}
</pre></body></html>