/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 16px; line-height: 1.231; }

#container {
 
}

body, button, input, select, textarea { font-family:'myriad-pro', sans-serif; font-weight: 400; color: #494949;font-family:Arial, Helvetica, sans-serif; background:#f5f5f5; }
::-moz-selection { background: #D1ECFF; text-shadow: none; }
::selection { background: #D1ECFF; text-shadow: none; }
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
a { color: #666; text-decoration: none;}
a:hover { color: #1195bd; text-decoration: underline;}
	nav#primary a, nav.children a { display:block}
	nav#primary a:hover, nav.children a:hover {text-decoration: none; color:#70B33C;}
	nav#primary a:hover span { color: #56a0b6;}
	
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading p, .wf-loading li {
	visibility: hidden;
}
.wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active p, .wf-active li {
	visibility: visible;
}
.wf-loading {
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size:.6em;
}

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr {
	display: block;
	border: 0;
	margin: 60px 0 20px 0x;
	padding: 0;
	border:1px solid #ccc;
	clear: both;
}

	.excerpt hr {margin: -23px 0 -39px -135px}

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }
h1 small, h2 small, h3 small { font-size: 60%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
body#home {  }
body#home article p.headline {
	margin-top:10px;
	line-height:1em;
	font-size:2.2em;
}
#home { background:#f5f5f5;}
body#home article h1 {
	font-size:1.2em;
	line-height:0;
	margin-top:0px
}
body#home h1, article p.headline, h2, body.blog h1 {
	text-align: center;
	font-weight: 500;
	letter-spacing: -1px;
	color:#494949;
}
article p.headline, body.blog h1 {
	font-size:2.3em;
	line-height: 1em;
	margin:50px 0 15px 0;
}

 

h2 { color: #2c2c2c;
	font-size:2em;
	margin:20px 0 20px 0;
}
	article h2 {
		clear:both;
		margin-top: 20px; text-align:left; line-height:1.2em;
	}
h3 {
	margin-bottom:0px;
	color:#2c2c2c;
	font-weight:600;
	font-size:1.2em;
}
	h3 span {
		font-weight:300;
	}
	article h4 {
		margin-bottom:0;
	}
p {
	margin-top:5px;
	margin-bottom:20px;
}
blockquote {
	border: 1px solid #E6E6E6; border-radius:8px;
	background: white url(../new-images/quote-mark.png) no-repeat 8px 5px;
	margin: 20px 4px 20px 4px;
	padding: 35px 15px 15px 35px;
	line-height: 1.8em;
	font-size: 1.1em;
	font-weight: 300;
	font-style: italic;
	
}
div.quote {
	clear:both;
}

div.quote-tucked-top {
	background:url(../new-images/quote-box-top.png) no-repeat 0 0; width:388px; height:24px; margin-left: -50px;
}
div.quote-tucked-box {
	background: url(../new-images/quote-box-repeat.png) repeat-y 0 0; width: 388px; margin-left: -50px; 
}
.quote-tucked-box p {
	margin:0;
}
div.quote-tucked-box span {
	background: url(../new-images/quote-box-mark.jpg) no-repeat 26px 0;
	display: block;
	padding-right: 20px;
	padding-top: 24px;
	color: #717171;
	font-size: 1.1em;
	line-height: 1.7em;
	padding-left: 50px;
}
div.quote-tucked-box .author {
	color:#333333;
	font-size:1.3em;
	font-weight:400;
	font-style:italic;
	margin: 15px 0 -6px 0;
	padding-left: 50px;
}
div.quote-tucked-box .location { 
	color:#b3b3b3;
	text-transform:uppercase;
	margin:0;
	font-weight:600;
	padding-left: 50px;
	padding-bottom:20px;
}
div.quote-tucked-bottom {
	background:url(../new-images/quote-box-bottom.png) no-repeat 0 0;
	width:388px;
	height:39px;
	margin-left: -50px;
}

 blockquote footer {
		background:none;
		padding:0;
		color:#616161;
		font-weight:600;
		font-size:1em;
		margin-top:10px;
	}

/* =============================================================================
   Lists
   ========================================================================== */

ol { margin: 1em 0; padding: 0 0 0 0px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
li	{list-style: none;}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */
 

fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

legend { border: 0; *margin-left: -7px; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid { 
	padding-left: 2px;
}
input:invalid, textarea:invalid {  }
input.submit:valid {background:#e2e2e2}
li.valid label {
	display:none;
}


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */

.contain {
	width:80%;
	margin:0 auto;
}

.contain table { width:100%; margin:30px 0 30px 0;}
.contain table td, .contain table th { text-align:left; line-height:1.5rem;  }
.contain table td { padding-top:10px; padding-bottom:20px; padding-left:25px;}
.contain table th { background:#0057ad ; text-align:center;
 color:#FFF;
  padding-top:15px;
   padding-bottom:15px;
    border-right:20px solid #f8f8f8;
	border-left:20px solid #f8f8f8;
	}
.row {
	margin-left:-28px;
}
.row li a { color:#70B33C;}
#home header {	 
	height:60%;
	overflow:hidden;  
}

#logo {
	margin:10px 0 0 0;
	float:left;
}
#logo img { max-width:90%;}

#secondary { 
	float:right;
	margin-top:3px;
	padding:0;
	position:relative;
	color:#757575;
	font-weight:200;
	text-transform: uppercase;
	border-bottom:1px solid #d3d3d3;
	border-left:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 33%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 33%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 33%,#f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 33%,#f2f2f2 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 33%,#f2f2f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
#secondary ul {
	margin:0 0 0 10px;
	height:37px; float:left;
}
#secondary li {
	margin-right:4px;
	float:left;
}
#secondary li a.current {color: #117391; font-weight:400}
#secondary .splint {
	width: 1px;
	height: 38px;
	background-color: #d3d3d3;
	position: absolute;
	right: 130px;
 
}
#secondary #contact, nav#secondary #phone {
	font-weight:600;
	color:#000;
}
#secondary #contact {
	padding-left: 14px;
	margin-left:22px;
	margin-right:4px; font-weight: normal;
	background: url(../new-images/icon-envelope.png) no-repeat 0 9px;
}
#secondary #phone {
	background: url(../new-images/icon-phone.png) no-repeat 0 11px;
	margin-right: 0;
	padding:10px 12px 10px 20px;
}
#secondary a {
	display:block;
	width:100%;
	padding:10px;
}
#secondary #phone a {
	padding:0;
}

#secondary a:link, nav#secondary a:visited {
	color:#666
} 
#secondary a:hover, nav#secondary a:active {
	color:#999;
	text-decoration: none;
}


#primary {
	width:700px;
	float:right;
	margin-top:28px;
}
#primary li {
	float:right;
	font-weight:600;
	color:#2a7290;
	font-size:1.3em;
	line-height: 0.8em;
}

#primary li a:hover {
	border-bottom: 3px solid #ccc;
	padding-bottom: 3px;
}
#primary li a.current:hover {
	border-bottom: 3px solid #117391;
}
#primary .current {
	border-bottom: 3px solid #117391;
	padding-bottom: 3px;
}
#primary li.our-services, nav#primary li.our-work, nav#primary li.our-blog {
	width: 100px;
	margin-right: 25px;
}
#primary li span {
	font-size:.8em;
	color:#909090;
	font-weight:200; padding-top:5px;
}
#primary .consult, p.button {
	background:#FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #c5c5c5;
	padding:10px;
	margin-top: -11px;
	margin-left: -10px;
	width:168px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 33%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 33%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 33%,#f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 33%,#f2f2f2 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 33%,#f2f2f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
  
	
header { width:100%; padding:0; margin:0;}
#masthead { background:#FFF; border-bottom:1px #ccc solid;
}
#sectionbar {
	background: #FFF url(../new-images/bg-header-detail.gif) bottom repeat-x;  color: #FFF; display:block;line-height:1em; width:100%;
}
#sectionbar .contain {
	padding-left:10px;
}
#sectionbar-starburst {
	background: url(../new-images/slide-000.jpg) no-repeat center 0;
	height: 79px;
	margin: 5px auto 0 auto;
	padding-top:15px; 
}

#sectionbar-starburst {
	background: #fff; background-image:none;
	height: 79px;
	margin: 5px auto 0 auto;
	padding-top:15px; background:url(../new-images/title-bg.jpg) bottom repeat-x;	
	}
