/* ==========================================================================
	 Icons
	 ========================================================================== */

@font-face {
  font-family: 'easydna';
  src: url('../font/easydna.eot?94791764');
  src: url('../font/easydna.eot?94791764#iefix') format('embedded-opentype'),
       url('../font/easydna.woff?94791764') format('woff'),
       url('../font/easydna.ttf?94791764') format('truetype'),
       url('../font/easydna.svg?94791764#easydna') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'easydna';
		src: url('../font/easydna.svg?18232805#easydna') format('svg');
	}
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: 'easydna';
	font-style: normal;
	font-weight: normal;
	speak: none;
 
	display: inline-block;
	text-decoration: inherit;
 
	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;
		 
	/* fix buttons height, for twitter bootstrap */
	line-height: 18px;

	color: #b2bac7;
	background-color: #f2f5f9;

	-webkit-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-moz-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-o-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	transition: all .32s cubic-bezier(.08,.8,.4,.96);
}
 
.icon-back:before {content: '\e803'; font-size: 16px; background-color: transparent; float: left; margin: 4px 8px 0 0;} /* '' */
.icon-next:before {content: '\e804'; font-size: 16px; background-color: transparent; float: left; margin: 4px 10px 0 0;} /* '' */

.icon-ok:before {content: '\e805';} /* '' */


.icon-fb:before{
	content: '\e800';
	font-size: 18px;
	padding: 11px 15px 11px 16px;

	border-top-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
}
.fb:hover .icon-fb:before, .fb:focus .icon-fb:before {color: #ffffff; background-color: #3b5998;}
.fb:active .icon-fb:before {color: #ffffff; background-color: #627aad;}

.icon-gp:before{
	content: '\e802';
	font-size: 18px;
	padding: 12px 12px 10px 12px;

	border-left: 1px solid #e1e5ea;
	border-right: 1px solid #e1e5ea;
}
.gp:hover .icon-gp:before, .gp:focus .icon-gp:before {color: #ffffff; background-color: #dd4b39; }
.gp:active .icon-gp:before {color: #ffffff; background-color: #e46f61;}

.icon-tw:before{
	content: '\e801';
	font-size: 18px;
	padding: 12px 10px 10px 12px;

	border-top-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
}
.tw:hover .icon-tw:before, .tw:focus .icon-tw:before {color: #ffffff; background-color: #55acee;}
.tw:active .icon-tw:before {color: #ffffff; background-color: #77bdf1;}




/* ==========================================================================
	 Main
	 ========================================================================== */

img { max-width:100%; height:auto !important; }


body, html{
	color: #2D5188;
	font-family: 'HelveticaNeueW01-55Roma', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	line-height: 1.35em;
}

h1, h2, h3, h4, h5, h6, fieldset{
	font-family: 'DINNextRoundedLTW01-Reg', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
}

p{
	line-height: 1.35em;
}

a{
	text-decoration: none;
	color: #0088d2;
	outline: none;
}

a, h1, h2, h3, h4, h5, h6{
	-webkit-transition: color .48s cubic-bezier(.08,.8,.4,.96), border .48s cubic-bezier(.08,.8,.4,.96), background-color .48s cubic-bezier(.08,.8,.4,.96);
	-moz-transition: color .48s cubic-bezier(.08,.8,.4,.96), border .48s cubic-bezier(.08,.8,.4,.96), background-color .48s cubic-bezier(.08,.8,.4,.96);
	-o-transition: color .48s cubic-bezier(.08,.8,.4,.96), border .48s cubic-bezier(.08,.8,.4,.96), background-color .48s cubic-bezier(.08,.8,.4,.96);
	transition: color .48s cubic-bezier(.08,.8,.4,.96), border .48s cubic-bezier(.08,.8,.4,.96), background-color .48s cubic-bezier(.08,.8,.4,.96);
}

a:hover, a:focus, h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover{
	outline: none;
	-webkit-transition: color .16s cubic-bezier(.08,.8,.4,.96), border .16s cubic-bezier(.08,.8,.4,.96), background-color .16s cubic-bezier(.08,.8,.4,.96);
	-moz-transition: color .16s cubic-bezier(.08,.8,.4,.96), border .16s cubic-bezier(.08,.8,.4,.96), background-color .16s cubic-bezier(.08,.8,.4,.96);
	-o-transition: color .16s cubic-bezier(.08,.8,.4,.96), border .16s cubic-bezier(.08,.8,.4,.96), background-color .16s cubic-bezier(.08,.8,.4,.96);
	transition: color .16s cubic-bezier(.08,.8,.4,.96), border .16s cubic-bezier(.08,.8,.4,.96), background-color .16s cubic-bezier(.08,.8,.4,.96);
}

a:active{
	-webkit-transition: color .16s cubic-bezier(.08,.8,.4,.96), border .16s cubic-bezier(.08,.8,.4,.96), background-color .16s cubic-bezier(.08,.8,.4,.96);
	-moz-transition: color .16s cubic-bezier(.08,.8,.4,.96), border .16s cubic-bezier(.08,.8,.4,.96), background-color .16s cubic-bezier(.08,.8,.4,.96);
	-o-transition: color .16s cubic-bezier(.08,.8,.4,.96), border .16s cubic-bezier(.08,.8,.4,.96), background-color .16s cubic-bezier(.08,.8,.4,.96);
	transition: color .16s cubic-bezier(.08,.8,.4,.96), border .16s cubic-bezier(.08,.8,.4,.96), background-color .16s cubic-bezier(.08,.8,.4,.96);
}

p a{
	color: inherit;
	border-bottom: 1px solid #d8dee5;
	padding-bottom: 2px;
}

p a:hover, p a:focus{
	border-bottom: 1px solid #2D5188;
}

p a:active{
	border-bottom: 1px solid #d8dee5;
}




#content .span9 ul li a{
	color: inherit;
	border-bottom: 1px solid #d8dee5;
	padding-bottom: 2px;
}

#content .span9 ul li a:hover, .span9 ul li a:focus{
	border-bottom: 1px solid #2D5188;
}

#content .span9 ul li a:active{
	border-bottom: 1px solid #d8dee5;
}





i{
	font-style: normal;
}

ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

strong{
	font-family: 'HelveticaNeueW01-65Medi', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 700px;
}

input, select, textarea{
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	display: block;
	float: left;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

label{
	font-size: 16px;
	font-family: 'HelveticaNeueW01-65Medi', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 21px 0 8px 16px;
	display: block;
	float: left;
}

label.error{
	color: #fc5455;
}

input, textarea{
	color: #48566a;
	font-family: 'HelveticaNeueW01-55Roma', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 22px;
	padding: 10px 16px;
	box-shadow: 0 1px 0 #e4e6e9 inset, 0 0 0 3px #ffffff inset;
	-moz-box-shadow: 0 1px 0 rgba(72,86,106,0.16) inset, 0 0 0 3px #ffffff inset;
	-webkit-box-shadow: 0 1px 0 rgba(72,86,106,0.16) inset, 0 0 0 3px #ffffff inset;
	box-shadow: 0 1px 0 rgba(72,86,106,0.16) inset, 0 0 0 3px #ffffff inset;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: box-shadow .64s cubic-bezier(.08,.8,.4,.96);
	-moz-transition: box-shadow .64s cubic-bezier(.08,.8,.4,.96);
	-o-transition: box-shadow .64s cubic-bezier(.08,.8,.4,.96);
	transition: box-shadow .64s cubic-bezier(.08,.8,.4,.96);
}

textarea{
	height: 160px;
	resize: vertical;
}

input:focus, textarea:focus{
	box-shadow: 0 1px 0 #e4e6e9 inset, 0 0 0 3px #cce7f6 inset;
	-moz-box-shadow: 0 1px 0 rgba(72,86,106,0.16) inset, 0 0 0 3px rgba(0,136,210,0.2) inset;
	-webkit-box-shadow: 0 1px 0 rgba(72,86,106,0.16) inset, 0 0 0 3px rgba(0,136,210,0.2) inset;
	box-shadow: 0 1px 0 rgba(72,86,106,0.16) inset, 0 0 0 3px rgba(0,136,210,0.2) inset;
}

input.error, textarea.error{
	box-shadow: 0 1px 0 #e4e6e9 inset, 0 0 0 3px #ffcccc inset;
	-moz-box-shadow: 0 1px 0 rgba(72,86,106,0.16) inset, 0 0 0 3px rgba(255,0,0,0.2) inset;
	-webkit-box-shadow: 0 1px 0 rgba(72,86,106,0.16) inset, 0 0 0 3px rgba(255,0,0,0.2) inset;
	box-shadow: 0 1px 0 rgba(72,86,106,0.16) inset, 0 0 0 3px rgba(255,0,0,0.2) inset;
}

.payment input[type="submit"]{
	width: initial;
	font-family: 'DINNextRoundedLTW01-Med', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	padding: 9px 48px;
	margin: 6px 0;
	color: #ffffff;
	font-size: 18px;

	text-shadow: 0px 1px 0px #0d843a;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);

	background: #33b162; /* Old browsers */
	background: -moz-linear-gradient(top, #33b162 0%, #009d3b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33b162), color-stop(100%,#009d3b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #33b162 0%,#009d3b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #33b162 0%,#009d3b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #33b162 0%,#009d3b 100%); /* IE10+ */
	background: linear-gradient(to bottom, #33b162 0%,#009d3b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33b162', endColorstr='#009d3b',GradientType=0 ); /* IE6-9 */

	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;

	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-top: 1px solid #5cc181;
	border-bottom: 1px solid #018d35;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.payment input[type="submit"]:hover, .payment input[type="submit"]:focus{
	background: #1db455; /* Old browsers */
	background: -moz-linear-gradient(top, #1db455 0%, #008833 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1db455), color-stop(100%,#008833)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1db455 0%,#008833 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1db455 0%,#008833 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1db455 0%,#008833 100%); /* IE10+ */
	background: linear-gradient(to bottom, #1db455 0%,#008833 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1db455', endColorstr='#008833',GradientType=0 ); /* IE6-9 */
	border-bottom: 1px solid #4ac377;
	border-bottom: 1px solid #007a2e;
}

.payment input[type="submit"]:active{
	background: #009d3b; /* Old browsers */
	background: -moz-linear-gradient(top, #009d3b 0%, #33b162 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009d3b), color-stop(100%,#33b162)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #009d3b 0%,#33b162 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #009d3b 0%,#33b162 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #009d3b 0%,#33b162 100%); /* IE10+ */
	background: linear-gradient(to bottom, #009d3b 0%,#33b162 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009d3b', endColorstr='#33b162',GradientType=0 ); /* IE6-9 */
	border-top: 1px solid #5cc181;
	border-bottom: 1px solid #018d35;
}

.blur{
	-webkit-filter: blur(3px);
}

/* ==========================================================================
	 Header
	 ========================================================================== */

#header{
	font-size: 22px;
	height: 107px;
}

#header .span3 img{
	padding: 27px 0px;
}

#header .span3 a{
	display: block;
}

#header .span9 img{
	margin: -2px 5px 0 0;
}

#header div:last-child ul:last-child{
	padding: 45px 0 40px 0;
	margin: 0 20px 0 0;
	float: right;
}

#header div:last-child ul:last-child li{
	float: left;
	margin: 0 12px 0 0;
}

#header div:last-child ul:last-child li span{
	margin-left: 12px;
}

#header div:last-child ul:last-child li:nth-child(1) a, #header div:last-child ul:last-child li:nth-child(2) a{
	color: #888f96;
}

#header div:last-child ul:last-child li:nth-child(1) a:hover, #header div:last-child ul:last-child li:nth-child(2) a:hover, #header div:last-child ul:last-child li:nth-child(1) a:focus, #header div:last-child ul:last-child li:nth-child(2) a:focus{
	color: #0088d2;
}

#header div:last-child ul:last-child li:nth-child(1) a:active, #header div:last-child ul:last-child li:nth-child(2) a:active{
	color: #888f96;
}


