body, div, p, h1, h2, h3, h4, ul, li, input, select 	{margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif; color: #838383;}
h2				{font-size: 18px;}
h3				{font-size: 18px;}
body				{background-color: #ffffff;}
input, select			{padding-left: 5px; line-height: 25px; vertical-align: middle;}
a				{color: #838383; text-decoration: none;}
blockquote		{font-style: italic;}
.centered					{float: none; width: 340px; margin-left: auto; margin-right: auto;}
.centered2					{float: none; width: 450px; margin-left: auto; margin-right: auto;}
.centered3					{float: none; width: 951.5px; margin-left: auto; margin-right: auto;}
.centered4					{float: none; width: 470px; margin-left: auto; margin-right: auto;}
.centered5					{float: none; width: 951.5px; margin-left: auto; margin-right: auto;}
.centered6					{float: none; width: 1200px; margin-left: auto; margin-right: auto;}
div						{float: left;}
.raleway				{font-family: 'Raleway', sans-serif; color: #ffffff;}
.raleway div			{font-family: 'Raleway', sans-serif; color: #ffffff;}
#div_other_page_wrapper .furtherpic				{width: 50%; text-align: center; margin-top: 20px;}
#div_other_page_wrapper  .furtherpic img		{max-width: 90%; width: auto; height: 300px;} 
#div_other_page_wrapper  .tablet img			{max-width: 90%; width: auto; height: 300px;} 
#div_other_page_wrapper  .mobile img			{max-width: 90%; width: auto; height: 300px;} 
#div_other_page_wrapper .furthertext 			{width: calc(50% - 20px); margin-left: 0px; margin-right: 20px; margin-top: 40px; text-align: left;}
#div_other_page_wrapper .row					{display: inline; padding-top: 40px; padding-bottom: 40px;}
#div_other_page_wrapper #div_importantgreen		{margin-top: 0px;}
#div_other_page_wrapper #div_blueline			{margin-top: 0px;}
#div_other_page_wrapper #div_logocontainer	{width: 25%; margin-top: 120px;}
#div_other_page_wrapper .headlinetext {margin-top: 7%;}
#div_other_page_wrapper .free-version-headline {margin-top: 5vw;}
#div_other_page_wrapper	{width: 100%;}
#div_other_page_wrapper .wrapper	{max-width: calc(100% - 40px); width: calc(100% - 40px); padding-left: 20px; padding-right: 20px;}
#div_other_page_wrapper .subtitle	{width: 100%; margin-left: 0px; max-width: 100%; margin-top: 0px; text-align: left; margin-bottom: 30px;}
#div_other_page_wrapper .furtherinfoboxes {max-width: calc(100% - 40px); width: calc(100% - 40px); margin-left: 20px; margin-right: 20px;}
.demo-vid-button, .free-vid-signup		{background-color: #b4cd33; color: #ffffff; cursor: pointer; padding-left: 30px; padding-right: 30px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-top: 40px;}
.bluetext, .blue		{color: #14a2b0 !important;}
.uppercase				{text-transform: uppercase;}
.bluebkg				{background-color: #f6fbff;}
.bluebkg p				{margin-bottom: 20px;}
.greytext				{color: #838383;}
.furtherpic				{width: 33%;}
.furtherpic img			{width: 100%;} 
.furthertext			{width: calc(66% - 25px); margin-left: 25px;}
.row					{width: 100%; display: flex; align-items: center; margin-bottom: 20px;}
.row2					{margin-top: 40px;}
.row3					{margin-top: 35px;}
.column					{width: calc(33% - 40px); margin-left: 20px; margin-right: 20px; text-align: center;}
.column .furtherpic		{width: 100%; text-align: center; height: 80px;} 
.column .furtherpic img		{width: 33%;} 
.column .furthertext		{width: 100%; margin-top: 40px; margin-left: 0px; margin-bottom: 20px; color: #303038; font-size: 150%;} 
.column .furthertext p	{color: #303038;}
.column2					{width: calc(50% - 40px); margin-left: 20px; margin-right: 20px; text-align: center;}
.bigtexthomemodule		{margin: 40px 00px 40px 80px; width: calc(100% - 80px); line-height: 30px;}
.textinput				{color: #a2a3a7; text-align: center; width: 65%; float: left;}
.textinputfocus			{color: #000000 !important;}
.submitbutton			{background-color: #b3cc33; color: #ffffff; width: 34%; float: left;}
.hiddenondesktops		{visibility: hidden; line-height: 0px; height: 0px; display: none;}
.hidden					{visibility: hidden; line-height: 0px; height: 0px; display: none;}
.onethirdbox			{width: calc(33.33% - 5px); height: 150px;}
.borderright			{border-right: solid 5px #14a2b0;}
.textaligncenter		{text-align: center;}
.textalignleft			{text-align: left;}
.textalignright			{text-align: right;}
.datasheet_link	a		{background-image: url("images/download_icon.jpg"); background-repeat: no-repeat; background-size: 36px; padding: 5px 10px 5px 45px; background-color: #30303a; color: #ffffff; border-radius: 5px;}
#div_diagram			{margin-top: -8vw; width: 100%;}
#div_diagram img		{width: 70%; margin-top: 11%;}
#div_mobile_menu		{width: 100%; visibility: hidden; line-height: 0px; height: 0px; display: none;}
#div_mobile_menu #div_menu_button	{color: #4e5a61; font-size: 16px; padding-top: 0px; padding-bottom: 8px; margin-right: 20px; margin-top: 9px; background-image: url("images/menuicon.png"); background-repeat: no-repeat; background-size: 20px; padding-right: 30px; background-position: right top 0px; float: right;}
.centeralign			{text-align: center; width: 100%;}
.casestudy				{float: right;}
.casestudy a			{background-image: url("images/icon_download.svg"); background-repeat: no-repeat; background-size: 20px; background-position: right; padding-right: 30px;}
.smallmargintop			{margin-top: 5px;}
.medmargintop			{margin-top: 10px;}
.medmarginbottom		{margin-bottom: 10px;}
.medpaddingleft			{padding-left: 10px;}
.bigmargintop			{margin-top: 30px;}
.medmarginright			{margin-right: 20px;}
.smallmarginleft		{margin-left: 5px;}
.fullwidth				{width: 100%;}
.sidemargins			{width: calc(100% - 40px); margin-left: 20px; margin-right: 20px;}
.halfwidth				{width: 50%;}
.img_film_reel			{width: 50px; cursor: pointer; position: relative; z-index: 1008;}
div.answer				{background-image: url("images/answer.png"); background-repeat: no-repeat; background-size: 48px; min-height: 55px; text-align: left; padding-left: 60px; vertical-align: bottom; font-size: 16px; width: calc(100% - 85px); margin-bottom: 0px;}
div.question			{background-image: url("images/question_mark.png"); background-repeat: no-repeat; background-size: 48px; min-height: 55px; text-align: left; padding-left: 60px; vertical-align: bottom; font-size: 23px; width: calc(100% - 85px); margin-bottom: 10px; margin-top: 40px;}
#div_greyout_page		{position: fixed; width: 100%; height: 100%; z-index: 1009; background-color: #e0e0e0; opacity: 0.8; left: 0px; top: 0px;}
#preload-01 { background: url('images/homeban1.jpg') no-repeat -9999px -9999px; }
#preload-02 { background: url('images/homeban2.jpg') no-repeat -9999px -9999px; }
#preload-03 { background: url('images/homeban3.jpg') no-repeat -9999px -9999px; }
#div_topbar				{width: 100%; height: 40px; background-color: #ffffff; position: relative; top: 0px; z-index: 1100; opacity: 1;}
#div_navigationbar		{width: 100%; height: 60px; background-color: #ffffff; position: fixed; top: 0px; z-index: 1100; opacity: 0.9;}
#div_fixedcontact		{top: 60px;}
#img_toplogo			{float: left; height: 60%; margin-top: 12px; margin-left: 13vw}
#div_pc_menu			{margin-right: 13vw;}
#div_thanks				{width: 100%; text-align: center; background-color: #b4cd33; color: #ffffff; line-height: 40px; vertical-align: middle; text-transform: uppercase; font-weight: bold; position: fixed; z-index: 1500;}
#div_serviceareatabs li.selected  {color: #ffffff; width: 100%; background-color: #B2B2B2; border-right-color: #B2B2B2; height: 85px;}
#div_serviceareatabs img	{width: 115%; position: relative; top: -5px;}
div.arrow			{background-image: url("images/arrow.svg"); background-repeat: no-repeat; background-position: right; height: 85px; width: 15px; float: right; position: relative; left: 26px;}
#div_furthertext3		{margin-top: -40px;}
#div_contact_us_banner	{height: 26vw; background-size: 100%;}
.headimage				{background-repeat: no-repeat; background-size: cover; height: 18vw; float: none; margin-top: 60px;}
.slide				{background-repeat: no-repeat; background-size: cover; height: 36vw; float: none; margin-top: 60px;}
#div_slide1			{background-image: url('images/homeban1.jpg');}
#div_slide2			{background-image: url('images/homeban2.jpg');}
#div_slide3			{background-image: url('images/homeban3.jpg');}

#div_logocontainer		{width: 30%; margin-top: 59px; position: absolute; z-index: 99;}
#div_logo			{width: 75%; float: right;}
#div_thinheader			{width: 100%; background-color: #4e5a61;}
#div_thinheader #div_logo2	{margin: 10px;}
#div_strapline			{width:100%; border-top: 3px solid #b5cd34; height: 10px; color: #ffffff; float: left;}	
#div_businessbrain		{float: right; margin-top: 5px; color: #ffffff; font-size: 1.0vw; margin-right: 7px;}

#div_topbar li			{float: left; list-style: none; margin-right: 50px; font-size: 12px; padding-top: 11px;}
#div_navigationbar li	{float: left; list-style: none; color: #4e5a61; text-transform: uppercase; padding-right: 50px; font-size: 16px; padding-top: 20px; padding-bottom: 20px;}
#div_topbar				.centernav	{height: 100%;}
#div_navigationbar 		.centernav	{height: 100%;}
#div_topbar li.cta_button		{background-color: #b3cc33; padding: 5px; margin-top: 5px;}
#div_topbar li.cta_button a		{color: #ffffff;}
#div_topbar li.tel		{background: url('images/small_phone.png') no-repeat; background-size: 25px; background-position: 0px 10px; padding-left: 25px;}
.centernav				{float: none; width: 675px; margin: auto;}
.floatright				{float: right;}
#div_navigationbar a	{color: #4e5a61;}
#div_navigationbar .submenu		{position: absolute; margin-top: 17px;}
#div_navigationbar .submenu li	{float: none; background-color: #6e838f; margin-right: 0px; padding: 0px;}
#div_navigationbar .submenu li	a	{line-height: 50px; vertical-align: middle; display: block; padding-left: 40px; padding-right: 50px; color: #ffffff;}
#div_navigationbar .submenu li a:hover {color: #14a2b0;}
#ul_what_oscar			{margin-left: -40px;}
#ul_mobilemenu li		{float: none; background-color: #6e838f; margin: 0px; padding: 0px; text-align: right; border-bottom: solid 1px #ffffff;}
#ul_mobilemenu li a		{display: block; line-height: 35px; padding-right: 50px; padding-left: 50px; color: #ffffff;}
#ul_mobilemenu li.darkgrey		{background-color: #4e5a61}
#div_info_page_title h1	{color: #ffffff;}
#div_info_page_title	{margin-top: 8vw;}
.headlinetext			{color: #ffffff; width: 100%; margin-top: 17%; position: absolute;}
.firstline			{margin-left: auto; margin-right: auto; width: 100%; text-align: center; font-size: 95px; font-size: 3.0vw; text-transform: uppercase;}
.secondline			{width: 100%; text-align: center; font-size: 45px; font-size: 2.0vw;}
.cta				{text-align: center; font-size: 120%; background-color: #00A2AF; padding: 10px 20px 10px 20px; margin-top: 30px; font-weight: bold; cursor: pointer; width: 300px; position: relative; z-index: 1001;}
a.bluebutton		{text-align: center; font-size: 120%; background-color: #00A2AF; padding: 0px 20px 0px 20px; color: #ffffff; line-height: 35px; vertical-align: middle;}
div.video-thumb-big img		{width: 250px; border: solid 1px #838383; cursor: pointer;}
div.video-thumb-big h3		{color: #838383; font-family: 'Raleway', sans-serif; font-size: 110%;}
#div_5inarow .video-thumb 	{width: 16%; margin-right: 2%; margin-left: 2%;}
div.video-thumb img		{width: 150px; border: solid 1px #838383; cursor: pointer;}
div.video-thumb h3		{color: #838383; font-family: 'Raleway', sans-serif; font-size: 90%;}
.video-thumb			{text-align: center;}

#div_importantgreen		{width: 100%; background-color: #b4cd33; height: 3.0vw; margin-top: -3.0vw; position: relative; top: -5px; z-index: 99;}
#div_blueline			{width: 100%; height: 12px; background: url('images/bkg_bluebar.jpg'); margin-top: -3.5vw; position: relative; top: -5px; z-index: 99;}
#div_showvideo			{float: right; position: absolute; left: 73vw; top: -3.8vw; z-index: 100; height: 9vw;}
#div_showvideo img		{height: 100%;}
#div_arrowdown			{width: 748px;}
#div_whitspacecontent		{width: 100%; position: relative;top: -5px; background-color: #ffffff;}
#div_whitspacecontent h2	{margin-top: 20px; margin-bottom: 20px;}
#div_faqs h2				{margin-bottom: 0px; text-transform: uppercase; font-family: 'Raleway', sans-serif; color: #00A2AF;}
#div_serviceareatabs		{width: 450px; margin-left: 95px;}
#div_serviceareatabs	li	{cursor: pointer; height: 85px; line-height: 85px; vertical-align: middle; padding-right: 10px; border-top: 2px solid #e5e5e5; border-right: 2px solid #e5e5e5; list-style: none; width: 100%; text-align: right;}

.subtitle			{max-width: calc(100% - 85px); margin-left: 85px; margin-top: 100px; font-size: 30px; font-size: 150%; text-transform: uppercase; color: #303038;}
.homesubtitle		{max-width: calc(100% - 80px); margin-left: 40px; margin-right: 40px; margin-top: 0px; font-size: 30px; font-size: 150%; text-transform: uppercase; color: #303038;}
.wrapper			{max-width: 1000px;}
.homeinfowrapper	{max-width: 1000px; width: calc(100% - 20px); float: none; margin-left: auto; margin-right:auto; margin-top: 40px; margin-bottom: 40px; padding-left: 10px; padding-right: 10px;}
.furtherinfoboxes		{max-width: 900px; margin-left: 85px; margin-top: 40px;}
#div_thefooter			{background-color: #ffffff; width: 100%; position: relative; top: -5px;}
#div_topfooter			{width: 100%; margin-top: 50px; background-color: #a2a3a8;}	
#div_topfooterlh		{width: 50%; background-color: #67676f; color: #fefeff; height: 100%;}
#div_topfooterlh p, h3		{color: #cdcfd1;}
#div_topfooterrh		{width: 50%; background-color: #a2a3a8; color: #fdfeff; height: 100%;}
#div_footerlhtext		{float: right; padding-top: 35px; width: 650px; padding-right: 35px; padding-bottom: 35px;}
#div_footerrhtext		{padding-top: 35px; padding-left: 35px;}
#div_registerbox		{width: 90%; height: 40px; margin-left: 35px; margin-top: 15px;}
#div_registerbox input		{height: 40px; border: none;}
#div_bottomfooter		{width: 100%; text-align: center;}
#div_bottomfooter p		{padding-top: 30px; padding-bottom: 30px; line-height: 30px;}
#div_package_view		{margin-top: -151px;}
#div_package_view .supportbutton	{cursor: auto;}
#div_packageview_heading	{color: #ffffff; margin-top: 60px;}
#div_packageview_heading h1 {color: #ffffff;}
#div_packageview_headimage.headimage {height: 250px;}
#div_package_table td	{vertical-align: middle;}
#div_contactus			{width: calc(350px - 40px); padding: 20px; position: fixed; top: 80px; left: 50%; margin-left: -175px; z-index: 1010; background-color: #ffffff; border-radius: 5px; overflow: auto;}
#div_contactform 		{width: 100%;}
#div_contactform input	{width: 100%; margin-bottom: 5px;}
#div_contactform input.checkbox	{width: auto;}
#div_contactform label	{color: #00A2AF;}
#div_contactus h2		{margin-bottom: 20px;}
#div_demo_full_buttons	{position: fixed; top: 100px; right: 10vw; z-index: 100; width: 10vw;}
#div_demo_full_buttons img	{width: 100%; margin-bottom: 10px;}
.smalltext				{font-size: 12px;}
.bigtext				{font-size: 24px;}
#div_contactform input.submitbutton		{margin-top: 10px; border: none;}
.alert					{color: red !important;}
#iframe_video, .iframe_video		{width: 1280px; height: 720px;}
#div_video, .div_video			{width: calc(1300px - 20px); padding: 10px; position: fixed; top: 80px; left: 50%; margin-left: -650px; z-index: 1010; background-color: #ffffff; border-radius: 5px; overflow: auto;}
.div_tip						{width: 300px; padding: 10px; position: fixed; left: 50%; margin-left: -160px; z-index: 1010; background-color: #ffffff; border-radius: 5px; overflow: auto; text-align: center; font-size: 90%;}
.pointer			{cursor: pointer;}
.bold				{font-weight: bold;}
td.highlighted, th.highlighted		{background-color: #1f1f1f; color: #ffffff !important;}

body.signup-process					{background-color: #f3f3f3;}
#div_start_signup					{margin-top: 100px;}
#div_start_signup h1, #div_start_signup p		{color: #333;}
#div_start_signup h1				{margin-top: 40px; margin-bottom: 40px;}
#div_carddetails #div_signupstep_button	{margin-top: 30px;}
#div_signupstep_button				{width: 100%; background-color: #B5CE34; margin-top: 60px;}
#div_signupstep_button a			{width: 100%; text-align: center; padding: 20px 0px; color: #4e5a61; font-size: 20px; font-weight: bold; display: block;}
#div_signup_footer					{margin-top: 50px; margin-bottom: 40px; border-top: solid 1px; color: #4e5a61;}
#div_signup_footer_content_wrapper	{padding-left: 50px; width: calc(100% - 50px); margin-top: 50px;}
#ul_signup_footer li				{list-style: none; float: left; width: 300px; font-size: 14px; line-height: 30px;}
#div_signup_logocontainer			{width: 25%; margin-top: 60px; position: absolute; z-index: 99;}
#div_signup_logo					{width: 75%; float: right;}
#div_package_signup h1, #div_package_signup p			{color: #333;}
#div_package_signup h1				{margin-top: 80px; margin-bottom: 20px;}			
.modulebutton						{width: 150px; height: 150px; background-color: #14a2b0;}
.one_module_button_center			{width: 150px; margin: auto; float: none;}
.boxtocheck							{width: 30px; height: 30px; background-color: #ffffff; position: absolute; margin-top: 120px; margin-left: 120px;}
.modulehelpicon						{width: 25px; height: 25px; position: absolute; margin-top: 120px; margin-left: 5px;}
.moduleboxtext						{margin-top: 30px; color: #ffffff; width: calc(100% - 20px); padding-left: 10px; padding-right: 10px;}
.spacer								{width: 50.3px; height: 150px;}
#div_infopopup						{width: 270px; border: solid 5px #B5CE34; padding: 10px; background-color: #ffffff; color: #838383; position: fixed; z-index: 1010; left: 50%; margin-left: -150px; margin-top: 210px;}
#div_infopopup .acceptmessage		{background-color: #00A2AF; padding: 5px; margin-top: 20px; width: calc(80% - 10px); margin-left: 10%; margin-right: 10%; text-align: center; color: #ffffff; cursor: pointer;}
.biginput							{font-size: 22px; line-height: 30px; vertical-align: middle; padding-top: 5px; padding-bottom: 5px;}
#div_pickusers						{margin-top: 60px; color: #333;}
.optiontable table					{width: 100%; text-align: center; table-layout: fixed; border-collapse: collapse;}
#div_support_table					{margin-top: 60px;}
.supportbutton						{font-family: 'Raleway', sans-serif; background-color: #00A2AF; color: #ffffff; cursor: pointer; padding-top: 30px; height: 70px; width: calc(100% - 40px); padding-left: 5px; padding-right: 5px; vertical-align: middle; margin: 10px; border: solid 5px transparent;}
.supportbuttonselected				{font-family: 'Raleway', sans-serif; background-color: #008691; color: #ffffff; cursor: pointer; padding-top: 30px; height: 70px; width: calc(100% - 40px); padding-left: 5px; padding-right: 5px; vertical-align: middle; margin: 10px; border: solid 5px #838383;}
td.highlight						{font-weight: bold;}
.optiontable td 					{border-bottom: solid 2px #00A2AF; padding-top: 5px; padding-bottom: 5px; color: #1f1f1f;}
.minihighlight						{font-size: 70%; color: red;}
.red								{color: red;}
.green								{color: #B5CE34 !important;}
.rowdescriptioncell					{width: 200px; font-size: 84%;}
.threecolumns						{width: calc(33% - 66.6px);}
.fourcolumns						{width: calc(25% - 50px);}
#div_order_summary					{width: calc(100% - 40px); background-color: #ffffff; padding: 20px; text-align: left;}
#div_carddetails					{width: 300px;}
#div_summary						{width: calc(100% - 300px); font-size: 90%;}
#div_summary .labelcol				{width: 130px;}
#div_carddetails input				{line-height: 30px; font-size: 110%;}
#div_carddetails label				{font-size: 80%;}
#div_carddetails p					{font-size: 80%;}
#div_registration_details			{width: 100%;}


@media screen and (max-width: 1600px)
{
	.wrapper			{width: 65%;}
	.furtherinfoboxes 		{width: 100%; margin-left: 5%;}
	#div_serviceareatabs 		{width: 30%; margin-left: 0%;}
	#div_importantgreen		{width: 100%;}
}
@media screen and (max-width: 1500px)
{
	#div_footerlhtext			{width: calc(100% - 70px);}
	.cta						{font-size: 100%;}
	#div_bottomfooter			{font-size: 12px;}
	.centered					{width: 290px;}
	.cta						{width: 250px;}
	#div_navigationbar li		{font-size: 15px; padding-right: 35px;}
	
}
@media screen and (max-width: 1400px)
{
	.column .furthertext		{font-size: 125%;}
}
@media screen and (max-width: 1350px)
{
	#img_toplogo			{margin-left: 7vw}
	#div_pc_menu			{margin-right: 7vw;}	
	#div_other_page_wrapper .free-version-headline	{margin-top: 2.5vw;}
}
@media screen and (max-width: 1300px)
{
	#div_other_page_wrapper	#div_businessbrain	{width: 200px;}
	.centered3									{width: 710px;}
	#div_club_spacer							{width: 100px;}
	#div_package_signup h1						{font-size:18px; margin-top: 100px;}
	#div_package_signup p						{font-size: 80%;}
	.optiontable td								{font-size: 80%;}
	.supportbutton								{font-size: 80%;}
	.supportbuttonselected						{font-size: 80%;}
}
@media screen and (max-width: 1200px)
{
	#div_navigationbar li		{font-size: 12px; padding-top: 15px; padding-bottom: 15px;}
	#div_navigationbar			{height: 50px;}
	#div_fixedcontact			{top: 50px;}
	.slide						{margin-top: 50px;}
	#div_logocontainer			{margin-top: 35px;}
	#div_demo_full_buttons		{top: 80px; width: 115px;}
	#div_demo_full_buttons img	{margin-bottom: 7px;}
	#div_getitnow_1				{visibility: hidden; line-height: 0px; height: 0px; display: none;}
	#div_other_page_wrapper .free-version-headline	{margin-top: 5vw;}
}
@media screen and (max-width: 1000px)
{
	#div_footerlhtext p		{font-size: 14px;}
	h3				{font-size: 16px;}
	.furthertext			{font-size: 14px;}
	#div_serviceareatabs li		{font-size: 14px;}
	.img_watch_me				{width: 150px;}
	div.question				{font-size: 18px;}
	div.answer					{font-size: 14px;}
	.centered5					{width: calc(100% - 40px);}
	#div_navigationbar			{height: 40px;}
	#div_fixedcontact			{top: 50px;}
	#div_navigationbar li		{padding-top: 10px; padding-bottom: 10px;}
	.slide						{margin-top: 40px;}
	#img_toplogo				{margin-top: 7px; position: absolute;}
	.headimage					{margin-top: 40px;}
	#div_5inarow .video-thumb 	{width: 29%; margin-right: 2%; margin-left: 2%;}
}
@media screen and (max-width: 900px)
{
	#div_pc_menu			{visibility: hidden; line-height: 0px; height: 0px; display: none;}
	#div_mobile_menu		{visibility: visible; line-height: inherit; height: auto; display: inline;}	
	#div_navigationbar li	{padding-top: 0px; padding-bottom: 0px;}
	.hiddenontablets		{visibility: hidden; line-height: 0px; height: 0px; display: none;}
	.hiddenondesktops		{visibility: visible; line-height: inherit; height: auto; display: inline;}
	.headlinetext			{margin-top: 13%;}
	#div_importantgreen		{height: 32px; line-height: 32px; margin-top: -32px; top: 0px;}
	#div_other_page_wrapper #div_importantgreen {margin-top: -5px;}
	#div_diagram img			{width: 16vw;}
	#div_other_page_wrapper .furtherpic	{width: calc(100% - 40px); padding-left: 20px; padding-right: 20px; text-align: center;}
	#div_other_page_wrapper .furthertext {width: calc(100% - 40px); margin-left: 20px; margin-right: 20px; text-align: center;}
	#div_other_page_wrapper .row		{padding-top: 0px;}
	#div_other_page_wrapper	.subtitle	{text-align: center;}
	#div_other_page_wrapper h1			{font-size: 140%;}
	.wrapper			{width: 90%; float: none; margin: auto;}
	.furtherinfoboxes		{width: 100%; margin: 0px 0px 40px 40px; width: calc(100% - 80px);}
	.column .furthertext	{margin-top: 15px;}
	.subtitle, .homesubtitle			{margin: 20px 0px 0px 40px; width: calc(100% - 80px); font-size: 20px;}
	.bigtexthomemodule	{margin: 20px 0px 40px 40px; width: calc(100% - 80px);}
	.cta			{font-size: 90%; margin-top: 40px; width: 200px;}
	.centered			{width: 240px;}
	#div_logocontainer				{width: 300px;}
	#div_signup_logocontainer		{width: 200px; margin-top: 30px;}
	#div_start_signup h1		{margin-top: 0px;}
	#div_signupstep_button		{margin-top: 30px;}
	#div_serviceareatabs		{width: calc(100% - 25px);}
	#div_serviceareatabs li		{float: left; height: 30px; line-height: 30px; border-right: none; text-align: left; padding-right: 0px; padding-left: 25px; padding-top: 5px; padding-bottom: 5px;}
	#div_serviceareatabs li.selected	{height: auto;}
	#div_serviceareatabs img	{width: 200px; margin-bottom: 10px;}
	#div_showvideo			{top: -27px; height: 75px}
	#div_blueline			{margin-top: -32px;}
	#div_demo_full_buttons	{top: 50px; right: auto; left: 7vw; width: 215px;}
	#div_demo_full_buttons img	{width: calc(50% - 10px); margin-right: 10px; float: left;}
	#div_info_page_title h1		{font-size: 160%;}
	
}
@media screen and (max-width: 850px)
{
	#email				{width: 90%; margin-bottom: 10px;}
	.cta				{font-size: 80%; width: 175px;}
	.centered			{width: 215px;}	
	.firstline			{font-size: 30px;}
	.secondline			{font-size: 15px;}
	.hiddenonmobiles		{visibility: hidden; line-height: 0px; height: 0px; display: none;}
	#div_other_page_wrapper .slide	{height: 282px;}
	#div_contact_us_banner	{height: 26vw !important;}
	#div_other_page_wrapper .headlinetext	{margin-top: 150px;}
	#div_other_page_wrapper	#div_logo		{width: 165px;}
	#div_other_page_wrapper	#div_logocontainer		{width: 250px;}
	#div_bottomfooter p		{line-height: 20px; padding-top: 20px;}
	#div_topfooterrh h3		{padding-right: 20px;}
	#div_diagram			{margin-top: -155px;}
}
@media screen and (max-width: 763px)
{
	#div_other_page_wrapper.contact_us_wrapper #div_logocontainer		{margin-top: 45px; z-index: 1200;}
	#div_other_page_wrapper.contact_us_wrapper #div_logo				{float: left; margin-left: 20px;}
	#div_other_page_wrapper.contact_us_wrapper #div_strapline			{visibility: hidden; line-height: 0px; height: 0px; display: none;}
	.onethirdbox			{width: 100%; height: auto; padding-top: 10px;}
	.borderright			{border-right: none; border-bottom: solid 2px #14a2b0; padding-bottom: 10px;}
	.column					{width: 100%; text-align: center; margin-bottom: 10px;}
	.column .furtherpic			{width: 30%; text-align: center; float: right; top: 20px; position: relative;} 
	.column .furtherpic img		{width: 36%;} 
	.column .furthertext		{width: 70%; margin-left: 0px; margin-bottom: 20px; float: right; font-size: 120%;}
	.centered3					{width: 100%;}
	.rowdescriptioncell			{width: 40%;}
	.fourcolumns				{width: 15%;}
	.optiontable td				{font-size: 70%;}
	.supportbutton				{font-size: 60%; width: calc(100% - 25px); margin: 10px 5px 10px 5px; height: 45px; padding-top: 15px;}
	#div_package_view			{margin-top: -111px;}
	#div_packageview_headimage.headimage	{height: 195px;}
	#div_package_smallprint		{width: calc(100% - 10px); padding-left: 5px; padding-right: 5px;}
	#div_summary				{width: 100%;}
	#div_carddetails			{margin-top: 40px; width: 100%;}
}
@media screen and (max-width: 675px)
{
	.headlinetext			{margin-top: 10%;}
	.centernav				{width: 100%;}
	div.answer				{background-size: 50px; min-height: 50px; padding-left: 65px; width: calc(100% - 65px);}
	div.question			{background-size: 50px; min-height: 50px; padding-left: 65px; width: calc(100% - 65px);}
	.centered3					{width: 100%;}
	.rowdescriptioncell			{width: calc(30% - 5px); padding-left: 5px;}
	.fourcolumns				{width: 17.5%;}
	#div_signup_footer_content_wrapper	{padding-left: 20px;}
	#h2_free_subtitle		{visibility: hidden; line-height: 0px; height: 0px; display: none;}
	#div_5inarow .video-thumb 	{width: 46%; margin-right: 2%; margin-left: 2%;}
}
@media screen and (max-width: 600px)
{
	#div_topfooterlh		{width: 100%;}
	#div_topfooterrh		{width: 100%; height: 200px;}
	.firstline			{font-size: 20px;}
	.secondline			{font-size: 15px;}
	#div_logocontainer		{width: 220px;}
	#div_signup_logocontainer		{width: 150px;}
	#div_logo			{width: 88%;}
	#div_businessbrain		{width: 75%;}
	.casestudy a			{font-size: 90%;}
	#iframe_video, .iframe_video		{width: 100%;}
	#div_video, .div_video			{width: 100%; padding: 0px; position: fixed; top: 10px; left: 0px; margin-left: 0px;}	
	#div_diagram		{margin-top: -159px;}
	.datasheet_link a	{font-size: 80%;}
	.buttonrow									{width: 150px; float: none; margin-left: auto; margin-right: auto;}
	#div_club_spacer							{width: 0px;}
	.spacer										{width: 0px;}
	#div_demo_full_buttons	{width: 175px;}
	.headlinetext		{margin-top: 13%;}
	.div_tip			{top: 40px; font-size: 80%;}
	
}
@media screen and (max-width: 500px)
{
	#div_topbar .cta_button		{visibility: hidden; line-height: 0px; height: 0px; display: none;}
	.centered4				{width: calc(100% - 20px);}
	.centered2				{width: 90%;}
	#div_signupstep_button a	{font-size: 16px;}
	#div_start_signup h1		{font-size: 22px;}
	.supportbutton, .supportbuttonselected		{font-size: 54%;}
}
@media screen and (max-width: 450px)
{
	.slide						{height: 155px;}
	.rowdescriptioncell			{width: 20%;}
	.fourcolumns				{width: 20%;}
	#div_packageview_heading h1	{font-size: 150%;}
}
@media screen and (max-width: 350px)
{
	#img_toplogo	{height; 50%;}
	body			{width: 350px;}
}