#sectionbar p.headline, #sectionbar h1 {
 
	line-height:1em; color: #FFF;
}
#sectionbar p.headline {
	font-size:3em;
	font-weight:200;
	margin:0;  color: #FFF;
}
#sectionbar h1 {
	font-size: 1.1em;
	font-weight: 500;
	text-transform: uppercase;
	margin:0; margin-top:5px;
}
#sectionbar p.headline a {
	display: block;
	color: #FFF;
}
.breadcrumbs {
	height:30px;
	border-bottom: 1px solid #9e9e9e;
}
.breadcrumbs ul {
	padding-left:12px;
}
.breadcrumbs li {
	display:inline;
}

#slideshow { background:#08308a url(../new-images/home-ad-bg.png) top no-repeat;
	width:100%; padding-top:48px;
    color:#FFF; background-position: center;
    
    background-size: cover; padding-bottom:85px;
}
#slideshow .int { width:40%; float:left; color:#fff; margin-left:10%;}
#slideshow .int h1 {display: block; font-size: 68px; margin-block-start: 0.37em; margin-block-end: 0.27em; margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold; color:#FFF; text-align:left;
    unicode-bidi: isolate;}
#slideshow .int .tryit, #slideshow .int .view { margin:15px 0 15px 0; padding:0; float:left;}
#slideshow .int .tryit a, #slideshow .int .view a { font-size:17px; font-weight:600; line-height:35px; color:#0a2279; background:#fff; padding:13px 15px 13px 15px; border-radius: 3px 3px 3px 3px; margin-right:10px; border: 2px solid #fff;}
#slideshow .int .view a { border: 2px solid #fff; background:#0a2881; color:#FFF; }
#slideshow .int .view a:hover {background:#0065cb; text-decoration: none;}

 
#slideshow .int .tryit a:hover { text-decoration:none; background:#E4E4E4;}
#slideshow .int p { margin-bottom:25px;}
#slideshow .pic { float:right; width:40%;  margin-right:10%; text-align:right; }
#slideshow .pic img { max-width: 100%;}
.backward { position: absolute; top:40px; left:10px;}
.forward { position: absolute; top:40px; right:10px;}
 
div#main {
	background: #fff;
	font-size:14px;
	line-height:1.5em;
	position:relative;
}
#home div#main {
	padding-top:25px;
}

/* Primary Content Styles */

article {
	color:#494949;
	line-height:1.7em;
	padding-bottom:40px; padding-top:25px;
}
article h2 { font-size:1.9em;}
 
body#home article { width:100%;}
article p {font-size:0.9em; line-height:20px;}
#hero-shot { margin:30px auto 0px auto; text-align: center;}
#hero-shot p { margin:0;}
p.byline { line-height:1.6em;
	font-weight:200; 
	margin: 0 auto 15px auto;
	background: url(../new-images/line-break.png) no-repeat bottom center;
	padding-bottom:75px;
}


article ol table { background:#ddd; margin-top:15px; width:100%;}
article ol table td { background: #fff; padding:5px 10px; border:1px solid #ddd; vertical-align:middle;}

/*Layout Basics*/

div.split {
	width:335px;
	margin-right: 28px;
	margin-bottom: 20px;
	float:left;
}
div.split.even {
	margin-right:0;
}
div.one-half {
	width:448px;
	margin-right:28px;
	float:left;
}
div.one-third {
	width:308px;
	margin-right:28px;
	float:left;
}
div.one-third.last, div.one-quarter.last {
	margin-right:0;
}
div.one-quarter {
	width:224px;
	float:left;
	margin-right:28px;
}
ul#social-stats li {
	line-height:1.5em;
	padding: 10px 35px;
	margin-top:0;
}

/*platform pages*/

#platform article {
	width:auto;
	float:none;
}

#platform section {
	margin:40px 0 0 0;
	clear:both;
	background:url(../new-images/hr.png) no-repeat bottom center;
	padding-bottom:90px;
	overflow:auto;
}
#platform section h2 {
	margin-top:5px;
	text-align:left;
}
#platform section ul {
	margin-top:20px;
	padding-top:20px;
	}
#platform section li {
	border:none;
	background-position: 3px 4px;
	line-height:2.4em;
}
#platform section.even li {
	background-position: right 4px;
	padding:0 35px 0 0;
}

#platform section div {
	float:left;
	margin-right:28px;
} 
#platform section.even div {
	float:right;
	margin-left:28px;
	margin-right:0;
}
#platform aside {
	float:right;
	width:420px;
}
#platform section.even aside {
	float:left;
}

#platform section.even, #platform section.even h2 {
	text-align:right;
}

/*blog pages*/

body.our-blog div.item .blogDescription {
	height: 92px;
	overflow: hidden;
	display:block;
}
body.our-blog div.item a .blogDescription {
	color:#494949;
}
body.our-blog div.item a {
	display:block;
}
body.our-blog div.item a:hover {
	text-decoration:none;
}
body.our-blog div.item a:hover .blogTitle {
	text-decoration:underline;
}
body.our-blog article {
	width:100%;
}
body.our-blog section {
	width:313px;
	float:left;
	margin-right:20px;
	margin-top:50px;
}
body.our-blog section.last {margin-right:0}

body.our-blog section img {
	margin-left:1px;
}
body.our-blog .matte span {
	width:312px;
	padding:4px;
}
body.our-blog section .item {
	margin:10px 0;
	border-bottom:1px solid #CCC;
	padding-bottom:10px;
	height:186px;
}
body.our-blog span.blogTitle {
	display: block;
	font-size:16px;
	font-weight:bold;
	line-height:16px;
}
body.our-blog span.blogAuthor, body.our-blog span.blogDate {
	font-size:12px;
	color:grey;
	line-height:12px;
}
span.blogAuthor {
font-size: .9em;
font-weight: 400;
font-style: italic;
}
p.button {
	width: 100%;
	margin-top: 20px;
	padding: 0;
	margin-left: 0px;
}
p.button span {
	background-image: url('/images/link-arrow.png');
	background-position: center right;
	background-repeat: no-repeat;
	background-position: 275px 4px;
	display: block;
}
p.button a {
	display:block;
	padding: 5px 20px;
}
body.blog article {
	float:left;
}
nav.blog {
	float:right;
	background:url(../new-images/blog-bg-sidebar.png) repeat-y 0 0;
	width: 252px;
	padding-left: 8px;
}
nav.blog ul {
	padding:0;
}
nav.blog h3 {
	font-size:1.9em;
	font-weight:400;
	padding-left:30px;
	margin: 38px 0 20px 0;
}
nav.blog li {
	list-style-type: none;
	margin-left:0;
	border-top:1px solid #dadada;
	font-size:1.1em;
}
nav.blog li a {
	display:block;
	padding:12px 0 12px 30px;
}

body.blog article h1 {
	width:532px;
	margin-left:140px;
	float:right;
}

body.blog article aside {
	float:left;
	width:140px;
	margin-right:28px;
	margin-top: 6px;
	background: none;
	text-align:right;
	padding:0 5px 0 0;
}
body.blog article aside img {
	margin-bottom:10px;
}
body.blog article aside p {
	font-style: italic;
	font-weight:400;
	font-size:.8em;
	line-height:.8em;
	margin:0 0 16px 0;
}
body.blog article aside ul {
	margin:0 0 0 0;
}
body.blog article aside li {
	font-style: italic;
	font-size:.8em;
	line-height: 1em;
	margin-bottom: 8px;
}
body.blog h1 {
	text-align:left;
	margin-top:33px;
}
body.blog h4, div.excerpt h4 {
	font-weight:700;
	margin:0 0 2px 0;
	font-size:.9em;
}
div.excerpt aside img {
	width: auto;
}
div.post {
	width:532px;
	float:right;
}
div.excerpt p, div.post p {
	font-size:16px;
	line-height:26px;
}
div.excerpt {
	margin-top:13px;
}
div.excerpt div.body {
	float:right;
	width:532px;
}
body.blog h2 {
	text-align: left;
	line-height:1.2em;
	margin: 20px 0 10px 0;
}