#header div:last-child ul:last-child li:nth-child(4){
	display: none;
}

#header div:first-child ul:first-child{
	padding: 32px 0 35px 0;
	margin: 0;
	float: right;
}

#header div:first-child ul:first-child li{
	float: left;
}

#header div:first-child ul:first-child a{
	display: inline-table;
}


#header div:last-child ul:last-child li:nth-child(4){
padding: 4px 8px;
margin-top: -5px;
font-size: 32px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
display: none;
}



#minimenu{
	display: none;
}

#menu{
	width:100%; 
	font-family: 'DINNextRoundedLTW01-Bol', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 18.5px;
	text-transform: uppercase;
	background-color:#ffffff;
	color: #1994d6;
	border-top: 1px solid #e5e9ef;
	border-bottom: 1px solid #e5e9ef;
	line-height: 1.45;
	z-index:50;
}

.is-sticky #menu #menu-main-menu > li:first-child a { position:relative; }
.is-sticky #menu #menu-main-menu > li:first-child a:before{ content: url('../images/easydna-logo-small.png'); position: absolute; left: 0; top: 8.5px; }


#menu .logo{
	position: absolute;
	padding-top: 0px 0px 0px 0px;
}

#menu ul{
	padding: 4px 0px 0px 0px;
	margin: 0;
	overflow: hidden;
	width: 100%;
	text-align: center;
}

#menu ul.menu > li{
	width:16.66%;
	float: left;
}

/* #menu ul:last-child li:last-child a{ */

#menu li.headerordernowbutton a{
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	color: #ffffff;

	text-shadow: 0px 1px 0px #0d72aa;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);

	background: #33a0db; /* Old browsers */
	background: -moz-linear-gradient(top,  #33a0db 0%, #0188d2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33a0db), color-stop(100%,#0188d2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #33a0db 0%,#0188d2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #33a0db 0%,#0188d2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #33a0db 0%,#0188d2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #33a0db 0%,#0188d2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33a0db', endColorstr='#0188d2',GradientType=0 ); /* IE6-9 */

	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;

	border-top: 1px solid #48aadf;
	border-bottom: 1px solid #0181c7;
	border-radius: 8px;
	-webkit-border-radius: 22px;
	-moz-border-radius: 8px;
}

/* #menu ul:last-child li:last-child a:hover, #menu ul:last-child li:last-child a:focus{ */
#menu li.headerordernowbutton a:hover, #menu li.headerordernowbutton a:focus{
	background: #009ee0; /* Old browsers */
	background: -moz-linear-gradient(top,  #009ee0 0%, #0072d2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009ee0), color-stop(100%,#0072d2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #009ee0 0%,#0072d2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #009ee0 0%,#0072d2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #009ee0 0%,#0072d2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #009ee0 0%,#0072d2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ee0', endColorstr='#0072d2',GradientType=0 ); /* IE6-9 */

	border-top: 1px solid #1aa8e3;
	border-bottom: 1px solid #006cc7;
}


#menu li.headerordernowbutton a:active{
	background: #0188d2; /* Old browsers */
	background: -moz-linear-gradient(top, #0188d2 0%, #33a0db 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0188d2), color-stop(100%,#33a0db)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0188d2 0%,#33a0db 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0188d2 0%,#33a0db 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0188d2 0%,#33a0db 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0188d2 0%,#33a0db 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0188d2', endColorstr='#33a0db',GradientType=0 ); /* IE6-9 */

	border-top: 1px solid #48aadf;
	border-bottom: 1px solid #0181c7;
}

#menu a{
	color: #0088d2;
	padding: 8.5px 0px 9.5px 0px;
	display:block;
}

#menu a:hover, #menu a:focus{
	color: #0088d2;
	background-color: #f4fbff;
}

#menu #menu-mobile-menu { display:none; }









#footer{
	font-size: 13px;
	color: #ffffff;
	padding: 15px 0 18.5px 0;
	background: #1994d6 url("../images/payment.png") no-repeat;
        background-position-x: 50%;
        background-position-y: 100%;
        background-position: center bottom 32px;
}

#footer ul{
	padding: 0px;
	margin: 0;
	line-height: 24px;
}

#footer a{
	color: #ffffff;
	border-bottom: 1px solid #33a0db;
	padding-bottom: 2px;
}

#footer a:hover, #footer a:focus{
	border-bottom: 1px solid #ffffff;
}

#footer a:active{
	border-bottom: 1px solid #71bde6;
}

#footer .label{
	font-family: 'HelveticaNeueW01-65Medi', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 13px;
}

#footer p{
	line-height: 21.5px;
}

#footer .container:first-child .row:first-child{
	margin-bottom: 20.5px;
}

#footer .twitter-follow-button{
	margin-left: 16px;
}

#footer .credits a{
	font-family: 'HelveticaNeueW01-65Medi', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#footer .credits div:last-child{
	text-align: right;
}




/* ==========================================================================
	 Index
	 ========================================================================== */

.home h2{
	font-size: 30px;
}

#top{
	font-family: 'Source Sans Pro', sans-serif, 'Arial';
	background:#225a91 url("../images/banner.jpg") no-repeat center top;
	padding: 20px 0 34px 0;
}

#top h1{
	font-size: 40px;
	color: #ffffff;
	width: 50%;
	line-height: 1.2em;
	margin-bottom: 56px;
}

#top span{
	font-size: 20px;
	color: #ffffff;
	margin-right: 32px;
}

#top span img{
	margin-top: -5px;
	margin-right: 8px;
}

#top span.iso{
	font-size: 15px;
	font-family: 'DINNextRoundedLTW01-Med', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	border: 1px solid #ffffff;
	border: 1px solid rgba(255,255,255,0.32);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 2px 16px;
	margin-top: -4px;
	position: absolute;
}

#top a.order{
	font-family: 'DINNextRoundedLTW01-Bol', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	display: inline-block;
	margin-top: 50px;
	padding-left: 54px;
	padding-right: 54px;
}

#tests{
	font-family: 'Source Sans Pro', 'Arial', sans-serif;

	font-size: 20px;
	background-color: #f2f9fd;
	border-bottom: 1px solid #e5f3fa;
}

#tests a{
	width: 25%;
	border-left: 1px solid #d9edf9;
	padding: 15px 24px 15px 24px;
	display: block;
	float: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	position: relative;
}

#tests a:nth-child(1), #tests a:nth-child(5){
	border-left: none; clear:left;
}

#tests a:nth-child(-n+4){
	border-bottom: 1px solid #d9edf9;
}

#tests a:hover, #tests a:focus{
	background-color: #d9eef9;
}

#tests a:active{
	background-color: #f2f9fd;
}

#tests img{
	margin-top: 7px;
	float: left;
}

#tests span{
	float: left;
	margin-left: 20px;
	width: 112px;
	line-height: 24px;
}

#intro{
	padding-top: 15px;
	padding-bottom: 20px;
}

#intro h2{
	color: #33b162;
}

#intro img{
	max-width: 100%;
	padding-top: 32px;
}

#intro a{
	border-bottom: 1px solid #cce7f6;
	padding-bottom: 3px;
}

#intro a:hover, #intro a:focus{
	border-bottom: 1px solid #33a0db;
}

#intro a:active{
	border-bottom: 1px solid #cce7f6;
}

#how{
	color: #ffffff;
	text-align: center;
	background: #47a9df; /* Old browsers */
	background: -moz-linear-gradient(left,  #47a9df 0%, #47b872 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#47a9df), color-stop(100%,#47b872)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #47a9df 0%,#47b872 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #47a9df 0%,#47b872 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #47a9df 0%,#47b872 100%); /* IE10+ */
	background: linear-gradient(to right,  #47a9df 0%,#47b872 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a9df', endColorstr='#47b872',GradientType=1 ); /* IE6-9 */
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	cursor: default;
}

#how div.line{
	height: 1px;
	width: 100%;
	background-color: #ffffff;
	background-color: rgba(255,255,255,0.16);
	float: left;
	position: absolute;
	top: 50%;
}

#how .span3:first-child{
	text-align: left;
}

