@font-face {
	font-family: 'colaborate-regularregular';
	src: url('../fonts/ColabReg-webfont.eot');
	src: url('../fonts/ColabReg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ColabReg-webfont.woff') format('woff'), url('../fonts/ColabReg-webfont.ttf') format('truetype'), url('../fonts/ColabReg-webfont.svg#colaborate-regularregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'colaborate-thinregular';
	src: url('../fonts/ColabThi-webfont.eot');
	src: url('../fonts/ColabThi-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ColabThi-webfont.woff') format('woff'), url('../fonts/ColabThi-webfont.ttf') format('truetype'), url('../fonts/ColabThi-webfont.svg#colaborate-thinregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*===========*/
body { color: #333333; font-family: 'colaborate-thinregular'; font-size: 28px; line-height: 36px; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: none; }
p, ul { margin: 0; padding: 0; list-style: none; }
a { outline:none; color:#0046ad; text-decoration:none; }
a:hover { color:#000; text-decoration:none; }
p { margin-bottom:20px; }
.left { float: left; }
.right { float: right; }
.wd { width:100%; }
.clear { margin: 0; padding: 0; clear: both }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; line-height: normal; font-weight: normal; }
h3 { font-size: 36px; color: #000 }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
input, select, textarea{ -webkit-appearance: none; -webkit-border-radius: 0; }
.wraper { width: 100%; float: left }
/*=========== Header */
.header { position: fixed; top: 0; width: 100%; background: #FFF; height: 92px; border-bottom: 1px solid #c6e9f1; z-index: 100 }
.logo { float: left; margin: 25px 0 0 0; }
.logo img { width: 100%; }
/*=========== Navigation */
#nav { list-style: none; float: right; margin: 25px 0 0 0; font-size: 0; }
#nav li { margin-left: 10px; display: inline-block; vertical-align: top }
#nav li:firstchild { margin-left:0; }
#nav a { color: #000; display: block; font-size: 18px; padding: 5px 10px; text-decoration: none; text-transform: uppercase; }
#nav a:hover { }
/*#nav .current a { background: #c6e9f1; }*/
.mobnavwrap { display: none }
#menu { transition: all 0.3s ease; position: fixed; width: 0%; top: 0; left: -200px; background: #c6e9f1; height: 100%; z-index: 999; box-shadow: 0px 0px 10px black; }
#menu li { border-bottom: 1px solid #FFFFFF; }
#menu a { color: #000; display: block; text-align: left; text-decoration: none; padding: 5px 10px; margin: 0; transition: all 0.2s ease; font-size: 18px; }
#menu a:hover { background: #00add0; color: #FFF; }
#menu-toggle { position: fixed; top: 30px; right: 0; margin-right: 20px; z-index: 1000; transition: all 0.3s ease; }
#menu-toggle:hover { cursor: pointer; }
#menu.open { left: 0; width: 200px; display: block; }
#menu-toggle.open { right: 0; }
/*=========== Banner */
.banner { float: left; width: 100%; background:#00add0/* url(../images/sliderbg.jpg) no-repeat top center*/; margin-top: 93px; text-align:center; }
.banner img { width:auto; max-width:100%; height:auto; margin:0; padding:0; border:none; line-height:normal; vertical-align:middle; }
/*.bannerleft { float: left; color: #FFF; font-size: 52px; text-align: left; line-height: normal; margin-top: 20%; width: 25%; }
.bannerright { float: right; width: 72%; text-align: right; }*/
.banner .mtext{color:#FFF; display:none; padding:20px 0; font-size:24px; line-height:30px;}
/*=========== Main */
.container { margin: 0 auto; width: 1250px; }
.section { padding-top: 110px; text-align: center; width: 100%; float: left; }
.section h2.title { background: url(../images/titlebg.png) no-repeat center 50%; font-size: 52px; margin-bottom: 25px;  }
#section-2.section h2.title { font-size:38px; }
#section-2.section h2.title span { font-size:52px; }
/*=========== Solutions */
.conleft { float: left; text-align: left; width: 420px; }
.conleft h2, .conright h2 { margin-bottom:0; }
.conleft h2 sup, .conright h2 sup { font-size:50%; padding-left:3px; }
.conright { float: right; text-align: right; width: 420px; }
.services { background: #c6e9f1; margin: 60px 0 0 0; }
.mhv-icon { margin: 0px auto; display: block; top: -160px; position: relative; }
.services h3 { position: relative; z-index: 10; margin-top: -295px; margin-bottom: 30px; }
/*============== Tab Hover */
#value_business_nav { position: relative; text-align: center; width: 100%; min-height: 293px; z-index: 1; }
#value_business_nav ul { margin: 0 auto; }
#value_business_nav ul li { margin: 0 4px; display: inline-block; width: 180px; height: 258px; position: relative; cursor: default; text-align: center; }
#value_business_nav ul li img { position: absolute; left: 15px; top: 0; }
#value_business_nav ul li img.normal_img { z-index: 2; }
#value_business_nav ul li img.hover_img { opacity: 0; }
#value_business_nav #box { position: absolute; left: 0; bottom: 0; z-index: 50; width: 202px; height: 58px; }
#value_business_nav #box .head { width: 202px; height: 58px; }
#business_value .value_business_content { background: #00add0; padding: 30px 0; height: 105px; margin: -35px 0 0 0; }
#business_value .value_business_content .wrap { display: block; text-align: center; position: relative; }
#business_value .value_business_content p { color: #fff; margin: 0; padding: 0; font-size: 28px; line-height: 36px; text-align: center; }
#business_value .value_business_content .content_detail1, #business_value .value_business_content .content_detail2, #business_value .value_business_content .content_detail3, #business_value .value_business_content .content_detail4, #business_value .value_business_content .content_detail5, #business_value .value_business_content .content_detail6 { position: absolute; left: 0; top: 0; height: 100%; line-height: normal; width: 100%; }
#business_value .value_business_content .content_detail2, #business_value .value_business_content .content_detail3, #business_value .value_business_content .content_detail4, #business_value .value_business_content .content_detail5, #business_value .value_business_content .content_detail6 { display: none; text-align: center; }
#value_business_nav ul li.selected img.normal_img { opacity: 0; -o-transition: .4s; -ms-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s; }
#value_business_nav ul li.selected img.hover_img { opacity: 1; }
.value_business_title { position: absolute; top: 160px; width: 100%; text-align: center; }
#value_business_nav ul li.selected .value_business_title { color: #0046ad; }
/*=========== Why HealthVault */
ul.bluebox { float: left; width: 100%; margin: 25px 0 0 0; font-size: 0; }
ul.bluebox li { font-family: 'colaborate-regularregular'; width: 398px; margin-right: 28px; border-top: 7px solid #00add0; background: #c6e9f1; font-size: 20px; color: #333333; line-height: normal; display: inline-block; vertical-align: top; }
ul.bluebox li img { margin-top: 1px; width: 100%; }
ul.bluebox li + li +li { margin-right: 0; }
ul.bluebox li div.con { margin: 40px 20px; min-height: 180px; }
/*=========== About Us */
ul.greybox { float: left; width: 100%; margin: 40px 0 0 0; font-size: 0; }
ul.greybox h3 { font-size:30px; margin-bottom:15px; }
ul.greybox li { width: 248px; height: 236px; margin-right: 19px; font-size: 17px; line-height: normal; background: #f4f4f4 url(../images/about-gray-shape.png) no-repeat left bottom; text-align: left; padding: 20px 25px; display: inline-block; vertical-align: top; color: #000; }
ul.greybox li.box-green { background: #f4f4f4 url(../images/about-green-shape.png) no-repeat left bottom; }
ul.greybox li.box-blue { background: #f4f4f4 url(../images/about-blue-shape.png) no-repeat left bottom; }
ul.greybox li.box-orange { background: #f4f4f4 url(../images/about-orange-shape.png) no-repeat left bottom; }

ul.greybox li + li + li + li { margin-right: 0; }
/*=========== Contact */
.formwrap { background: #c6e9f1; float: left; width: 100%; padding: 35px 0; }
.form { font-size: 18px; color: #000; width:600px; margin: 0 auto; }
.fieldwrap { float: left; width: 100%; margin: 0 0 14px 0; }
.fieldwrap .row { clear:both; }
.fieldwrap .c1 { float:left; width:200px; }
.fieldwrap .c2 { float:left; width:200px; }
.fieldwrap .c3 { float:left; width:200px; }

.fieldleft { float: left; }
.fieldright { float: right; }
.form label { text-align: left; display: inline-block; width:146px; margin: 0; vertical-align: top; float: left; }
.form input[type="text"] { border: 2px solid #7fcff1; width: 180px; height: 22px; padding: 5px; font-family: 'colaborate-regularregular'; font-size: 14px; float: left; }
.form input.fsmall[type="text"] { width: 80px; float: left; }
.form input.fsmall1[type="text"] { width: 30px; float: left; margin-right: 6px; }
.form select { border: 2px solid #7fcff1; width: 194px; padding: 7px 6px; font-family: 'colaborate-regularregular'; font-size: 14px; float: left; background:#FFF }
.form textarea { font-family: 'colaborate-regularregular'; font-size: 14px; border: 2px solid #7fcff1; width: 580px; height: 100px; padding: 5px; float: left; overflow: hidden; }
.form input[type="submit"], .form input[type="reset"] { width: 90px; height: 32px; background: #0046ad; border: none; font-family: 'colaborate-regularregular'; color: #FFF; font-size: 18px; text-align: center; float: left; cursor: pointer; margin-right: 15px; }
.fbuttons { padding:15px 0 0 192px; width: auto; }
/*=========== Footer */
.footer { font-size: 18px; padding: 10px 0; float: left; width: 100%; color: #000000; }
.footer span { text-align: right; float: right }
.footer span.left { float:left; }
.red{display:block;clear:both;color:#ff0000;font-size:14px; line-height:18px;}

body.thankyoupage .footer { border-top:1px solid #c6e9f1; }
body.thankyoupage .section { padding:160px 0 40px 0; }
.copyright { font-size:80%; }