body#index.blog article, body#tag.blog article, body#archive.blog article {
	padding-top:0;
	margin-top:-13px;
}
div.post img, div.excerpt img {width:500px}
div.date-badge {
	background: url(../new-images/blog-date-badge.png) no-repeat -26px -4px;
	width:154px;
	height:150px;
	margin-top:-15px;
	margin-right:20px;
	margin-left:-7px;
	float:left;
	color:#FFF;
	text-align:center;
	padding-top:55px;
	text-transform: uppercase;
	font-weight:600;
	
}
div.date-badge span {
	display:block;
}
.excerpt:first-child div.date-badge {
	background-position:-26px -1px;
}
.excerpt div.date-badge {
	background-position: -26px 4px;
	margin-top: -18px;
	margin-right: 20px;
	padding-top:45px;
}
.blog-month-day {
	font-size:2.4em;
}
.blog-year {
	font-size:.9em;
	letter-spacing: 1.2em;
	margin-left:10px;
}

body.blog div.meta {
	margin-top: 20px;
}

#comments  {
	clear:both;
	margin-top:50px;
	margin-bottom: 40px;
}
#post-a-comment {
	width: 532px;
	float: right;
	margin-bottom:50px;
}
#post-a-comment h2 {
	margin-bottom:0;
}
#post-a-comment p {
	margin-top:0;
}
#post-a-comment form {
	margin-top:-10px;
}
#post-a-comment label {
	display: block;
	margin: 10px 0 0 0;
}
#post-a-comment input.submit {
	display: block;
	padding: 5px 20px;
	margin-top: 15px;
}
#pagination {
	clear:both
}

ul#pagination{
	border:0;
	margin: 0 0 100px 162px;
	padding: 35px 0 0 0;
	font-family:'myriad-pro-condensed';
}

#pagination li{
border:0; margin:0; padding:0;
font-size:1.2em;
list-style:none;
margin-right:2px;
float:left;
background: none;
line-height: 1.5em;
}
#pagination li span {
	padding-left:4px;
	padding-right:4px;
}
#pagination a {
border:solid 1px #117391;
margin-right:2px;
}
#pagination .prev,
#pagination .next {
/*border:solid 1px #DEDEDE;*/
color:#888888;
display:block;
float:left;
font-weight:400;
/*margin-right:2px;*/
/*padding:3px 4px;*/
}

#pagination .current_page{
background:#117391;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:2px 2px;
margin-right: 4px;
}
#pagination a:link,
#pagination a:visited {
color:#117391;
display:block;
float:left;
padding:1px 2px;
text-decoration:none;
}
#pagination a:hover{
border:solid 1px #117391;
background-color: #52a9c4;
color:#FFF;
}





/*Image matte & Drop Shadow*/
	
.matte img, body#platform section img {
	background: #FFF;
	border: 1px solid #CCC;
	z-index: 1;
}
.matte, body#platform section div {
position: relative;
z-index: 1; /* prevent shadows falling behind containers with backgrounds */
overflow: hidden;
margin: 0 0 0 -8px;
padding: 0; 
padding-bottom:20px;
width:532px;
display:block;
}

.matte span, body#platform section div span {
position: relative;
float: left;
width: 516px;
padding: 7px;
border: 1px solid #e2e2e2;
margin: 0 0 0px 8px;
background: #fff;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
clear:both
}


ul.matte li:before,
ul.matte li:after,
.matte span:before,
.matte span:after,
body#platform section div span:before,
body#platform section div span:after {
content: '';
z-index: -1;
position: absolute;
left: 10px;
bottom: 7px;
width: 70%;
max-width: 300px; /* avoid rotation causing ugly appearance at large container widths */
max-height: 100px;
height: 55%;
-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-webkit-transform: skew(-12deg) rotate(-3deg);
-moz-transform: skew(-12deg) rotate(-3deg);
-ms-transform: skew(-12deg) rotate(-3deg);
-o-transform: skew(-12deg) rotate(-3deg);
transform: skew(-12deg) rotate(-3deg); }


ul.matte li:after, 
.matte span:after,
body#platform div span:after {
left: auto;
right: 10px;
-webkit-transform: skew(12deg) rotate(3deg);
-moz-transform: skew(12deg) rotate(3deg);
-ms-transform: skew(12deg) rotate(3deg);
-o-transform: skew(12deg) rotate(3deg);
transform: skew(12deg) rotate(3deg); }


/*==============================================================================*/
/*==========================---------------------==============================*/
/*==========================     Help Center     =============================*/
/*==========================---------------------============================*/
/*==========================================================================*/

.help-center article iframe {
	margin-bottom: 35px;
}
#help-center article {
	float:left;
}
#help-center .blogDate {
	display:none;
}
#help-center .item {
	line-height:1em;
	margin:1em 0;
}

#help-center .sitemap-container {
	width:448px;
	float:left;
}

.help-center .split h2 {
	text-align:left;
	font-size: 2.6em;
}

.help-center .block {
	height: 270px;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}

.help-center .block ul {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	margin-bottom: 0;
}









/* Sitemap
------------------------------------------------------------------------- */
div.sitemap-container {
  width: 100%;
  margin: 30px 0px 0px 0px;
}

div.sitemap-container ul {
  width: 290px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

div.sitemap-container ul li {
  list-style-type: none;
}

div.sitemap-container ul.top {
  display: block;
  float: left;
  margin: 0 20px 20px 0;
  line-height: 22px;
  font-size: 22px;
}

div.sitemap-container ul li ul li {
  line-height: 24px;
}

div.sitemap-container ul.top li { background:transparent none}

div.sitemap-container ul.top li a {
  margin: 0 0 0 0;
  display: block;
  background: none;
  padding-left: 3px;
  padding-bottom: 5px;
  font-family: 'TrajanProRegular','Times New Roman';
}

div.sitemap-container ul.top li ul li a {
  border: none;
  margin: 0;
  font-size: 14px;
  line-height: 24px;
  display: block;
  padding-bottom: 0;
  font-family: 'Arial';
}

div.sitemap-container ul.top ul li ul li a {
}

div.sitemap-container ul.top li ul li {
  background-image:url(../new-images/ul-long.png);
  background-color:transparent;
  background-repeat:no-repeat;
  background-position:0 -6px;
  padding-left: 18px; /* left padding to push text off of the image */
}

div.sitemap-container ul.top li ul li:last-child {
  background-image:url(../new-images/ul-end.png);
  background-color:transparent;
  background-repeat:no-repeat;
  background-position:0 -25px;
  padding-bottom: 0;
}

div.sitemap-container-rows {
  width: 100%;
  overflow: auto;
}

/*==========================================================================*/

/* For primary editable page content */



div.split h2 {
	color: #414141;
	font-size: 2.7em;
	text-align: left;
	font-weight: 300;
	margin-top:30px;
}
article ul {
	border-top: 1px solid #BFBFBF;
	list-style-type: none;
	list-style-position: inside;
	padding:0;
	margin-bottom: 20px;
	margin-top:25px;
}
	article ul ul {
		border:none;
		margin-top:10px;
	}
article li {
	border-bottom: 1px solid #BFBFBF;
	padding: 0 0 0 35px;
	margin: 0;
	background: url(../new-images/bullet.png) top 9px left no-repeat;
	line-height: 1.9em; padding-top:8px; padding-bottom:8px;
}
	article li li, body#post.blog article li li {
		border:none;
		background:none;
		padding:0;
		min-height:0;
		margin-bottom:10px;
		margin-left:10px;
		list-style: disc inside;
		list-style-type: decimal;
	}
article .none { border-bottom:0;}	
	article span { margin-right:25px;}
body.policies article li {
	line-height: 1.6em;
	padding:12px 0 12px 35px;
}
body#post.blog article li {
	line-height: 1.5em;
	min-height: 48px;
	padding-top: 14px;
	padding-bottom: 8px;
}
	body#post.blog article aside li, div.excerpt aside li {
		border:none;
		background:none;
		padding-top:0;
		padding-bottom:0;
		margin:0 0 8px 0;
		min-height: 0;
	}
	body#post.blog article aside ul, div.excerpt aside ul {
		border:none;
	}
	a.read-full {
		text-align: center;
		background: #f9f9f9;
		display: block;
		padding: 10px 20px;
		border: 1px solid #eaeaea;
		width: 520px
	}