#how h5{
	font-family: 'HelveticaNeueW01-65Medi', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 18px;
	margin: 12px 0 12px 0;
}

#how .span3:first-child h5{
	font-size: 20px;
}

#how span{
	height: 24px;
	width: 24px;
	background-color: rgba(255,255,255,0.32);
	display: block;
	margin: 0 auto;
	border-radius: 888px;
	-webkit-border-radius: 888px;
	-moz-border-radius: 888px;
	position: relative;
}

#how span span{
	height: 12px;
	width: 12px;
	background-color: #ffffff;
	top: 6px;
	left: 6px;
	position: absolute;
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1);
}

#why{
	padding: 20px 0 20px 0;
}

#why h2{
	color: #33b162;
}

#why img{
	max-width: 100%;
	margin-top: 20px;
	padding-top: 64px;
}

#values .box{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #e9eaed;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding: 24px 16px 16px 16px;
}

#values .box img{
	float: left;
}

#values .box h3{
	font-size: 20px;
	font-family: 'DINNextRoundedLTW01-Med', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #555555;
	margin: 3px 0 0 48px;
}

#values .box p{
	margin: 12px 0 16px 48px;
}


#more{
	padding: 24px 0 0px 0;
}

#more h4{
	font-size: 24px;
	color: #33b162;
}

#media{
	padding-bottom: 5px;
	padding-top: 12px;
	background-color: #f2f9fd;
}

#media h4{
	font-size: 20px;
	font-family: 'DINNextRoundedLTW01-Med', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	display: inline-block;
	margin-right: 16px;
}

@media only screen and (max-width: 768px) {
img.support_img{
display:none;
}
}
#media img{
	margin: -14px 0 0 30px;
}

#testimonials{
	color: #2D5188;
	text-align: center;
	background-color: #f2f5f9;
	padding: 16px 0 16px 0;
	
}
#testimonials h2 {
	margin:16px 0; 
}

#map{
	color: #2D5188;
	text-align: center;
	padding: 16px 0 24px 0;
}

#map a{
	color: #2D5188;
}

#map h2{
	display: inline-block;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 3px;
	margin:16px 0; 
}

#map:hover h2, #map a:focus h2{
	border-bottom: 1px solid #e3e6ea;
}

#map h2:hover{
	border-bottom: 1px solid #8e99ab;
}

#map a:active h2{
	border-bottom: 1px solid #e3e6ea;
}

#map img{
	margin-top: 10px;
	max-width: 100%;
}




/* ==========================================================================
	 Subpage
	 ========================================================================== */

#banner{
	padding: 44px 0 0px 0;
	background-color: #fff;
	background-position:60% bottom;
	background-repeat:no-repeat;
	min-height: 330px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

#banner .breadcrumb{
	font-size: 17px;
	color: #888f96;
	display: table;
}

#banner .breadcrumb:hover, #banner .breadcrumb:focus, #banner .breadcrumb:hover .icon-back:before, #banner .breadcrumb:focus .icon-back:before{
	color: #1994d6;
}

#banner .breadcrumb:active, #banner .breadcrumb:active .icon-back:before{
	color: #1994d6;
}

#banner h1{
	margin: 14px 0 20px 0;
	font-size: 40px;
	color: #1994d6;
	display: inline-block;
	line-height: 1em;
}

#banner span.pricefrom{
	font-size: 17.5px;
	font-family: 'DINNextRoundedLTW01-Med', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #1994d6;
	background-color: rgba(255,255,255,0.5);
	border: 1px solid #b5ddf2;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	padding: 7px 8px 4px 10px;
	position: absolute;
	margin: 16px 0 0 20px;
	z-index:2;
}

#banner .mobileorder { display:none; }


#banner p{
	font-size: 19px;
	margin-top: 6px;
	padding-right: 296px;
	line-height: 24px;
	color: #2D5188;
}

#content{
	padding: 0px 0 49px 0;
	background-color: #fff;
}

#content h2{
	color: #1994d6;
	font-size: 26px;
}


#content .span9 ul { list-style:disc outside; margin-left:2em; }
#content .span9 ol { list-style:decimal outside; }



#sidebar{
	padding-top: 5px;
}

#sidebar h3{
	color: #1994d6;
	padding-left: 16px;
	padding-bottom: -10px;
	font-size:25px;
	font-family: 'Source Sans Pro', sans-serif, 'Arial'!important;	
}

#sidebar .minimenu h3{
	font-size: 16px;
	margin: 0;
	color: #1994d6;
	padding-left: 16px;
}

#sidebar ul{
	padding: 5px 0 37px 0;
	margin: 0;
	font-size: 18px;
	font-family: 'Source Sans Pro', sans-serif, 'Arial'!important;
}

#sidebar li{
	padding: 2px 0 0 16px;
}

#sidebar li a{
	border-bottom: 1px solid #cce7f6;
	padding-bottom: 1px;
}

#sidebar li a:hover, #sidebar li a:focus{
	border-bottom: 1px solid #0088d2;
}

#sidebar li a:active{
	border-bottom: 1px solid #cce7f6;
}

#sidebar li.current-menu-item{
	background:url(../images/icon-current.png) 0 60% no-repeat;
}
#sidebar li.current_page_parent{
	background:url(../images/icon-current.png) 0 60% no-repeat;
}

#sidebar li.current-menu-item a, #sidebar li.current-menu-item a:hover, #sidebar li.current-menu-item a:focus, #sidebar li.current-menu-item a:active{
	color: #888f96;
	border-bottom: 1px solid transparent;
	cursor: default;
}
#sidebar li.current_page_parent a, #sidebar li.current_page_parent a:hover, #sidebar li.current_page_parent a:focus, #sidebar li.current_page_parent a:active{
	color: #888f96;
	border-bottom: 1px solid transparent;
	cursor: default;
}

body.single-knowledge-base #sidebar li.knowledge-base-menu-item {
	background:url(../images/icon-current.png) 0 60% no-repeat;
}
body.single-knowledge-base #sidebar li.knowledge-base-menu-item a {
	color: #888f96;
	border-bottom: 1px solid transparent;
	cursor: default;
}

#sidebar a.call{
	height: 60px;
	max-width: 100%;
	color: #1994d6;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: .2px;
	line-height: 31px;
	padding: 8px 14px 9px 14px;
	margin-bottom: 20px;
	background: #ffffff url("../images/callrequest.png") no-repeat;
	border: 1px solid #1994d6;
	border-radius: 50px;
	-webkit-border-radius: 27px;
	-moz-border-radius: 1px;
	-moz-box-shadow: 0 1px 0 #ffffff;
	-webkit-box-shadow: 0 1px 0 #ffffff;
	box-shadow: 0 0px 0 #1994d6;
	display: block;
	font-family: 'HelveticaNeueW01-55Roma', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#sidebar a.call span{
	color: #1994d6;
	border-bottom: 0px solid #ffffff;
	padding-bottom: 0px;
	-webkit-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-moz-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-o-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	transition: all .32s cubic-bezier(.08,.8,.4,.96);
	padding-left: 0;
}

#sidebar a.call:hover span, #sidebar a.call:focus span{
	background: #1994d6 url("../images/callrequest.png") no-repeat;
	color: #ffffff;
}

#sidebar a.call:hover {
	background: #1994d6 url("../images/callrequest.png") no-repeat;
	color: #ffffff;
}

#sidebar a.call.livechat{
	font-size: 18px;
   	background: #ffffff url("../images/chatlive.png") no-repeat;
	border: 1px solid #1994d6;
	border-radius: 50px;
	-webkit-border-radius: 27px;
}

#sidebar a.call.livechat span{
	color: #1994d6;
	border-bottom: 0px solid #ffffff;
	padding-bottom: 0px;
	-webkit-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-moz-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-o-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	transition: all .32s cubic-bezier(.08,.8,.4,.96);
	padding-left: 0;
}
#sidebar a.call.livechat:hover span, #sidebar a.call:focus span{
	background: #1994d6 url("../images/chatlive.png") no-repeat;
	color: #ffffff;
}

#sidebar a.call.livechat:hover {
	background: #1994d6 url("../images/chatlive.png") no-repeat;
	color: #ffffff;
}

#sidebar a.order{
	font-size: 20px;
	text-align: left;
	padding: 27px 13px 27px 13px;
	margin-bottom: 21px;
	background: #ffffff url("../images/ordercart.png") no-repeat;
	display: block;
	border: 1px solid #2db86f;
	border-radius: 8px;
	-webkit-border-radius: 27px;
	-moz-border-radius: 24px;
	-moz-box-shadow: 0 0px 0 #d8dde3;
	-webkit-box-shadow: 0 0px 0 #d8dde3;
	box-shadow: 0 0px 0 #d8dde3;
	font-family: 'HelveticaNeueW01-55Roma', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#sidebar a.order span{
	padding-bottom: 3px;
	-webkit-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-moz-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-o-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	transition: all .32s cubic-bezier(.08,.8,.4,.96);
	padding-left: 0;
	color: #2db86f;
	font-weight: bold;
}

#sidebar a.order:hover span, #sidebar a.order:focus span{
	background: #2db86f url("../images/ordercart.png") no-repeat;
	color: #ffffff;db
}

#sidebar a.order:hover {
	background: #2db86f url("../images/ordercart.png") no-repeat;
	color: #ffffff;db
}


#sidebar a.order:active span{
	border-bottom: 1px solid #cce7f6;
}

#sidebar img{
	max-width: 100%;
	padding-left: 12px;
	padding-top: 12px;
	padding-bottom: 10px;
}

#sidebar img{
	max-width: 100%;
	padding-left: 12px;
}

.box{
	font-size: 16px;
	border-style: solid;
	border-width: 0.75px;
	border-color: #d9edf9;
	background-color: #ffffff;
	border-radius: 8px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 8px;
	-moz-box-shadow: 0 31px 0 #1994d6;
	margin-bottom: 24px;
}



/* ==========================================================================
	 DNA Tests
	 ========================================================================== */


.dna-tests .box{
	padding: 27px 0 22px;
	overflow: hidden;
	margin-top: 22px;
	margin-bottom: 0px;
	margin-right: -2px;
}