.contact-prompt-wrap {
	margin-bottom:35px;
	border:1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 95%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(95%,#ebebeb), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ebebeb 95%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#ebebeb 95%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#ebebeb 95%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#ebebeb 95%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.contact-prompt {
	background: url(../new-images/caduceus.png) no-repeat top right;
	padding:20px;
}
.contact-prompt h3 {
	margin-top: 0;
	font-size: 1.5em;
	font-weight: 500;
	margin-bottom: 15px;
	width: 190px;
}
.contact-prompt p {
	font-style: italic;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1.2em;
	margin-bottom:15px;
}
.tuck {
	margin-left:-50px;
}

nav.children { width:252px;	float:left;	z-index:999; background:url(../new-images/bg-sidebar.png) repeat-y -12px 0; border-radius:8px; border:1px solid #ddd; margin-top:15px;}
body.blog nav.children {float:right;}
nav.children ul {}
nav.children li {}
nav li.last { padding-top:10px;height:20px;}
nav.children li.last {background:url(../new-images/bg-sidebar-fade.png) no-repeat -12px 0;}
div.nav-foot {background:url(../new-images/bg-sidebar-fade-right.png) no-repeat 0 0;height:200px;width:252px;float:right;}
nav.children li.current {background:none;}
nav.children li.current a {color:#414141;}

nav.children ul #nava { padding:0; margin:0; background:#666;}
nav.children #nava ul { }

nav.children a {height: 50px;width: 248px;padding-top: 16px;border-bottom: 1px solid #DFDFDF;font-size:1.1em;}
nav.children li.first.current a {border-top: 1px solid #DFDFDF;}
nav.children img {margin-right: 5px;margin-top: -7px;}


#main .sidebar { width:252px; float:left;	z-index:999; background:url(../new-images/bg-sidebar.png) repeat-y -12px 0; border-radius:8px; border:1px solid #ddd; margin-top:15px;}
#main .sidebar ul { padding:0px; margin:0;}

#main .sidebar ul h3{ background: url("../new-images/storetitle01.gif") repeat-x scroll center bottom transparent;
    border-radius: 8px 8px 0 0;
    line-height: 2.2em;
    margin-top: 0;
    padding-top: 0;
    text-align: left;
    text-indent: 15px;}
	#main .sidebar ul h3 a { color:#666;}
#main .sidebar ul h3 img { vertical-align:middle; margin-right:10px;}
#main .sidebar ul li { background: url("../new-images/dot.png") no-repeat scroll left center transparent; font-size:13px;
    line-height: 1.9em;
    margin: 0 15px;
    padding-left: 12px; display:block; margin-bottom:8px; margin-top:2px; float:none;} 
#main .sidebar ul li a { color:#666;}
div.testimonial {width:25%; float: left; margin-top:10px; text-align:center;}
div.testimonial img {width: auto; padding-bottom:10px;}
div.testimonial p { padding-left:15px; padding-right:15px; margin-top:15px; font-size:16px; line-height:22px;}
div.testimonial h4 { font-size:22px;}
 
 
div.divide {
	width:100%;
	clear:both;
	background: transparent url(../new-images/home-break.jpg) repeat-x 0 0;
	height: 5px;
}
/*div.divide.hack {
	margin-top:80px;
}*/
#how-can-we { text-align:center; 	 
	padding-top:50px; background:#f8f8f8;
	padding-bottom:20px; font-size:17px;  
}
 
#how-can-we .contain ul {
	list-style-type: none;
	padding:0; margin:0;
}
#how-can-we .contain ul li {
	color:#376b93;
	font-size:1em;
	font-weight:600;
	float:left;
	width:32%; margin-left:1%;
	text-align:center;
}
#how-can-we .contain ul li img { max-width:80%; border-radius: 16px;}
#how-can-we .contain ul li h3 { margin-bottom: 10px; margin-top:20px;
    color: #2c2c2c;
    font-weight: 600;
    font-size: 1.3em;}
#how-can-we .contain ul li p {
	margin:0;
	display:block;
	color:#494949;
	font-size:17px;
	font-weight:400; margin-bottom:12px; line-height: 1.6rem;
}
#how-can-we .contain table td { line-height: 1.6rem;}
 

.consult-action {
	margin:0 auto;
	width: 314px;
	margin-top: -29px;
	height: 76px;
	margin-bottom:28px;
	background: transparent url(../new-images/free-consultation.png) no-repeat 0 0 ;
}

 
.consult-action a {
	display:block;
	width:314px;
	height:76px;
}

footer a {
	padding: 10px 0;
}

   
.friend-us h3 {
	margin-top: 12px;
	display: block;
	float: left;
	width: 180px;
}
#blog-recent span {
	display:block;
}
#blog-recent .item {
	border-top: 1px solid #DDDDDD;
	padding:5px;	
}
#blog-recent .blogDate {
	font-size:.9em;
	font-style: italic;
	color:#444444 !important;
	border-top: none;
	padding-top:0px;
	font-weight:300;
}
#blog-recent .blogTitle {
	line-height:1.2em;
}
#blog-recent .blogDescription, #blog-recent .blogAuthor, #blog-recent br {
	display:none;
}
#blog-recent p {
	font-weight: 600;
	font-size: 1.1em;
	border-top:1px solid #bcbcbc;
	padding-top:10px;
}
#home #main .social-streams { padding-top:50px;
	display:block;
	padding-bottom:50px;  
}
#home #main .social-streams {
	background:#0d1821; color:#fff; width:100%;   
}
#home #main .social-streams ul { width:100%; text-align:center;}
#home #main .social-streams h2 { margin:25px 0 30px 0; color:#FFF; font-size:2.2rem; }
#home #main .social-streams h4 { font-size:22px;}
#home #main .social-streams ul li { width:31%; float:left; text-align: center; padding-left:1%; padding-right:1%;}
#home #main .social-streams ul li p { font-size:16px; line-height:1.5rem; margin-bottom:30px;}
#home #main .social-streams ul li img { margin:15px 0 35px 0;}

#home #container #main .spy { width:80%; margin:60px auto; padding:0; background:#fff;}
#home #container #main .spy td { vertical-align:middle; padding:2%;}
#home #container #main .spy img { max-width:100%;  border-radius: 16px; vertical-align: middle;}
#home #container #main .spy p {font-size: 17px;  line-height: 1.8rem; margin-bottom: 30px;}
#home #container #main .spy h2 { font-weight:600; font-size:2.2rem; text-align:left; margin: 25px 0 30px 0;}
#home #container #main .spy .ios, #home #container #main .spy .android { width:100%; padding:0; margin:50px 0 50px 0;}
 
#home #container #main .spy .ios .pic,#home #container #main .spy .ios .int { width:50%; float:left;}
#home #container #main .spy .android .pic,#home #container #main .spy .android .int { width:50%; float:left;}

 
 





.social-buttons {
	width: 56px;
	float: right;
}
#atic_auth, #at15pf {
	display:none !important;
}
.atm-s a, #at_hover.atm-s a {
	padding: 8px 10px !important;
}
.addthis_toolbox {
	float:right;
	width:50px;
}

footer {
	background: #0065cb; background:url(../new-images/spy-on-kid-iphone.jpg) center no-repeat; background-position: center;
    background-size: cover;
	padding:88px 0;
	color:white;
 
}

#home .bget { width:60%; margin:30px auto; padding:0; text-align:center;}
#home .bget h2 { text-align:center; color:#FFF; font-weight:700; line-height:2.5rem; letter-spacing:0; text-transform:none; font-size:2.3rem;}
#home .bget p { margin:35px auto; font-size:17px;}
#home .bstart {  margin: 30px auto; padding: 0;}
#home .bstart a  {
    font-size: 17px;
    font-weight: 600;
    color: #0065cb;
    background:#fff;
    padding: 18px 24px 18px 24px;
    border-radius: 5px;
}
#home .bstart a:hover { text-decoration:none; background: #BCD6ED;}
 
footer ul {
	list-style-type: none;
	padding:0; margin:0;
}
#mission, #our-services, #our-work, #contact-options {
	float:left;
}
#our-services, #our-work, #contact-options {
	margin-left:24px;
	margin-top: 0px;
}
#mission { width:240px; font-weight:200;line-height:2em; letter-spacing: 1px;}
#mission h3, #our-work h3, #our-services h3{ margin:5px 0 12px 0;}
#mission ul li { float:none; background:url(../new-images/doa.png) left center no-repeat; padding-left:12px;}
 
#our-work ul li, #our-services ul li { float:none; background:url(../new-images/doa.png) left top 12px no-repeat; padding-left:12px; font-weight: 200; letter-spacing: 1px; line-height: 2em;}
#contact-options h3 { margin-bottom:25px;}

ul#contact-options li {
	margin-left:-3px;
	margin-bottom:10px;
}
ul#contact-options li a {
	padding: 12px 0 0 20px;
	font-size:1.3em;
	font-weight:300;
}
ul#contact-options li, ul#contact-options li a {
	height:48px;
	width:258px;
	display: block;
}
ul#contact-options li#call a {
	background: transparent url(../new-images/footer-buttons.png) no-repeat 0 -84px ;
}
	ul#contact-options li#call a:hover {background-position:0 -330px}
	
ul#contact-options li#send a {
	background: transparent url(../new-images/footer-buttons.png) no-repeat 0 -141px ;
}
	ul#contact-options li#send a:hover {background-position:0 -387px}

ul#contact-options li#connect a {
	background: transparent url(../new-images/footer-buttons.png) no-repeat 0 -198px ;
}
	ul#contact-options li#connect a:hover {background-position:0 -444px}
	
#footnote {
	background:#0d1821; color:#CCC; width:100%; padding:15px 0 15px 0; 
 
}
#footnote .contain {margin:0 auto; padding:0; font-size:15px;}
#footnote .contain a { color:#ccc; }
#footnote .contain a:hover { text-decoration:none; color:#0065cb;}

#footnote .contain .cop { width:50%; float:left;}
#footnote .contain .link { width:50%; float:right; text-align:right;}
#footnote .contain .link a { padding-right:15px; padding-left:15px;}

body#full-width.thank-you article {
	width: 700px;
	margin: 0 auto;
	float:none;
}
body#full-width article {
	width:100%;
	padding-bottom: 50px;
	}
body#full-width section {
	overflow: auto;
	width: 100%
}


/*FlexDesign Gallery Platform*/

body#full-width.flexdesigns article ul li, body#full-width.flexdesigns article ul, body#full-width.flexdesigns article h3 {
	margin:0;
	padding:0;
	line-height:2em;
}

body#full-width.flexdesigns article li {
	background: none;
}

body#full-width.flexdesigns article h2 {
	font-size:2.3em;
	margin-bottom:50px;
}

body#full-width.flexdesigns article h3 {
	width:130px;
	float:left;
	clear:both;
	line-height:2em;
	text-align:right;
}
body#full-width.flexdesigns article div.core-colors h3 {
	display:block;
	padding-right:10px;
	color:white;
	text-shadow: 1px 1px 2px #555;
	filter: dropshadow(color=#555, offx=1, offy=1);
}
body#full-width.flexdesigns article div.core-colors h3 a {
	display:block;
	color:white;
}

body#full-width.flexdesigns article ul {
	width:315px;
	float:right;
	margin:5px 0 0 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #BFBFBF;
	border-top:none;
}

body#full-width.flexdesigns article ul li {
	display:inline;
	border:none;
	margin:0;
	padding:0 30px 0 0;
}
body#full-width.flexdesigns article h3, body#full-width.flexdesigns article h4 {
	clear:both;
}

body#full-width.flexdesigns article ul.last {
	border:none;
}

body#full-width.flexdesigns article ul.live li {
	display:block;
	margin-bottom:5px;
}

body#full-width.flexdesigns article ul.custom li {
	line-height:1.2em;
	margin-bottom:15px;
	margin-top:5px;
}

.set {
	overflow: auto;
	width: 100%;
	margin-top:10px
}

body#full-width.flexdesigns article section hr {
	height: 1px;
	margin: 20px 0;
	border-bottom: 1px solid #DADADA;
	width: 100%;
}
body#full-width.flexdesigns article hr {
	margin:0 0 20px 162px
}

.flexdesign-links, .flexdesign-hero {
	width:475px; 
}

.flexdesign-hero {
	float:left;
}
.flexdesign-links {
	float:right;
}


/*FlexDesign Colors*/

body#full-width.flexdesigns article ul li span {
	height: 20px;
	width: 20px;
	display: block;
	float: left;
	margin-right: 7px;
	margin-top: 3px;
}


/*SoftStone*/

body#full-width.flexdesigns article ul li span.bordeaux, 
body#full-width.flexdesigns article h3.bordeaux {
	background-color: #7b1732;
}

body#full-width.flexdesigns article ul li span.sunrise, 
body#full-width.flexdesigns article h3.sunrise {
	background-color: #ecb145;
}

body#full-width.flexdesigns article ul li span.nautica, 
body#full-width.flexdesigns article h3.nautica {
	background-color: #19487e;
}

body#full-width.flexdesigns article ul li span.slate-sky, 
body#full-width.flexdesigns article h3.slate-sky {
	background-color: #3dc7d2;
}



/*Mahogany*/

body#full-width.flexdesigns article ul li span.soft-mint, 
body#full-width.flexdesigns article h3.soft-mint {
	background-color: #b4d58f;
}
body#full-width.flexdesigns article ul li span.creme-brulee, 
body#full-width.flexdesigns article h3.creme-brulee {
	background-color: #E7DD91;
}
body#full-width.flexdesigns article ul li span.autumn-red, 
body#full-width.flexdesigns article h3.autumn-red {
	background-color: #8C2710;
}
body#full-width.flexdesigns article ul li span.powder-blue, 
body#full-width.flexdesigns article h3.powder-blue {
	background-color: #9FCCE4;
}


/*Mystique*/

body#full-width.flexdesigns article ul li span.plum, 
body#full-width.flexdesigns article h3.plum {
	background-color: #874165;
}
body#full-width.flexdesigns article ul li span.sea-blue, 
body#full-width.flexdesigns article h3.sea-blue {
	background-color: #427590;
}
body#full-width.flexdesigns article ul li span.chocolate, 
body#full-width.flexdesigns article h3.chocolate {
	background-color: #845939;
}
body#full-width.flexdesigns article ul li span.lavender, 
body#full-width.flexdesigns article h3.lavender {
	background-color: #836984;
}



/*Horizons*/

body#full-width.flexdesigns article ul li span.toffee, 
body#full-width.flexdesigns article h3.toffee {
	background-color: #786246;
}
body#full-width.flexdesigns article ul li span.sky-blue, 
body#full-width.flexdesigns article h3.sky-blue {
	background-color: #2869A3;
}
body#full-width.flexdesigns article ul li span.tundra, 
body#full-width.flexdesigns article h3.tundra {
	background-color: #335501;
}



/*Homestead*/

body#full-width.flexdesigns article ul li span.dusk, 
body#full-width.flexdesigns article h3.dusk {
	background-color: #57549B;
}
body#full-width.flexdesigns article ul li span.baby-blue, 
body#full-width.flexdesigns article h3.baby-blue {
	background-color: #4A87C0;
}
body#full-width.flexdesigns article ul li span.citrus, 
body#full-width.flexdesigns article h3.citrus {
	background-color: #9AAD3A;
}



/* =============================================================================
   Contact Page
   ========================================================================== */
#contact h1 {
	text-align:left;
}
section p {
	line-height:1.9em;
}
 
#contact .testimonial {
	margin-top: 17px;
	}
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; margin:25px auto; }
#main .clearfix h2 {color: #2c2c2c;
    display: block;
    font-size: 2.2rem;
    margin-block-start: 1.2em;
    margin-block-end: 1em;
    margin-inline-end: 0px;
    unicode-bidi: isolate;}
 


/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}




/* contact form validation */
#contact form input, #contact form textarea {
	color: #afafaf;
	font-style: italic;
	font-size: 1.2em;
}

#contact form li textarea {
	padding-top: 10px;
	padding-left: 12px;
}

#contact form li {
	position: relative;
}

#contact form label.error {
	color:#494949;
	background: #ffbfbf;
	position: absolute;
	left: 200px;
	font-style: normal;
	font-size: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 4px 4px 4px 6px;
	top: 15px;
	text-align: center;
	line-height: 16px;
	border-radius: 3px;
}