.dna-tests .box:nth-child(2n+1) {
	clear:left; 
}


.dna-tests .box div{
	width: 50%;
	float: left;
	padding: 0 20px;
	box-sizing: border-box;
}

.dna-tests h2{
	font-size: 22px !important;
	margin: 0 0 8px 20px;
	border-bottom: 1px solid #ffffff;
	display: block;
}

.dna-tests h2 img{
	margin: -8px 16px 0 0;
}

.dna-tests h2 a{
	line-height: 1.2em;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 1px;
}

.dna-tests h2 a:hover, .dna-tests h2 a:focus{
	border-bottom: 1px solid #0088d2;
}

.dna-tests h2 a:active{
	border-bottom: 1px solid #cce7f6;
}

.dna-tests p{
	color: #2D5188;
}

.dna-tests .more{
	display: inline-block;
	margin: 8px 0 11px 0;
	border-bottom: 1px solid #cce7f6;
	padding-bottom: 0;
}

.dna-tests ul{
	padding: 10px 0;
	margin: 0;
	font-family: 'DINNextRoundedLTW01-Reg', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.dna-tests li{
	padding-top: 5px;
}

.dna-tests a{
	padding-bottom: 3px;
	border-bottom: 1px solid #cce7f6;
	line-height: 1.35em;
}

.dna-tests a:hover, .dna-tests a:focus{
	border-bottom: 1px solid #0088d2;
}

.dna-tests a:active{
	border-bottom: 1px solid #cce7f6;
}




/* ==========================================================================
	 Test Category
	 ========================================================================== */


.test-category p{
	padding: 0 16px 0 64px;
	line-height: 22px;
	margin-bottom: -7px;
}

.test-category .accordion p { padding:0; }

.test-category .icon{
	margin-top:-10px;
	display: inline-block;
}

.test-category h2{
	margin: 25px 0 0px 0px;
	display: inline-block;
	background:url(../images/icon-how.png) 0 50% no-repeat;
	padding-left:64px;
	hesight:48px; 
	line-height:48px;
}

.test-category .products{
	padding-top: 5px;
}

.test-category .box{
	width: 100%;
	float: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background-color: #ffffff;
	margin-bottom: 0px;
	margin-top: 20px;
}

.test-category .box div:first-child{
	padding: 32px 32px 0 32px;
}

.test-category .box h3{
	font-size: 24px;
	float: left;
	margin: 4px 0 31px 0;
}

.test-category .box h3 a{
	border-bottom: 1px solid #ffffff;
	padding-bottom: 1px;
}

.test-category .box h3 a:hover, .test-category .box h3 a:focus{
	border-bottom: 1px solid #0088d2;
}

.test-category .box h3 a:active{
	border-bottom: 1px solid #cce7f6;
}

.test-category .box div:first-child span, .test-category .box div:first-child a{
	float: right;
}

.test-category .box div:first-child span, .test-category .box div:first-child a:nth-child(2){
	font-family: 'DINNextRoundedLTW01-Bol', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
}

.test-category .box div:first-child span{
	padding: 4px 24px 0 0;
}

.test-category .box div:first-child a:nth-child(2), .span12 a.order{
	padding: 15px 24px;
	color: #ffffff;
	text-shadow: 0px 1px 0px #0d72aa;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);

	background: #33a0db; /* Old browsers */
	background: -moz-linear-gradient(top,  #33a0db 0%, #0188d2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33a0db), color-stop(100%,#0188d2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #33a0db 0%,#0188d2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #33a0db 0%,#0188d2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #33a0db 0%,#0188d2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #33a0db 0%,#0188d2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33a0db', endColorstr='#0188d2',GradientType=0 ); /* IE6-9 */

	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;

	border-top: 1px solid #48aadf;
	border-bottom: 1px solid #0181c7;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.test-category .box div:first-child a:nth-child(2):hover, .test-category .box div:first-child a:nth-child(2):focus, #top a.order:hover, #top a.order:focus{
	background: #009ee0; /* Old browsers */
	background: -moz-linear-gradient(top,  #009ee0 0%, #0072d2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009ee0), color-stop(100%,#0072d2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #009ee0 0%,#0072d2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #009ee0 0%,#0072d2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #009ee0 0%,#0072d2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #009ee0 0%,#0072d2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ee0', endColorstr='#0072d2',GradientType=0 ); /* IE6-9 */

	border-top: 1px solid #1aa8e3;
	border-bottom: 1px solid #006cc7;
}

.test-category .box div:first-child a:nth-child(2):active, #top a.order:active{
	background: #0188d2; /* Old browsers */
	background: -moz-linear-gradient(top, #0188d2 0%, #33a0db 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0188d2), color-stop(100%,#33a0db)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0188d2 0%,#33a0db 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0188d2 0%,#33a0db 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0188d2 0%,#33a0db 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0188d2 0%,#33a0db 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0188d2', endColorstr='#33a0db',GradientType=0 ); /* IE6-9 */

	border-top: 1px solid #48aadf;
	border-bottom: 1px solid #0181c7;
}

.test-category .box div.moreinfo{
	text-align: center;
	font-family: 'HelveticaNeueW01-65Medi', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	border-top: 1px solid #e8f4fb;
}

.test-category .box div:last-child a.moreinfo {
	width: 100%;
	display: block;
	padding: 14px 0;
	border-bottom-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
}

.test-category .box div:last-child a.moreinfo:hover, .test-category .box div:last-child a.moreinfo:focus{
	background-color: #f4fbff;
}

.test-category .box div:last-child a.moreinfo:active{
	background-color: #ffffff;
}

.test-category .box a{
	margin-left: auto;
	margin-right: auto;
}

.test-category .testcatbox p{
	text-align: justify;
	font-size: 16px;
	padding: 0;
	margin-bottom: 24px;
	clear: left;
}



/* ==========================================================================
	 Test
	 ========================================================================== */


.test-page p{
	padding: 0 16px 0 64px; 
	line-height: 22px;
	margin-bottom: -7px;
}


.test-page .span9 ul { padding-left:64px; }
.test-page .span9 ol { margin-left:64px; }

.test-page .icon{
	margin-top:-10px;
	display: inline-block;
}

.test-page .noicon h2, .test-page .noicon p{
padding-left: 0;
}

.test-page h2{
	margin: 25px 0 0px 0px;
	display: inline-block;
	padding-left:64px;
	heisght:40px;
	line-height:40px;
}

.test-page h2.test-accurate { background:url(../images/test-accurate.png) 0 50% no-repeat; }
.test-page h2.test-easy { background:url(../images/test-easy.png) 0 50% no-repeat; }
.test-page h2.test-fast { background:url(../images/test-fast.png) 0 50% no-repeat; }
.test-page h2.test-accredited { background:url(../images/test-easy.png) 0 50% no-repeat; }
.test-page h2.test-flexible { background:url(../images/test-easy.png) 0 50% no-repeat; }
.test-page h2.test-question { background:url(../images/test-easy.png) 0 50% no-repeat; }
.test-page h2.test-star { background:url(../images/test-easy.png) 0 50% no-repeat; }
.test-page h2.test-equals { background:url(../images/test-easy.png) 0 50% no-repeat; }
.test-page h2.test-afterrisk { background:url(../images/test-easy.png) 0 50% no-repeat; }
.test-page h2.test-arrowdown { background:url(../images/test-easy.png) 0 50% no-repeat; }
.test-page h2.test-arrowleft { background:url(../images/test-easy.png) 0 50% no-repeat; }
.test-page h2.test-arrowright { background:url(../images/test-easy.png) 0 50% no-repeat; }
.test-page h2.test-arrowup { background:url(../images/test-easy.png) 0 50% no-repeat; }
.test-page h2.test-at { background:url(../images/test-easy.png) 0 50% no-repeat; }
.test-page h2.test-clock { background:url(../images/test-fast.png) 0 50% no-repeat; }
.test-page h2.test-dollar { background:url(../images/test-easy.png) 0 50% no-repeat; }
.test-page h2.test-exclemation { background:url(../images/test-easy.png) 0 50% no-repeat; }
.test-page h2.test-hash { background:url(../images/test-easy.png) 0 50% no-repeat; }
.test-page h2.test-percentage { background:url(../images/test-easy.png) 0 50% no-repeat; }
.test-page h2.test-question2 { background:url(../images/test-easy.png) 0 50% no-repeat; }
.test-page h2.test-star2 { background:url(../images/test-easy.png) 0 50% no-repeat; }
.test-page h2.test-and { background:url(../images/test-easy.png) 0 50% no-repeat; }

.test-page .fast{
	margin-left: 14px;
}



.test-page .forensicheader { margin:48px 0 16px 0; overflow:hidden; font-size: 16px;}
.test-page .forensicheader .left { float:left; width:55%; }
.test-page .forensicheader span { display:inline-block; margin-left:32px; }
.test-page .forensicheader .right { float:right; width:45%; text-align:right; }
.test-page .forensicheader .right span { display:inline-block; margin-right:24px; min-width:120px; margin-left:30px; }

.test-page .accordion{
	margin: 56px 0 32px 0;
}
.test-page .accordion.alt {
	margin-top:0px;
}

.test-page .accordion.alt .box{
	margin-bottom: 8px;
}

.test-page .accordion.alt .box div{
	line-height: 1.5em;
	border-top: 1px solid #e8f4fb;
	padding: 21px 16px 25px 32px;
}

.test-page .accordion.alt .box h4{
	font-size: 16px;
	font-family: 'HelveticaNeueW01-65Medi', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0;
	display: block;
}

.test-page .accordion.alt .box h4:before{
	content: none;
}

.test-page .accordion.alt .box h4 div:first-child:before{
	font-family: 'easydna';
	content: '\e804';
	font-size: 20px;
	color: #cce7f6;
	background-color: transparent;
	margin: -1px 10px 0 -18px;
	float: left;
	display: block;
	-webkit-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-moz-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-o-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	transition: all .32s cubic-bezier(.08,.8,.4,.96);
}

.test-page .accordion.alt .box h4 a:hover div:first-child:before, .test-page .accordion.alt .box h4 a:focus div:first-child:before{
	color: #33a0db;
}

.test-page .accordion.alt .box h4.open div:first-child:before{
	color: #33a0db;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-webkit-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-moz-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-o-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	transition: all .32s cubic-bezier(.08,.8,.4,.96);
}

.test-page .accordion.alt .box h4 a{
	padding: 11px 8px 10px 16px;
	display: block;	
}

.test-page .accordion.alt .box h4 a div{
	padding: 0;
	border: none;
}

.test-page .accordion.alt .box h4 a div:first-child{
	width: 55%;
	margin-top: 2px;
	padding-left: 18px;
	float: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.test-page .accordion.alt .box h4 a div:last-child{
	width: 45%;
	font-family: 'HelveticaNeueW01-55Roma', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #2D5188;
	text-align: right;
	display: inline-block;
	padding-right: 16px;
	padding-left: 8px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.test-page .accordion.alt .box h4 a div:last-child span{
	color: #33b162;
	margin-left: 30px;
	display: inline-block;
	min-width:120px; /* AJT */
}

.test-page .accordion.alt .box h4 a div:last-child span:before{
	content: '\e805';
	font-family: 'easydna';
	font-size: 12px;
	color: #99d8b0;
	margin-right: 8px;
	display: inline-block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.stripe{
	font-size: 20.5px;
	line-height: 40px; padding:15.5px 0; 
	color: #2db86f;
	background-color: #ffffff;
	border-top: 1px solid #e5e9ef;
	font-family: 'Source Sans Pro', sans-serif, 'Arial';
	-webkit-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-moz-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-o-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	transition: all .32s cubic-bezier(.08,.8,.4,.96);
}

.stripe:hover, .stripe:focus{
	color: #ffffff;
	background-color: #2db86f;
}

.stripe:active{
	background-color: #2db86f;
}

.stripe img{
	margin: -5px 25px 0 0;
}

.related{
	font-size: 16px;
	padding: 0px 0 1px 0; padding-left:64px; 
	background-color: #ffffff;
}


.related .widget_nav_menu { padding-left:64px; }

.related span{
	font-size: 20px;
	font-family: 'Source Sans Pro', sans-serif, 'Arial';
	color: #555;
	margin-bottom: 22px;
	display: inline-block;
}

.related .span5 ul{
	padding-left: 64px;
}
.related .span5 span { pasdding-left:64px; }


.related a{
	color: #888f96;
	line-height: 22px;
	padding-bottom: 1px;
	margin-bottom: 6px;
	border-bottom: 1px solid #e3e6ea;
	display: inline-block;
}

.related a:hover, .related a:focus{
	border-bottom: 1px solid #8e99ab;
}

.related a:active{
	border-bottom: 1px solid #e3e6ea;
}








/* ==========================================================================
	 Resources
	 ========================================================================== */


.resources .box{
	padding: 27px 24px 10px 24px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.resources h2{
	font-size: 22px !important;
	margin: 0 0 8px 0;
	display: inline-block;
}

.resources .box a{
	display: inline;
	color: #2D5188;
	border:none !important;
	padding-bottom:0 !important; 
}

.resources a:hover, .resources a:focus{
	text-decoration:underline;
}

.resources a:active{
	text-decoration:underline;
}

.resources h2 a {
	color: #0088d2;
}



/* ==========================================================================
	 How to
	 ========================================================================== */

.how-to .span9 .row{
	padding: 32px 0;
}

.how-to .span9 div{
	padding-bottom: 64px;
	clear: left;
	overflow: hidden;
}

.how-to img{
	float: left;
	margin-right: 24px;
}

.how-to p{
	margin-right: 16px;
}




/* ==========================================================================
	 About us
	 ========================================================================== */

.about-us p{
	padding: 0 16px 0 0;
	line-height: 22px;
	margin-bottom: -7px;
}

.about-us h2{
	margin: 25px 0 0px 0;
	display: inline-block;
}

.about-us .aboutmobile { display:none; }


/* ==========================================================================
	 Company news
	 ========================================================================== */

#content.company-news{
	padding: 32px 0 72px 0;
}

#content.company-news p{
	padding: 0 16px 0 0;
	line-height: 22px;
	margin-bottom: 25px;
}

#content.company-news h2{
	font-size: 22px;
	line-height: 32px;
	margin: 28px 0 8px 0;
	display: inline-block;
}

#content.company-news h2 a{
	color: #555555;
	border-bottom: 1px solid #d8dee5;
	padding-bottom: 1px;
}

#content.company-news h2 a:hover, #content.company-news h2 a:focus{
	border-bottom: 1px solid #2D5188;
}

#content.company-news h2 a:active{
	border-bottom: 1px solid #d8dee5;
}

#content.company-news .span9 span{
	font-size: 14px;
	color: #888f96;
	padding-bottom: 3px;
	display: block;
}