/*================================================================
				Webinar Training Page
================================================================*/
#webinar #main p.headline{
	font-size: 2.3em;
	line-height: 1em;
	margin: 50px 0 15px 0;
	text-align: center;
	font-weight: 500;
	letter-spacing: -1px;
	color: #494949;
}
.webinar-contact{
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin: 0 0 0 -8px;
	padding: 0;
	padding-bottom: 20px;
	display: block;
	width:436px; 
	margin-top:25px;
}
.webinar-contact span{
	position: relative;
	float: left;
	width: 516px;
	padding: 7px;
	border: 1px solid #e2e2e2;
	margin: 0 0 0px 8px;
	background: #fff;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	clear: both;
}
ul.webinar-contact li:before, ul.webinar-contact li:after, .webinar-contact span:before, .webinar-contact span:after{
	content: '';
	z-index: -1;
	position: absolute;
	left: 10px;
	bottom: 7px;
	width: 70%;
	max-width: 300px;
	max-height: 100px;
	height: 55%;
	-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	-webkit-transform: skew(-12deg) rotate(-3deg);
	-moz-transform: skew(-12deg) rotate(-3deg);
	-ms-transform: skew(-12deg) rotate(-3deg);
	-o-transform: skew(-12deg) rotate(-3deg);
	transform: skew(-12deg) rotate(-3deg);
}

ul.webinar-contact li:before, ul.webinar-contactli:after,
.webinar-contact span:before, .webinar-contact span:after{
	content: '';
	z-index: -1;
	position: absolute;
	left: 10px;
	bottom: 7px;
	width: 70%;
	max-width: 300px;
	max-height: 100px;
	height: 55%;
	-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	-webkit-transform: skew(-12deg) rotate(-3deg);
	-moz-transform: skew(-12deg) rotate(-3deg);
	-ms-transform: skew(-12deg) rotate(-3deg);
	-o-transform: skew(-12deg) rotate(-3deg);
	transform: skew(-12deg) rotate(-3deg);
}
ul.webinar-contact li:after,
.webinar-contact span:after{
	left: auto;
	right: 10px;
	-webkit-transform: skew(12deg) rotate(3deg);
	-moz-transform: skew(12deg) rotate(3deg);
	-ms-transform: skew(12deg) rotate(3deg);
	-o-transform: skew(12deg) rotate(3deg);
	transform: skew(12deg) rotate(3deg);
}
 
.clear { clear:both;}






.menu{float:right; }
.menu ul { margin:25px 0 0 0;}
.menu li{float:left;position:relative;height:47px; z-index:20; padding-right:10px; padding-left:10px; display: block;
    line-height: 47px;
    font-size: 15px;
    padding-left: 15px; }
.menu li a {display:block; line-height:47px; font-size:15px;padding-left:15px; color: #2c2c2c;}
.menu li .w120{width:119px;}
.menu li .w89{width:89px;}
.menu li a:hover,
.menu li.curr a{ background:url(img_style/nav_bg.gif) repeat-x;color:#333;text-decoration:none;}
.menu li a:hover { color:#0065cb;}
.menu li:hover .subNav{display:block;}
.menu li .subNav{display:none; position: absolute;background:#fff;top:47px;left:-1px; z-index:20; width:180px; font-weight:400; color:#666; }
.menu li .subNav dl { padding:15px; margin:0; font-size: 15px; }
.menu li .subNav dl dd { margin:0; padding:0; line-height:30px;}
.menu li .subNav a { color:#666; padding:0; margin:0; line-height:25px; font-size:15px;}
.menu li .subNav table { font-size:13px; line-height:20px;} 
.menu li .subNav table td { padding-left:20px; padding-right:0px; vertical-align:middle; padding-bottom:10px; padding-top:10px;}
.menu li .subNav table td a { background:url(../new-images/dot.png) center left no-repeat; padding-left:8px;} 
.menu li .subNav table td a:hover { color:#1C8600;}

.menu li .subNav table td .none { background:none; display:inline; padding-left:0;}
.menu .none { border:none; padding:0 0 0 18px;}
.menu .cur{   color: #999;  }
.menu .cur a { color:#666;}
.menu .cur a:hover { color:#000;}
.menu li .search {width:190px; height:38px; float:right; }
.menu li .search .searchinput{ border:none; background: url(../new-images/search-bg.png) center left no-repeat; padding:0px 0px 0px 10px; display:inline; width:125px; }
.menu li .search #searchsubmit { border:none; background: url(../new-images/search-bg.png) center right no-repeat; padding:0px 0px 0px 10px; height:35px; display:inline; width:37px; margin-right:0; }
.menu li .search form {background: url(../new-images/search-bg.png) center left no-repeat; width:202px;}

#purchase, #product{ margin:0; padding:0; background:#FFF;}
#purchase .content, #product .content { width:80%; margin: 0 auto; padding:0;}
#purchase .content h2 { margin:0; padding:0; line-height:35px; text-indent:15px; font-size:16px; background:url(../new-images/purchase-h2-bg.jpg) top repeat-x; text-align:left;}


#product{ background:url(../new-images/product-bg.png) bottom repeat-x; padding-bottom:25px; padding-top:10px;  }
#all p { line-height:1.5rem;}
#product .content h1 { font-size:28px; text-align:center; padding-top:18px; padding-bottom:15px; margin:0px 0; line-height:40px;}
#product .content .list { text-align:center; background:url(../new-images/pro-nav-bg.png) top center no-repeat;}
#product .content .list ul{ float:left; padding:0; margin:0 0 0 180px; width:700px;}
#product .content .list ul li { float:left; padding-left:0 20px; margin:0; line-height:33px;}
#product .content .list ul .choose { font-weight:700; border-top:3px #090 solid;}
#product .content .int { padding:0; margin:0 auto;}
#product .content .int img { max-width:90%; border-radius:20px;}
#product .content .int td { text-align:left; padding-bottom:20px; vertical-align:middle;}
#product .content .int table { }
#all .content .features { margin:15px auto; padding:0}
#all .content .features td { vertical-align:middle; padding:10px;}
#all .content .features img { max-width:100%; border-radius:20px;}
#product .content .int .left { float:left; width:25%; text-align:left; margin-top:55px;}
#product .content .int .left img { max-width:80%; }
#product .content .int .center { width:60%; float:left; font-size:1em; }
#product .content .int .center h2 { text-align:left; font-size:20px;}
#product .content .int ul { padding:0; margin:0; text-align:left;}
#product .content .int ul li { padding-left:22px; margin:0px 0 8px 0; background:url(../new-images/yes-icon.png) left top 2px no-repeat; line-height:20px;}
#product .content .int .right { width:15%; float:right; display:inline; display:inline;}

#posttit {background:url(../new-images/product-bg.png) bottom repeat-x; margin:0 auto; padding-bottom:10px; padding-top:10px;}
#posttit .content {width:80%; margin: 0 auto; padding:0;}
.bread{ margin:0 auto; font-size:14px; background:url(../new-images/home_icon.gif) left top no-repeat; padding-left:25px; color:#666;}
#posttit h1 { text-align:center;     margin-block-start: 0.3em;
    margin-block-end: 0.3em;}
 
#all { background:#FFF; border-top:5px solid #CDCDCD; }
#all .content { width:80%; padding:0; margin:0 auto; padding:20px 0;}
#all .content .bread { margin-bottom:15px;}
#all .content .left { width:72%; float:right;}
#all .content .left .pic { width:280px; margin-top:10px;}
#all .content .left .int { width:390px;line-height:1.7em; margin-top:10px;}
#all .content .left .left { float:left; border:none; margin-left:15px;}
#all .content .left .right { float:right; margin-right:15px;}
#all .content .left .right h3 { background:none; text-indent:0; line-height:2.0em;}
#all .content .right { width:25%; float:left; }


#all .content .left .guide { padding:0; margin:0 auto;}
#all .content .left .guide img { max-width:100%; border-radius:8px 8px 8px 8px; margin: 0 auto; display: block;}
#all .content .left .guide h2 { text-align:left; margin:20px 0 0 0;}
#all .content .left .guide a { color:#0065cb;}
#all .content .left .guide a:hover { text-decoration:none; color: #F60;}
#all .content .left .guide ul { margin-left:15px auto;}
#all .content .left .guide ul li { list-style:circle; padding-bottom:5px; }



#all .content .left .guide hr {
margin-block-start: 3em;
    margin-block-end: 2em;
}


#all .content .left .guide ol { margin:5px auto; padding: 0 18px 0 18px; }
#all .content .left .guide ol li { list-style: decimal; padding-bottom:10px; line-height:22px; }
#all .content .left .guide p { margin:5px 0 15px 0;}
#all .content .left .guide .start { margin:0 auto; padding:0; text-align:center; margin-bottom:15px;}
#all .content .left .guide .start a { color:#FFF;}

#all .content .left .morefeatures { padding:15px; margin:0;}
#all .content .left .morefeatures h3 { font-size:20px;}
#all .content .left .morefeatures .one { width:320px; float:left; margin:15px 0;}
#all .content .left .morefeatures .one .pic { float:left; width:50px;}
#all .content .left .morefeatures .one .int { float:right; width:270px}
#all .content .left .morefeatures .two {width:320px; float:right; margin:15px 0;}
#all .content .left .morefeatures .two .pic { float:left; width:50px;}
#all .content .left .morefeatures .two .int {float:right; width:270px;}

#all .content .right .promotion { border-radius:8px 8px 8px 8px; border:1px solid #ddd; text-align:center; margin-bottom:15px;}
#all .content .right .promotion img { max-width:100%; border-radius:0 0 8px 8px;}
#all .content .right .adwards { border-radius:8px 8px 8px 8px; border:1px solid #ddd; text-align:center; margin:15px 0;}
#all .content .right .tips { border-radius:8px 8px 8px 8px; border:1px solid #ddd;}
#all .content .right .tips ul { margin:8px 0; padding:0 15px 0 15px;  }
#all .content .right .tips ul li { line-height:1.4em; margin-bottom:10px; }
#all .content .right .tips ul li a:hover { text-decoration:none;}
#all .content .right h3 { background: #F4F4F4; color:#666; line-height:2.2em; margin-top:0; padding-top:0; border-bottom:1px solid #ddd; border-radius:8px 8px 0 0; text-align:left; text-indent:15px; font-weight:400; }

#main .contain  { margin:55px auto;}
#main h2 { color:#2c2c2c; display: block; font-size:2.2rem;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em; 
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate; }
#main .contain article .store { margin:0; padding:0;}
#main .contain article .store p { margin:0 0 15px 0;}
#main .contain article .store h2 { background: url(../new-images/storetitle1.png) left no-repeat; line-height:45px; text-indent:55px; font-size:22px; color:#fff;}
#main .contain article .store .topsell { padding:0px 0 15px 0;}
#main .contain article .store .topsell .price { font-size:16px; font-weight:700; color:#F30; text-align:center;}
#main .contain article .store .topsell h3 { margin:0 0 10px 0; padding:0;}
#main .contain article .store .topsell h3 span { display:block; font-size:14px;}
#main .contain article .store .topsell h3 a { color:#333;}
#main .contain article .store .topsell .left { width:300px; float:left;}
#main .contain article .store .topsell .right { width:300px; float:right;}
#main .contain article .store table { font-size:1.1em;} 
#main .contain article .store table td { padding:6px 25px 6px 25px; text-align:center; border-bottom:1px dashed #ddd;}
#main .contain article .store table td h3 { text-align:left; font-size:1.3em; font-weight:400; }
#main .contain article .store table th { text-align:left; font-weight:400; padding:6px 25px 6px 25px; border-bottom:1px dashed #ddd;}
#main .contain article .store table th h3 { text-align:center; font-size:1.3em; font-weight:400;}
#main .contain article .store table td img { margin-left:5px; text-align: right; }
#main .contain article .store table td font { color:#F33502; margin-left:5px;}

#main .contain article .store ul { margin:0; padding:0; border:0; width:700px; }
#main .contain article .store ul .none { border:none; margin-right:0;}
#main .contain article .store ul li { background:none; width:210px; border-bottom:none; padding:0px 5px 5px 5px; margin:5px 15px 0 0; border-top:none; float:left; font-size:12px; line-height:20px; border-right:1px solid #ddd;}
#main .contain article .store ul li p { text-align:center;}
#main .contain article .store ul li span { text-align:center;}
#main .contain article .store ul li .pic { width:100px;}
#main .contain article .store ul li img { max-width:120px; margin: 0 0 0px 0;}
#main .contain article .store ul li .int { float:right; font-size:12px; line-height:20px; width:100px;}
#main .contain article .store ul li .max img{ max-width:90px;}

#main .contain article .store .review { width:auto; padding:0; margin:0;}
#main .contain article .store .review h3 { }
#main .contain article .store .review .left { width:525px; float:left; border:1px solid #ddd; padding:0px 0; border-radius:10px; background:#FFF;   }
#main .contain article .store .review .left h3 {background: url("../new-images/storetitle01.gif") repeat-x scroll center bottom transparent;
    border-radius: 8px 8px 0 0;
    line-height: 2.2em;
    margin-top: 0;
    padding-top: 0;
    text-align: left;
    text-indent: 15px; margin-bottom:12px;}
#main .contain article .store .review .left table { width:700px;}
#main .contain article .store .review .left table td { padding:0; margin:0;}
#main .contain article .store .review .left .pic { float:left; width:55px; margin-left:10px;}
#main .contain article .store .review .left .int { float:right; width:430px; font-size:12px; line-height:20px; padding-right:10px;}
#main .contain article .store .review .left .int em { display:block; text-align:right;}
#main .contain article .store .review .right { width:165px; float:right;  border-radius: 8px 8px 8px 8px; border:1px solid #ddd; background:#FFF;}
#main .contain article .store .review .right h3 { background: url("../new-images/storetitle01.gif") repeat-x scroll center bottom transparent;
    border-radius: 8px 8px 0 0;
    line-height: 2.2em;
    margin-top: 0;
    padding-top: 0;
    text-align: left;
    text-indent: 15px; margin-bottom:0;
}

#main .contain article .store .review ul { margin:0; padding:0; border:0; width:150px; }
#main .contain article .store .review ul li { float:none; padding:0; margin:0; border:0; background: url("../new-images/dot.png") no-repeat scroll left center transparent;
    line-height: 2.5em; width:135px;
    margin: 0 15px;
    padding-left: 12px;}
	#main .contain article .store .review ul li a { color:#666;}
#main .contain article .store table td { vertical-align: middle;}
#main .contain article .store table span { font-size:12px; display:block; line-height:18px;}




 

#main .contain article .products, #main .contain article .download { margin:0; padding:0; width:980px;}
#main .contain article .products p { margin:0 0 15px 0;}
#main .contain article .products h2 { background: url(../new-images/video-icon.png) left no-repeat; line-height:40px; text-indent:35px; font-size:22px; color:#333; margin-bottom:0;}
#main .contain article .products .topsell { padding:0px 0 15px 0;}
#main .contain article .products .topsell .price { font-size:16px; font-weight:700; color:#F30; text-align:center;}
#main .contain article .products .topsell h3 { margin:0 0 10px 0; padding:0;}
#main .contain article .products .topsell h3  span { display:block; font-size:14px;}
#main .contain article .products .topsell h3 a { color:#333;}
#main .contain article .products .topsell .left { width:300px; float:left;}
#main .contain article .products .topsell .right { width:300px; float:right;}
#main .contain article .products table { font-size:1.1em;} 
#main .contain article .products table td { padding:6px 25px 6px 25px; text-align:center; border-bottom:1px dashed #ddd;}
#main .contain article .products table td h3 { text-align:left; font-size:1.3em; font-weight:400; }
#main .contain article .products table th { text-align:left; font-weight:400; padding:6px 25px 6px 25px; border-bottom:1px dashed #ddd;}
#main .contain article .products table th h3 { text-align:center; font-size:1.3em; font-weight:400;}
#main .contain article .products table td img { margin-left:5px; text-align: right; }
#main .contain article .products table td font { color:#F33502; margin-left:5px;}

#main .contain article .products ul { margin:0; padding:0; border:0; width:980px; }
#main .contain article .products ul .none { border:none; margin-right:0;}
#main .contain article .products ul li { background:none; width:210px; border-bottom:none; padding:0px 5px 5px 5px; margin:5px 15px 0 0; border-top:none; float:left; font-size:12px; line-height:20px; border-right:1px solid #ddd;}
#main .contain article .products ul li p { text-align:center;}
#main .contain article .products ul li span { text-align:center;}
#main .contain article .products ul li .pic { width:100px;}
#main .contain article .products ul li img { max-width:120px; margin: 0 0 0px 0;}
#main .contain article .products ul li .int { float:right; font-size:12px; line-height:20px; width:100px;}
#main .contain article .products ul li .max img{ max-width:90px;}

#main .contain article .products .review { width:auto; padding:0; margin:0; width:980px;}
#main .contain article .products .review .left { width:800px; float:left; border:1px solid #ddd; padding:0px 0; border-radius:10px; background:#FFF;   }

#main .contain article .products .review .left .pic { float:left; width:55px; margin-left:10px;}
#main .contain article .products .review .left .int { float:right; width:700px; font-size:12px; line-height:20px; padding-right:10px;}
#main .contain article .products .review .left .int em { display:block; text-align:right;}

#main .contain article .products .review .left h3 {background: url("../new-images/pcb.gif") repeat-x scroll center bottom transparent; border-radius: 8px 8px 0 0;
    line-height: 2.2em; margin-top: 0; padding-top: 0; text-align: left; text-indent: 15px; margin-bottom:12px;} 

#main .contain article .products .review .right { width:165px; float:right;  border-radius: 8px 8px 8px 8px; border:1px solid #ddd; background:#FFF;}
#main .contain article .products .review .right h3 { background: url("../new-images/storetitle01.gif") repeat-x scroll center bottom transparent;
    border-radius: 8px 8px 0 0; line-height: 2.2em; margin-top: 0; padding-top: 0; text-align: left; text-indent: 15px; margin-bottom:0;}

#main .contain article .products .right ul { margin:0; padding:0; border:0; width:150px; border:0; }
#main .contain article .products .right ul li { float:none; padding:0; margin:0; border:0; background: url("../new-images/dot.png") no-repeat scroll left center transparent; border:0; display:block;
    line-height: 2.5em; width:135px; margin: 0 15px; padding-left: 12px;}
#main .contain article .products .right ul li a { color:#666;}


#main .contain article .download table td { vertical-align: top; padding:5px;}
#main .contain article .download table td img { margin-top:0;}
#main .contain article .download .sidebar { 
    background: url("../new-images/bg-sidebar.png") repeat-y scroll -12px 0 transparent;
    border: 1px solid #DDDDDD;
    border-radius: 8px 8px 8px 8px;
    float: left;
    margin-top: 15px;
    width: 252px;
    z-index: 999;
} 