/* ==========================================================================
	 Article view
	 ========================================================================== */

#banner.article-view{
	background-image: none;
	min-height: 200px;
}

#content.article-view p{
	padding: 0 16px 0 0;
	line-height: 22px;
	margin-bottom: 25px;
}

#content.article-view h2{
	line-height: 32px;
	margin: 28px 0 8px 0;
	display: inline-block;
}

.pagenavigation-previous { float:left; }
.pagenavigation-next { float:right; }



/* ==========================================================================
	 Testimonials
	 ========================================================================== */

.testimonials .span9{
	padding-top: 13px;
}

.testimonials p{
	padding: 0 0 0 0;
	line-height: 22px;
	margin-bottom: 0;
}

.testimonials .span9 div{
	width: 48%;
	float: left;
	margin-left: 2%;
	padding-right: 16px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.testimonials .span9 div:nth-child(2n+1){
	margin-left: 0;
	margin-right: 2%;
}

.testimonials .span9 p:before{
	csontent: "\201C";
}

.testimonials .span9 p:after{
	csontent: "\201D";
}

.testimonials .span9 strong{
	font-size: 16px;
	color: #48566a;
	margin-bottom: 28px;
	display: block;
}
/* Testimonials section -- start */
/* LIST YEARS */
.testimonial-years {
    list-style: none;
    margin: 0 !important;
}
.testimonial-years li {
    display: inline-block;    
    color: #0088D2;
    margin-right: 15px;
}
.testimonial-years li span,
.testimonial-years li a {
    display: inline-block;
    padding: 5px 15px !important;
}
.testimonial-years li a {
    border: none !important;
}
.testimonial-years li:hover,
.testimonial-years li.active {
    color: #fff;
    background-color: #0088D2; 
}
/* ARTICLES */
.testimonial-articles {
    display: none;
}
.testimonial-articles.active {
    display: block;
}
.testimonial-articles .testimonial-left-column {
    margin-left: 0 !important;
}
/* SEE MORE */
.testimonial-articles .testimonial-hide { display: none; }
.testimonial-articles .testimonial-more {
    border-bottom: 1px solid #CCE7F6;
    padding-bottom: 3px;
    font-size: 16px;
}
.testimonial-articles .testimonial-more:hover {
    border-bottom-color: #0088D2;
}
/* Testimonials section -- stop */
/* ==========================================================================
	 Glossary
	 ========================================================================== */


#content.glossary{
	padding: 32px 0 23px 0;
}

.glossary .span9 {
	margin-top: 28px;
}

.glossary .span9 .span3{
	margin-bottom: 52px;
}

.glossary .span9 .span3:nth-child(3n+1){
	clear: left;
}

.glossary .span9 span{
	font-size: 28px;
	font-family: 'DINNextRoundedLTW01-Reg', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #555;
	float: left;
}

.glossary .span9 ul{
	font-size: 16px;
	margin: 4px 0 0 40px;
}
#content.glossary .span9 ul {
	list-style:none outside;
}

.glossary .span9 li{
	margin-bottom: 5px;
}

.glossary .span9 a{
	color: #2D5188;
	border-bottom: 1px solid #d8dee5;
	padding-bottom: 3px;
}




/* ==========================================================================
	 FAQ
	 ========================================================================== */


.accordion{
	margin: 0 0 32px 0;
}

.accordion .box{
	margin-bottom: 0px;
	margin-top: 15px;
}

.accordion .box div{
	line-height: 1.5em;
	border-top: 0.75px solid #d9edf9;
	padding: 11px 32px 11px 38px;
}

.accordion .box h4{
	font-size: 16px;
	font-family: 'HelveticaNeueW01-65Medi', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0;
	display: block;
}

.accordion .box h4:before{
	font-family: 'easydna';
	content: '\e804';
	font-size: 20px;
	color: #1994d6;
	background-color: transparent;
	margin: 11px 10px 0 16px;
	float: left;
	display: block;
	-webkit-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-moz-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-o-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	transition: all .32s cubic-bezier(.08,.8,.4,.96);
}

.accordion .box h4.open:before{
	color: #1994d6;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-webkit-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-moz-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-o-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	transition: all .32s cubic-bezier(.08,.8,.4,.96);
}

.accordion .box h4 a{
	padding: 11px 8px 10px 38px;
	display: block;	
}

.accordion .box div a{
	color: #888f96;
	display: inline-block;
	/* margin-bottom: 6px; */
	padding-bottom:0;
	border-bottom: 1px solid #e3e6ea;
}

.accordion .box div a:hover, .accordion .box div a:focus{
	border-bottom: 1px solid #8e99ab;
}

.accordion .box div a:active{
	border-bottom: 1px solid #e3e6ea;
}


/* ==========================================================================
	 Contact us
	 ========================================================================== */

#content.contact-us .box{
	padding-bottom: 28px;
	margin-bottom: 50px;
	overflow: hidden;
}

#content.contact-us .box div:nth-child(1){
	float: right;
	right: 50%;
	position: relative;
}

#content.contact-us .box div:nth-child(2){
	width: 50%;
	float: left;
	padding: 0 12px 0 32px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

#content.contact-us .box div:nth-child(3){
	width: 50%;
	float: left;
	padding: 0 32px 0 12px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