#main .contain article .download .sidebar ul { margin:0; padding:0; border:0;}
#main .contain article .download .sidebar ul .none { border:0;}



.start { margin:0 auto; padding:0; text-align:center;}
.start a { font-size:16px; font-weight:600; color:#fff; background:#0065cb;   padding:15px 25px 15px 25px; border-radius:5px; text-align:center; display: inline-block;}
.start a:hover { text-decoration:none; background:#0057ad;}
.m30 { margin-top:50px; font-size:15px;}
.m10 { margin-top:10px;}

#main .spypu { margin:0; padding:0;}
#main .spypu .cont { margin:0 auto; padding:0;}
#main .spypu .cont table { width: 100%;}
#main .spypu .cont td { text-align:center; padding:10px;}
#main .spypu .cont .big { text-transform:uppercase;}
#main .spypu .cont table td img { max-width: 525px;}
#main .spypu .cont td, #main .spypu .cont th{ padding:8px;}
#main .spypu .cont td font { margin-top:10px; display:block; color: #F60; font-weight: 700; font-size: 18px;}
#main .spypu .cont td span { margin-top:10px; margin-bottom:20px; display:block; text-decoration:line-through; color:#999; font-size: 15px;}
#main .spypu .cont .spyfo { width:100%; height:550px; overflow:scroll;}
#main .spypu .cont .spyfo table th { text-align:right; font-weight:400; padding-right:65px; color:#333; background:none; border:none;}
#main .spypu .cont .spyfo table th strong { font-size:17px;}
#main .spypu .cont .spyfo .ana { background:url(../new-images/appleandroidicon.jpg) right 15px center no-repeat;}
#main .spypu .cont .spyfo .an { background:url(../new-images/androidicon.jpg) right 15px center no-repeat;}
#main .spypu .cont .spyfo .ans { background:url(../new-images/appicon.jpg) right 15px center no-repeat;}
#main .spypu .cont .spyfo .yes { background:url(../new-images/yes.jpg) center top no-repeat;}
#main .spypu .cont .spyfo { width: 100%; height: 350px; overflow: scroll;}
 
#main .demos font a { color: #FFF; background: url(../new-images/cart.png) left 15px center no-repeat #090;
    padding: 15px 25px 15px; border-radius: 5px 5px 5px 5px; padding-left: 45px;}	
#main .demos font a:hover { background-color: #FF6600; text-decoration: none;}
.cens { text-align:center;}


.why { margin:50px auto; padding:40px 0 40px 0; background:#2E028B; color:#FFF; border-radius:20px;}
.why h2 { margin-bottom:40px; color:#FFF;}
.why img { max-width:85px;}
.why table td p { text-align:center;}
.big { font-size:16px;}
.pop { color:#fff;  font-size:13px; display: block; margin:0 auto; padding:0; }
.pop .most { margin:25px auto 5px auto; background:#F60; border-radius:20px; padding:2px; width:50%;}


.pkey { margin:65px auto; padding:0;}
.pkey h4{ text-align:center; font-size:1.5rem;}
.pkey td { padding:15px;}
.pkey td img { max-width:110px;}
.protry { margin:40px auto;}
.protry a { background: #0065cb; padding:15px 25px 15px 25px; border-radius:5px; color:#fff; margin:0 10px;}
.protry a:hover {text-decoration:none; background:#0057ad;}

.pkey .black { background:#0d1821; padding:20px; border:1px solid #0d1821; color:#FFF; border-radius:20px;}
.pkey .black h2 {color:#FFF;}
.pkey .black strong a { color:#0065cb;}
.pkey .black strong a:hover { text-decoration:none; color: #09F;}
 

.review span{ font-size:49px; padding-right:20px;}
.review font {font-size:49px; float:right;}
.review td { padding:15px;}
.review p { }
.review .int { background:#0065cb; color:#FFF; border:1px solid #0065cb; border-radius:15px; padding:15px 15px 0 15px; position: relative; margin-bottom:85px;}
 
.review .int .user {bottom: -55px; position: absolute; left: 50%;  transform: translateX(-50%); color: #959ba2; text-align: center; font-size:12px;}
.review .int .user p { text-align:center;}
.review .int .user .avatar-border { margin-bottom: 5px; width: 95px; height: 95px; padding: 5px;}
.review .int .user .avatar-border span { padding:0;}
.review .int .user .avatar-border .avatar {background:url(../new-images/user.png) center no-repeat; display: block; width: 75px; height: 75px;} 
.bottomcon { text-align:center; color:#fff; background:url(../new-images/spy-on-kid-iphone.jpg) center no-repeat; background-position: center;
    background-size: cover; padding:50px 0 50px 0;}
.bottomcon .start { margin:40px auto;}
.bottomcon .start a { background:#ff9a01;}
.bottomcon .start a:hover { background:#0065cb;}
.bottomcon h2 { color:#fff; font-size:45px;}
.bottomcon p { font-size:25px;}

.legal { font-size:15px; padding-bottom:25px; text-align:left;}
#all .content .blogs { margin:20px auto; padding:0;}
#all .content .blogs td { text-align:left; width:23%; padding:1%;}
#all .content .blogs td img { max-width:100%}
.price table { width:50%;}
.price td, .price th { border: 1px solid #ddd;  padding: 5px;}
	
#all .content .left .guide h4{ margin-block-end: 5px; font-size:18px;}
#all .content .left .guide .comp table { margin-top:15px; margin-bottom:20px;}
#all .content .left .guide .comp table td { padding:10px;}
#all .content .left .guide .comp table td img { max-width:120px; height: auto; display:inline;}
#all .content .left .guide .comp table td ul { padding:0; margin:10px 0 0 15px;}