#content.contact-us .box div iframe{
	right: -50%;
	padding-bottom: 20px;
	position: relative;
	z-index:2;
	border-top-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-top-right-radius: 8px;
}

/*
#content.contact-us form div:nth-child(1){
	width: 50%;
	float: left;
	padding-right: 12px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

#content.contact-us form div:nth-child(2){
	width: 50%;
	float: left;
	padding-left: 12px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
*/

#content.contact-us form textarea{
	height: 140px;
}
/* AJT FORMIDABLE STUFF */

#content.contact-us .frm_forms h3 { display:none; }
#content.contact-us .frm_forms .frm_submit { text-align:right; padding-top:16px; }
#content.contact-us .frm_forms .frm_error { clear:both; float:none; color:#e21; padding-left:16px; }

#recaptcha_widget_div { clear:both; }

/* ==========================================================================
	 Worldwide offices
	 ========================================================================== */

.offices .accordion{
	margin: 0 0 32px 0;
}

.offices .accordion .box{
	margin-bottom: 8px;
	margin-top: 20px;
}

.offices .accordion .box div.wrap{
	line-height: 1.5em;
	border-top: 1px solid #e8f4fb;
	padding: 21px 16px 25px 32px;
	overflow: hidden;
}

.offices .accordion .box div.wrap span{
	width: 50%;
	margin-bottom: 24px;
	display: block;
	float: left;
}

.offices .accordion .box div.wrap span .tel{
	margin-left: 20px;
}

.offices .accordion .box div.wrap span .fax{
	margin-left: 16px;
}

.offices .accordion .box div.wrap span.url{
	margin-bottom: 0;
}

.offices .accordion .box div.wrap span:last-child{
	width: 100%;
}

.offices .accordion .box h4{
	font-size: 16px;
	font-family: 'HelveticaNeueW01-65Medi', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0;
	display: block;
}

.offices .accordion .box h4:before{
	font-family: 'easydna';
	content: '\e804';
	font-size: 20px;
	color: #1994d6;
	background-color: transparent;
	margin: 11px 10px 0 16px;
	float: left;
	display: block;
	-webkit-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-moz-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-o-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	transition: all .32s cubic-bezier(.08,.8,.4,.96);
}

.offices .accordion .box h4.open:before{
	color: #1994d6;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-webkit-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-moz-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-o-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	transition: all .32s cubic-bezier(.08,.8,.4,.96);
}

.offices .accordion .box h4 a{
	padding: 11px 8px 10px 16px;
	display: block;	
}

.offices .accordion .box h4 a div{
	padding: 0;
	border: none;
}

.offices .accordion .box h4 a div:first-child{
	width: 55%;
	margin-top: 2px;
	padding-left: 18px;
	float: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.offices .accordion .box h4 a div:last-child{
	width: 45%;
	font-family: 'HelveticaNeueW01-55Roma', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #2D5188;
	text-align: right;
	display: inline-block;
	padding-right: 16px;
	padding-left: 8px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.offices .accordion .box h4 a div:last-child span{
	color: #33b162;
	margin-left: 30px;
	display: inline-block;
}

.offices .accordion .box h4 a div:last-child span:before{
	content: '\e805';
	font-family: 'easydna';
	font-size: 12px;
	color: #99d8b0;
	margin-right: 8px;
	display: inline-block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}




/* ==========================================================================
	 Wizard
	 ========================================================================== */


#overlay{
	width: 100%;
	height: 100%;
	background-color: rgba(191, 198, 209, 0.5);
	position: absolute;
	z-index: 88;
}

#wizard{
	width: 90%;
	background-color: #ffffff;
	-moz-box-shadow: 0 1px 2px #bbc0c9;
	-webkit-box-shadow: 0 1px 2px #bbc0c9;
	box-shadow: 0 1px 2px #bbc0c9;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin: 80px auto 0 auto;
	position: relative;
	display:table;
}

#wizard:after{
	display: table;
	content: "";
	line-height: 0;
}

#wizard .close, #callback .close{
	position: absolute;
	top: -16px;
	right: -16px;
	z-index: 888;
	width: 32px;
	height: 32px;
	display: block;
}

#progress{
	width: 100%;
	padding: 29px 24px 0 24px;
	border-top-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-top-right-radius: 8px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	float: left;
	position: relative;
	z-index: 44;
}

#progress div{
	width: 23.5%;
	font-size: 16px;
	font-family: 'HelveticaNeueW01-65Medi', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #c7ccd5;
	text-align: center;
	margin: 0 0.75%;
	display: inline-block;
	float: left;
	cursor: default;
}

#progress div span{
	width: 20px;
	height: 20px;
	font-size: 11px;
	line-height: 20px;
	color: #ffffff;
	background-color: #d4d9df;
	display: block;
	margin: 10px auto 0 auto;
	border: 4px solid #ffffff;
	border-radius: 888px;
	-webkit-border-radius: 888px;
	-moz-border-radius: 888px;
}

#progress div.active{
	color: #33b162;
}

#progress div.active span{
	background-color: #33b162;
}

#progress div.done{
	color: #addabb;
}

#progress div.done span{
	background-color: #99d8b0;
}

#main{
	width: 100%;
	font-family: 'DINNextRoundedLTW01-Reg', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background-color: #f2f5f9;
	border-top: 1px solid #e5e9ef;
	margin-top: -14px;
	padding: 64px 24px;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#main.category .box{
	width: 23.5%;
	font-size: 18px;
	line-height: 1.2em;
	margin: 0.75%;
	padding: 28px 2% 20px 2%;
	display: block;
	text-align: center;
	float: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-moz-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-o-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-moz-box-shadow: 0px 0px 0px 3px transparent, 0 1px 0 #d8dde3;
	-webkit-box-shadow: 0px 0px 0px 3px transparent, 0 1px 0 #d8dde3;
	box-shadow: 0px 0px 0px 3px transparent, 0 1px 0 #d8dde3;
}

#main.category .box:hover, #main.category .box:focus{
	box-shadow: 0px 0px 0px 3px #c2dff1, 0 1px 0 #d8dde3;
	-moz-box-shadow: 0px 0px 0px 3px rgba(0, 136, 210, 0.2), 0 1px 0 #d8dde3;
	-webkit-box-shadow: 0px 0px 0px 3px rgba(0, 136, 210, 0.2), 0 1px 0 #d8dde3;
	box-shadow: 0px 0px 0px 3px rgba(0, 136, 210, 0.2), 0 1px 0 #d8dde3;
	-webkit-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-moz-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-o-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	transition: all .32s cubic-bezier(.08,.8,.4,.96);
}

#main.category .box:active{
	box-shadow: 0px 0px 0px 3px #70bbe4, 0 1px 0 #d8dde3;
	-moz-box-shadow: 0px 0px 0px 3px rgba(0, 136, 210, 0.6), 0 1px 0 #d8dde3;
	-webkit-box-shadow: 0px 0px 0px 3px rgba(0, 136, 210, 0.6), 0 1px 0 #d8dde3;
	box-shadow: 0px 0px 0px 3px rgba(0, 136, 210, 0.6), 0 1px 0 #d8dde3;
}

#main.category .box.active{
	box-shadow: 0px 0px 0px 3px #70bbe4, 0 1px 0 #d8dde3;
	-moz-box-shadow: 0px 0px 0px 3px rgba(0, 136, 210, 0.6), 0 1px 0 #d8dde3;
	-webkit-box-shadow: 0px 0px 0px 3px rgba(0, 136, 210, 0.6), 0 1px 0 #d8dde3;
	box-shadow: 0px 0px 0px 3px rgba(0, 136, 210, 0.6), 0 1px 0 #d8dde3;
}

#main.category .box img{
	display: block;
	margin: 0 auto 20px auto;
}

#main.test .box{
	width: 48%;
	font-size: 18px;
	margin: 1%;
	padding: 11px 16px 10px 16px;
	display: block;
	float: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-moz-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-o-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-moz-box-shadow: 0px 0px 0px 3px transparent, 0 1px 0 #d8dde3;
	-webkit-box-shadow: 0px 0px 0px 3px transparent, 0 1px 0 #d8dde3;
	box-shadow: 0px 0px 0px 3px transparent, 0 1px 0 #d8dde3;
}

#main.test .box:hover, #main.test .box:focus{
	box-shadow: 0px 0px 0px 3px #c2dff1, 0 1px 0 #d8dde3;
	-moz-box-shadow: 0px 0px 0px 3px rgba(0, 136, 210, 0.2), 0 1px 0 #d8dde3;
	-webkit-box-shadow: 0px 0px 0px 3px rgba(0, 136, 210, 0.2), 0 1px 0 #d8dde3;
	box-shadow: 0px 0px 0px 3px rgba(0, 136, 210, 0.2), 0 1px 0 #d8dde3;
	-webkit-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-moz-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-o-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	transition: all .32s cubic-bezier(.08,.8,.4,.96);
}

#main.test .box:active{
	box-shadow: 0px 0px 0px 3px #70bbe4, 0 1px 0 #d8dde3;
	-moz-box-shadow: 0px 0px 0px 3px rgba(0, 136, 210, 0.6), 0 1px 0 #d8dde3;
	-webkit-box-shadow: 0px 0px 0px 3px rgba(0, 136, 210, 0.6), 0 1px 0 #d8dde3;
	box-shadow: 0px 0px 0px 3px rgba(0, 136, 210, 0.6), 0 1px 0 #d8dde3;
}

#main.test .box.active{
	box-shadow: 0px 0px 0px 3px #70bbe4, 0 1px 0 #d8dde3;
	-moz-box-shadow: 0px 0px 0px 3px rgba(0, 136, 210, 0.6), 0 1px 0 #d8dde3;
	-webkit-box-shadow: 0px 0px 0px 3px rgba(0, 136, 210, 0.6), 0 1px 0 #d8dde3;
	box-shadow: 0px 0px 0px 3px rgba(0, 136, 210, 0.6), 0 1px 0 #d8dde3;
}

#main.test .box span{
	font-family: 'DINNextRoundedLTW01-Bol', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px;
	color: #2D5188;
	float: right;
}

#main.services form{
	width: 100%;
}

#main.services form > div{
	width: 48%;
	float: left;
	margin: 1%;
}

#main.services label.error { color:#e21; }


#main.checkout {
	background-color: #ffffff;
	padding: 156px 32px 120px 32px;
	border-bottom-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
}

#main.checkout span{
	width: 60%;
	font-size: 24px;
	text-align: center;
	line-height: 40px;
	padding-top: 44px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#main.checkout img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

#controls{
	width: 100%;
	font-family: 'HelveticaNeueW01-65Medi', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding: 24px 32px;
	position: relative;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	float: left;
}

#controls a, input[type=submit]{
	width: 108px;
	font-size: 16px;
	text-align: center;
	padding: 6px 0 5px 0;
	background-color: #ffffff;
	display: inline-block;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-moz-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	-o-transition: all .32s cubic-bezier(.08,.8,.4,.96);
	transition: all .32s cubic-bezier(.08,.8,.4,.96);
}

#controls a:nth-child(1){
	color: #2D5188;
	border: 1px solid #e3e6ea;
	float: left;
}

#controls a:nth-child(1):hover, #controls a:nth-child(1):focus{
	color: #ffffff;
	border: 1px solid #2D5188;
	background-color: #2D5188;
}

#controls a:nth-child(1):active{
	color: #ffffff;
	border: 1px solid #8e99ab;
	background-color: #8e99ab;
}

#controls a:nth-child(2), #controls input[type=submit]{
	color: #0088d2;
	border: 1px solid #a3d4ef;
	float: right;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#controls a:nth-child(2):hover, #controls input[type=submit]:hover, #controls a:nth-child(2):focus, #controls input[type=submit]:focus{
	color: #ffffff;
	border: 1px solid #0088d2;
	background-color: #0088d2;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#controls a:nth-child(2):active, #controls input[type=submit]:active{
	color: #ffffff;
	border: 1px solid #33a0db;
	background-color: #33a0db;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#controls div{
	font-size: 16px;
	padding: 7px 48px 0 0;
	float: right;
}

#controls div span{
	color: #33b162;
	margin-left: 12px;
}


#forcewidth { height:1px !important; clear:both; }







#callbackwrap { display:none; }
#callback { position:relative; }



#callback{
	width: 480px;
	background-color: #ffffff;
	-moz-box-shadow: 0 1px 2px #bbc0c9;
	-webkit-box-shadow: 0 1px 2px #bbc0c9;
	box-shadow: 0 1px 2px #bbc0c9;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin: 80px auto 0 auto;
	margin:0 auto;
	position: relative;
}

#callback:after{
	display: table;
	content: "";
	line-height: 0;
}

#callback .close{
	position: absolute;
	top: -16px;
	right: -16px;
	z-index: 888;
	width: 32px;
	height: 32px;
	display: block;
}

#main.callback{
	margin-top: 0;
	padding: 0;
	text-align: center;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

#main.callback .info{
	background-color: #ffffff;
	border-top-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-top-right-radius: 8px;
}

#main.callback h2{
	font-size: 28px;
	color: #33b162;
	padding: 40px 0 8px 0;
	margin: 0;
}

#main.callback p{
	font-family: 'HelveticaNeueW01-55Roma', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding-bottom: 32px;
}

#main.callback p span{
	font-size: 16px;
	margin-top: 16px;
	line-height: 24px;
	display: block;
}

#main.callback form{
	width: 100%;
}

#main.callback form:after{
	display: table;
	content: "";
	line-height: 0;
}

#main.callback div.info, #main.callback div.frm_form_fields{
	padding: 0px 24px 0px 24px;
}

#main.callback #controls{
	width: 100%;
	background-color: #ffffff;
	padding: 24px;
	margin-top: 32px;
	border-bottom-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}


/* ==========================================================================
	 Payment Page
	 ========================================================================== */

#banner.summary{
	background-image: none;
	border-top: 1px solid #e5f3fa;
}

#banner.summary h1{
	margin: 20px 0 54px 0;
}

#banner.summary table{
	width: 100%;
	font-size: 18px;
	font-family: 'DINNextRoundedLTW01-Reg', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#banner.summary td{
	padding: 9px 16px;
	line-height: 1.2em;
}

#banner.summary table tr:first-child, #banner.summary table tr:nth-child(2), #banner.summary table tr:last-child{
	border-top: 1px solid #eceef0;
}

#banner.summary table tr:first-child td:nth-child(2){
	color: #33b162;
}

#banner.summary table td:last-child{
	text-align: right;
	font-size: 16px;
	font-family: 'DINNextRoundedLTW01-Med', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding-top: 11px;
}

#banner.summary table tr:last-child td:last-child{
	color: #33b162;
	font-size: 18px;
	font-family: 'DINNextRoundedLTW01-Reg', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding-top: 20px;
}

#content.payment{
	padding-top: 42px;
}

#content.payment fieldset{
	margin-bottom: 44px;
}

#content.payment h2{
	margin: 23px 0 20px 0;
}

#content.payment #cardnumber.visa{
	background: #fff url("../images/icon-visa.png") no-repeat left 12px center;
	padding-left: 56px;
}

#content.payment #cardnumber.mastercard{
	background: #fff url("../images/icon-mastercard.png") no-repeat left 12px center;
	padding-left: 56px;
}

#content.payment .expiry{
	margin-top: 56px;
	height: 47px;
	background-color: #ffffff;
	box-shadow: 0 1px 0 #e4e6e9 inset;
	-moz-box-shadow: 0 1px 0 rgba(72,86,106,0.16) inset;
	-webkit-box-shadow: 0 1px 0 rgba(72,86,106,0.16) inset;
	box-shadow: 0 1px 0 rgba(72,86,106,0.16) inset;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-transition: all .64s cubic-bezier(.08,.8,.4,.96);
	-moz-transition: all .64s cubic-bezier(.08,.8,.4,.96);
	-o-transition: all .64s cubic-bezier(.08,.8,.4,.96);
	transition: all .64s cubic-bezier(.08,.8,.4,.96);
}

#content.payment .expiry input{
	background-color: transparent;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	width: 56px;
	padding-right: 0;
}

#content.payment .expiry.active {
	box-shadow: 0 0 0 3px #cce7f6 inset;
	-moz-box-shadow: 0 1px 0 rgba(72,86,106,0.16) inset, 0 0 0 3px rgba(0,136,210,0.2) inset;
	-webkit-box-shadow: 0 1px 0 rgba(72,86,106,0.16) inset, 0 0 0 3px rgba(0,136,210,0.2) inset;
	box-shadow: 0 1px 0 rgba(72,86,106,0.16) inset, 0 0 0 3px rgba(0,136,210,0.2) inset;
}

#content.payment .expiry input:last-child{
	width: 72px;
	padding-left: 8px;
}

#content.payment .expiry div{
	display: inline-block;
	height: 28px;
	width: 2px;
	margin-top: 9px;
	background-color: #dadde1;
	float: left;
}

#content.payment label[for=cardcvv]:after{
	content: url('../images/icon-cvv.png');
	position: absolute;
	margin: 1px 0 0 12px;
}

#payment{
	margin-top: 56px;
	height: 150px;
	font-size: 20px;
	color: #48566a;
	text-align: center;
	background-color: #eaf7ef;
	padding: 26px 20px 20px 20px;
	border: 2px solid #d6efe0;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

#payment span{
	display: block;
	padding-bottom: 11px;
}

#payment div{
	display: inline-block;
}


.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; padding-top:46px !important; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


#homeseo { }
#homeseo h2 { text-align:center; cursor:pointer; }
#homeseo p { text-align:center; margin:0 0 32px 0; display: none;}










/* ==========================================================================
	 Media Queries
	 ========================================================================== */
	 
	 @media (max-width: 767px) {
	 a.tel{display:none;}
#top {background-image: none !important;
background-color: #235a92 !important;
}
}

@media (min-width: 1200px) {

	#hamburger{display:none;}

	#intro img {padding-top: 0;}
	#why img {padding-top: 0;}
	#media img {margin-left: 60px;}

	#banner { background-color: #fff; }
	#banner.article-view h1, #banner p {padding-right: 382px;}

	#sidebar a.call {padding-right: 56px;}

	.box {margin-top: 32px;}

	.dna-tests .box div {padding: 0 24px;}
	.dna-tests h2 {margin: 0 0 8px 24px;}

	.test-page .accordion.alt .box h4 a div:last-child span {margin-left: 40px;}
	.test-page .forensicheader .right span {margin-left: 40px;}

	#content.contact-us .box div:nth-child(2) {padding-right: 16px;}
	#content.contact-us .box div:nth-child(3) {padding-left: 16px;}

/*
	#content.contact-us form div:nth-child(1) {padding-right: 16px;}
	#content.contact-us form div:nth-child(2) {padding-left: 16px;}
*/
	#content.payment .expiry input {width: 64px; padding-right: 16px;}
	#content.payment .expiry input:last-child {width: 92px; padding-left: 16px;}

.video-container  { padding-top:30px !important; }
}


@media (min-width: 1100px){

	#wizard { max-width: 992px;}

}


@media (min-width: 768px) and (max-width: 979px) {

	#top {padding: 24px 0 48px 0}
	#top span.iso {display: table; position: initial; margin-top: 24px;}
	#intro img {padding-top: 80px;}
	#tests img {margin-left: auto; margin-right: auto; display: block; float: none; margin-bottom: 16px; }
	#tests span {text-align: center; margin-right: auto; margin-left:auto; float:none; display:block; }
	#how h5 {font-size: 16px;}
	#media h4 {display: none;}
	#media .span12 img:nth-child(2) {margin-left: 0;}
	#media .span12 img {margin-left: 140px; margin-top: 20px;}

	#header div:last-child ul:last-child li:nth-child(2) {display:none;}

	#banner {background-color: #fff; background-position:75% bottom; }
	#banner.article-view h1, #banner p {padding-right: 280px;}

	#sidebar a.call {padding: 22px 12px 4px 12px;}

	#footer {background-image: none;}

	.dna-tests .box div:nth-child(2) {width: 45%;}
	.dna-tests .box div:nth-child(3) {width: 55%;}

	.test-page .accordion.alt .box h4 a div:last-child span {margin-left: 20px;}
	.test-page .forensicheader .right span {margin-left: 20px;}

	.offices .accordion .box div.wrap span {width: 100%;}

	.span12 .span8 {width: 752px;}
	.span12 .span8 .span2 {width: 240px;}
	.span12 .span8 .span6 {width: 496px;}

	.span12 fieldset:last-child .span4 {width: 752px;}

	#main.category .box {padding: 28px 5.5% 20px 5.5%;}
	#main.checkout span {width: 75%};

.video-container  { padding-top:94px !important; }

}


@media (max-width: 872px){

	#main.category .box {padding: 28px 4.5% 20px 4.5%;}

}


@media (max-width: 767px) {

	#menu-sticky-wrapper { height:0 !important; }

	#top span.iso {display: table; position: initial; margin-top: 24px;}
	#top {background-image: none;}
	#top h1 {width: 80%;}
	#tests a {width: 50%;}
	#tests a {border: none;}
	#tests a:nth-child(-n+6) {border-bottom: 1px solid #d9edf9;}
	#tests a:nth-child(2n+2) {border-left: 1px solid #d9edf9;}

	#tests a:nth-child(3), #tests a:nth-child(7){
	border-left: none; clear:left;
}

	#banner span.pricefrom { position:static; display:inline-block; margin:0 0 10px 0; }
	#banner .mobileorder { padding-top:2px; padding-bottom:2px; display:inline-block; font-size:15px; font-family: 'DINNextRoundedLTW01-Med', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform:uppercase; }

	#intro {padding-top: 24px;}
	#intro img {padding-top: 80px; margin-left: auto; margin-right: auto; display: block}
	#how div.line {top: 62.3%;}
	#how .span3:first-child {text-align: center;}
	#how .span3:nth-child(n+2) {width: 33%; float: left;}
	#how h5 {font-size: 16px;}
	#why {padding-top: 24px;}
	#why img {margin-left: auto; margin-right: auto; display: block; }
	#values .box p {margin-bottom: 8px;}
	#more {padding-top: 0;}
	#media h4 {display: none;}
	#media img {margin-top: 20px;}
	
	body.home #more { display:none; }
	body.home #testimonials { display:none; }

	#header div:last-child ul:last-child li:nth-child(2), #header div:last-child ul:last-child li:nth-child(1) {display:none;}
	#header .span3 {width: 192px; float: left;}
	#header div:last-child ul:last-child {margin: 0;}
	#header div:first-child ul:first-child {display: none;}

	#banner {background-image: none !important;}
	#banner.article-view h1, #banner p{padding-right: 0;}
	
	.about-us .aboutmobile { display:block; }
	#content.about-us .span9 .aboutmobile ul.menu { list-style:none outside; margin-left:0; background-color:#fff; border-radius:8px; }
	#content.about-us .span9 .aboutmobile ul li a { text-decoration:none; display:block; padding:8px; }

	
	
	#content.contact-us .box div:nth-child(2){
	width: 100%;
	float: none;
}

#content.contact-us .box div:nth-child(3){
	width: 100%;
	float: none;
	padding-left:32px;
}

	
	
	#sidebar {display: none;}
	
	#footer {background-image: none; }
	#footer .container { padding-left:5px; padding-right:5px; }

	#footer .widget_nav_menu { display:none; }
	#footer .label { text-align:center; }
	#footer .textwidget p { text-align:center; }

	#footer .widget_area_footer2 .span6 {wsidth: 49%; dsisplay: inline-block; text-align:center; }
	#footer .widget_area_footer2 .span6 div { text-align:center; }

	.test-category p, .test-page p, .about-us p, .company-news p {padding-right: 0;}



.test-page p{
	padding-left:0;
}


.test-page .span9 ul { padding-left:0; }
.test-page .span9 ol { margin-left:0; }


	.test-page .accordion.alt .box h4 a div:last-child span {margin-left: 10px;}
	.test-page .forensicheader .right span {margin-left: 10px;}

	.related .span4 {margin-top: 64px;}
	.related .span4 ul {pasdding-left: 64px;}

	.glossary .span9 .span3 {width: 50%; float: left; display: inline-block;}
	.glossary .span9 .span3 {padding-left: 12px;}
	.glossary .span9 .span3:nth-child(3n+1) {clear: none;}
	.glossary .span9 .span3:nth-child(2n+1) {clear: left; padding: 0 12px 0 0;}

	.resources .span4 {width: 48%; float: left; margin-left: 2%;}
	.resources .span4:nth-child(2n+1) {margin-right: 2%; margin-left: 0; clear: left;}

	.testimonials .span9 div {width: 100%; float: none; margin-left: 0; margin-right: 0; padding-right: 0;}

	#main.category .box {padding: 28px 3.5% 20px 3.5%;}
	#main.services form div {width: 100%; margin: 8px 0;}
	#main.test .box {width: 100%;	margin: 8px 0;}
	#main.checkout {padding: 80px 32px 64px 32px}
	#main.checkout span {width: 90%; font-size: 20px; line-height: 1.5em;}

	.span12 .span8 .span2:nth-child(2) {float: left;}

	.span12, .row-fluid .span12 {float: left;}
	
	#menu ul.sub-menu { display:none !important; }
	#menu[style="position: fixed; top: 0px;"] ul:last-child li:first-child a:before{content: none;}


	#header div:last-child ul:last-child li:nth-child(3) {msargin-right: 168px;}

	#menu { position:relative; }
/*	#menu-main-menu { height:0; position:relative; } */
	#menu { height:0; position:relative; overflow:hidden; }

	#menu li {float: none; width: 100% !important;}
	#menu li {border-bottom: 1px solid #e5f3fa;}
	#menu li.headerordernowbutton { border-bottom: none; }
/*
	#menu li.headerordernowbutton {width: 120px !important; position: absolute; top: 34px; right: 88px;}
*/
	#header div:last-child ul:last-child li:nth-child(4) {display: block !important;} /* hamburger */


#menu #menu-main-menu { display:none; }
#menu #menu-mobile-menu { display:block; }



}


@media (max-width: 680px){

	#main.category .box {width: 48%; margin: 1%; padding: 28px 2.5% 20px 2.5%;}

}


@media (max-width: 620px) {


	#top {padding: 24px 0 48px 0}
	#top span {display: table; position: initial; margin-top: 24px;}
	#how div.line {top: 55%;}

	#footer .credits .span6 {width: 100%; text-align: center !important;}

	#content.contact-us form div:nth-child(1) {width: 100%; padding: 0;}
	#content.contact-us form div:nth-child(2) {width: 100%; padding: 0;}
	#content.contact-us form div:nth-child(3) {width: 100%; padding: 0;}

	#content.contact-us #controls {padding: 24px 0;}
	#content.contact-us #controls input[type=submit]{width: 100%;}

	#controls div {width: 100%; padding-right: 0; padding-top: 24px; margin-left: auto; margin-right: auto; text-align: center;}

	.offices .accordion .box div.wrap span {width: 100%;}

}


@media (max-width: 540px) {

	#tests img {margin-left: auto; margin-right: auto; display: block; float: none; margin-bottom: 16px;}
	#tests span {text-align: center; width:100%; margin-left: auto; margin-right: auto; display: block; float: none;}
/*
	#header div:last-child ul:last-child {display: none;}
	#header div:last-child ul:last-child li:nth-child(3) { display:none; }
*/

	#banner span {display: block; margin: 0;}

	#banner p {padding-top: 48px;}

	.test-page .accordion.alt .box h4 a div:first-child {width: 65%;}
	.test-page .accordion.alt .box h4 a div:last-child {width: 35%;}
	.test-page .accordion.alt .box h4 a div:last-child span {min-width:0; }
	.test-page .forensicheader {display:none; }

	.resources .span4 {width: 100%; float: none; margin-left: 0;}

	#callback {width: 90%;}

	#progress div {font-size: 13px;}
	#main.checkout {padding: 64px 32px 40px 32px}

}

@media (max-width: 520px){
	#main.category .box {width: 46%; margin: 2%; padding: 28px 11% 20px 11%;}
}

@media (max-width: 464px){
	#header div:last-child ul:last-child li:nth-child(3) { display:none; }
	#main.category .box {padding: 28px 8.5% 20px 8.5%;}

.test-category .box h3{
	float: none; margin-bottom:10px; 
}
.test-category .box div:first-child span, .test-category .box div:first-child a{
	float: none; display:block; text-align:center; padding:0; 
}


}

@media (max-width: 416px){
	#main.category .box {padding: 28px 6% 20px 6%;}
	
	#how .line { display:none; }
}











@media all and (max-width: 768px) {

.span9 .ezcol-one-quarter {
	width: 30.666% !important;
}
.span9 .ezcol-three-quarter {
	width: 65.334% !important;
}



}


@media all and (max-width: 560px) {
	.span9 .ezcol-one-quarter,
	.span9 .ezcol-three-quarter
 {
		width: 100% !important;
		margin-right: 0;
	}
}

/*-----------------------------------------------
YouTube Embedded Videos
------------------------------------------------*/

.vid-container {
    position: relative;
    padding-bottom: 50%;
    padding-top: 35px; height: 0; overflow: hidden;
}

.vid-container iframe,
.vid-container object,
.vid-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 768px){
 .selecter-selected{
  display:none !important;
 }
 .selecter-element{
  height: 32px !important;
     opacity: 1 !important;
     top: -6px;
     background: #fff;
     border: 1px solid #ccc;
     font-size: 13px;
     color: #349b9a;
 }
 .wizard-content-service{
     padding:  2px 20px 23px 20px !important;
 }
}
.home h3.Banner-txt {
    font-size: 33px;
    color: #fff;
    width: 50%;
    line-height: 35px;
    margin-bottom: 0;
}