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

=================================================================== */
@font-face {
    font-family: 'open_sanslight';
    src: url('/fonts/Opensans-Light.eot');
    src: url('/fonts/opensans-light.eot?#iefix') format('embedded-opentype'),
         url('/fonts/opensans-light.woff2') format('woff2'),
         url('/fonts/opensans-light.woff') format('woff'),
         url('/fonts/opensans-light.ttf') format('truetype'),
         url('/fonts/opensans-light.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat';
	src: url('/fonts/montserrat.eot');
	src: url('/fonts/montserrat.otf') format('otf'),
		 url('/fonts/montserrat.woff') format('woff'),
		 url('/fonts/montserrat.woff2') format('woff2'),
		 url('/fonts/montserrat.ttf') format('truetype'),
		 url('/fonts/montserrat.svg#montserrat') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat_light';
	src: url('/fonts/montserrat-light.eot');
	src: url('/fonts/montserrat-light.otf') format('otf'),
		 url('/fonts/montserrat-light.woff') format('woff'),
		 url('/fonts/montserrat-light.woff2') format('woff2'),
		 url('/fonts/montserrat-light.ttf') format('truetype'),
		 url('/fonts/montserrat-extralight.svg#montserrat_extralight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat_extralight';
	src: url('/fonts/montserrat-extralight.eot');
	src: url('/fonts/montserrat-extralight.otf') format('otf'),
		 url('/fonts/montserrat-extralight.woff') format('woff'),
		 url('/fonts/montserrat-extralight.woff2') format('woff2'),
		 url('/fonts/montserrat-extralight.ttf') format('truetype'),
		 url('/fonts/montserrat-extralight.svg#montserrat_light') format('svg');
    font-weight: normal;
    font-style: normal;
}



body {
	margin:0px;
	padding:0px;
	width:100%;
	color:#222;
	font-family: 'open_sanslight';
}

body > p {
	line-height:22px;
	font-family: 'open_sanslight';
}

a {
	color:#659aff;
  font-weight: normal;
	text-decoration:none;
  }

a:hover {
	text-decoration:underline;
}

hr {
	background-color: #ccc;
	height: 1px;
	border:0; width:90%;
}


#topnav {
	position: fixed;  left: 0;   top: 0; 
	height:74px; width: 100%; 
	background:white;
	display:inline-block;
}

#topnav ul#nav {
	margin-top:28px;
}

#topnav img.omlogo {
	width:144px;
	margin:12px 0 0 16px;
}


#nav {padding:0 0 0 0; margin:0; list-style:none; 
	/*z-index:2000; */
	font-family: 'open_sanslight' !important;
	float:right; font-weight:normal;
}
#nav li.top {display:block; float:left; height:46px;}
#nav li a.top_link {display:block; float:left; height:46px; line-height:46px; font-size:12px;
	color:#666; text-decoration:none; padding:0 16px 0 16px; cursor:pointer;
	font-family:'montserrat_light' }
/*#nav li a.top_link.selected {background:#f88; }*/
#nav li a.top_link:hover {background:#868786; color:#fff !important;/* background-image:url(/images/XXXXXbackground2.png); z-index:-100;*/}
#nav .selected {background: #e0e0e0 !important; color: #888 !important; 	opacity: 1.0 !important; }
#nav li a.top_link.selected:hover {background:#868786 !important; }

/* Default list styling */
#nav li:hover {position:relative; }

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{
	position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

#nav li:hover ul.sub{left:0; top:46px; background: #c0c0c0; opacity:0.9; padding:3px; white-space:nowrap; width:180px; height:auto; z-index:10;}
#nav li:hover ul.sub li a{display:block; font-size:15px; height:32px; line-height:32px; width:180px; text-indent:5px; color:#000; text-decoration:none;}

#nav li ul.sub li a.fly{background:#c0c0c0 url(/images/arrow.gif) 170px 9px no-repeat; }
#nav li:hover ul.sub li a:hover {background:#606060; color:#fff;} 
#nav li:hover ul.sub li a.fly:hover{background:#606060 url(/images/arrow_over.gif) 170px 9px no-repeat; color:#fff;}

#nav li:hover ul li:hover > a.fly {background:#606060 url(/images/arrow_over.gif) 170px 9px no-repeat; color:#fff;}

/*Drop down menu level 2*/
#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{
	left:182px; top:-3px; background: #c0c0c0;  padding:3px; white-space:nowrap; 
	width:180px; height:auto; opacity:1.0;
}  

#nav .selected {
	background: #e0e0e0 !important; 
	color: #303030 !important; 
	}


#search_icon {
		margin:12px 0 0 16px;
		cursor: pointer;
	}

	#hamburger_menu {
		float:left; height:46px;
		margin:12px 12px 0 0;
		cursor: pointer;
	}

	#search img:hover {
		opacity:0.5 !important;
	}

	.searchPos { /*Search input box position*/
		position: absolute; top: 74px; right: 0;
		padding: 4px 6px 6px 6px; background: white;
		display:none; /*hidden until icon is pressed*/
		background:#eee;
	}

	.searchPos img#closeIcon {
		cursor: pointer;
		position: relative; top:6px;
		padding: 0 23px 0 44px;
	}

	#searchBox360 {
	/*	margin:8px 0 0 15px; */
		height:18px;
		font-family: 'open_sanslight' ;
		padding-left:4px;
	}

	#topMenuSearch img {
		margin-right:20px;
	}
	#topMenuSearch input {
		width: 150px;
		font-family: 'open_sanslight' !important;
	}

/*Sub-menu navigation*/
.submenu {
position: fixed !important;  left: 0;   top: 70px !important;  width: 100% !important;

	background:#e0e0e0; 
	height:40px;
	line-height:36px;
	z-index:0;
	
	overflow: hidden; /*hide submenu items that do not fit on menu bar*/
	margin-bottom:30px;
}

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0.3; } to { opacity:0.9; } }
@-moz-keyframes fadeIn { from { opacity:0.3; } to { opacity:0.9; } }
@keyframes fadeIn { from { opacity:0.3; } to { opacity:0.9; } }

 
.fade-in {
 opacity:0.1;  /* make things invisible upon start */
 -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
 -moz-animation:fadeIn ease-in 1;
 animation:fadeIn ease-in 1;
 
 -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
 -moz-animation-fill-mode:forwards;
 animation-fill-mode:forwards;
 
 -webkit-animation-duration:0.5s;
 -moz-animation-duration:0.5s;
 animation-duration:0.5s;
}
 
.fade-in.one {
-webkit-animation-delay: 0.1s;
-moz-animation-delay: 0.1s;
animation-delay: 0.1s;
}
 
.fade-in.two {
-webkit-animation-delay: 0.2s;
-moz-animation-delay:0.2s;
animation-delay: 0.2s;
}
 
.fade-in.three {
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
animation-delay: 0.3s;
}

.fade-in.four {
-webkit-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
animation-delay: 0.4s;
}

.fade-in.five {
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
animation-delay: 0.5s;
}

@-webkit-keyframes slideIn {
  0% {left: -200px; } /* -130px;*/
  100% { left: 0; }
}
@keyframes slideIn {
  0% {left: -200px; } 
  100% { left: 0; }
}

.m1 a {
	-webkit-animation-duration:0.5s;
 -moz-animation-duration:0.5s;
  animation-duration: 0.5s;
  
  -webkit-animation-name:slideIn;
 -moz-animation-name:slideIn;
  animation-name: slideIn;
  
  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
 -moz-animation-fill-mode:forwards;
  animation-fill-mode: forwards;
}

.m2 a { 
  	-webkit-animation-duration:0.5s;
 -moz-animation-duration:0.5s;
  animation-duration: 0.5s;
  
  -webkit-animation-name:slideIn;
 -moz-animation-name:slideIn;
  animation-name: slideIn;
  
  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
 -moz-animation-fill-mode:forwards;
  animation-fill-mode: forwards;
  
  -webkit-animation-delay: 0.1s;
	-moz-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.m3 a { 
  	-webkit-animation-duration:0.5s;
 -moz-animation-duration:0.5s;
  animation-duration: 0.5s;
  
  -webkit-animation-name:slideIn;
 -moz-animation-name:slideIn;
  animation-name: slideIn;
  
  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
 -moz-animation-fill-mode:forwards;
  animation-fill-mode: forwards;
  
  -webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.m4 a {
  	-webkit-animation-duration:0.5s;
 -moz-animation-duration:0.5s;
  animation-duration: 0.5s;
  
  -webkit-animation-name:slideIn;
 -moz-animation-name:slideIn;
  animation-name: slideIn;
  
  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
 -moz-animation-fill-mode:forwards;
  animation-fill-mode: forwards;
  
  -webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.m5 a { 
  	-webkit-animation-duration:0.5s;
 -moz-animation-duration:0.5s;
  animation-duration: 0.5s;
  
  -webkit-animation-name:slideIn;
 -moz-animation-name:slideIn;
  animation-name: slideIn;
  
  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
 -moz-animation-fill-mode:forwards;
  animation-fill-mode: forwards;
  
  -webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.m6 a { 
  	-webkit-animation-duration:0.5s;
 -moz-animation-duration:0.5s;
  animation-duration: 0.5s;
  
  -webkit-animation-name:slideIn;
 -moz-animation-name:slideIn;
  animation-name: slideIn;
  
  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
 -moz-animation-fill-mode:forwards;
  animation-fill-mode: forwards;
  
  -webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.m7 a { 
  	-webkit-animation-duration:0.5s;
 -moz-animation-duration:0.5s;
  animation-duration: 0.5s;
  
  -webkit-animation-name:slideIn;
 -moz-animation-name:slideIn;
  animation-name: slideIn;
  
  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
 -moz-animation-fill-mode:forwards;
  animation-fill-mode: forwards;
  
  -webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.m8 a { 
  	-webkit-animation-duration:0.5s;
 -moz-animation-duration:0.5s;
  animation-duration: 0.5s;
  
  -webkit-animation-name:slideIn;
 -moz-animation-name:slideIn;
  animation-name: slideIn;
  
  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
 -moz-animation-fill-mode:forwards;
  animation-fill-mode: forwards;
  
  -webkit-animation-delay: 0.7s;
	-moz-animation-delay: 0.7s;
	animation-delay: 0.7s;
}

.m9 a { 
  	-webkit-animation-duration:0.5s;
 -moz-animation-duration:0.5s;
  animation-duration: 0.5s;
  
  -webkit-animation-name:slideIn;
 -moz-animation-name:slideIn;
  animation-name: slideIn;
  
  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
 -moz-animation-fill-mode:forwards;
  animation-fill-mode: forwards;
  
  -webkit-animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
	animation-delay: 0.8s;
}

#subnav {
padding:0; margin:0; 	
	list-style:none;
	}

#subnav a {
	font-size: 15px;
	text-decoration: none; 
	color: #808080;
	padding:4px 12px 6px 6px;
	white-space: nowrap;
	position:relative;
	top:4px;
}

/*@-webkit-keyframes subHover { from { background:#e0e0e0; color: #303030;} to { background:#303030; color:#e0e0e0;} }
@-moz-keyframes subHover { from { background:#e0e0e0; color: #303030;} to { background:#303030; color:#e0e0e0;} }
@keyframes subHover {from { background:#e0e0e0; color: #303030;} to { background:#303030; color:#e0e0e0;} }*/

#subnav a:hover {
	background: #3b93cc;/* #659aff;*/
	color: #ffffff !important; /*#e0e0e0 !important;*/

	-moz-border-radius: 4px; -webkit-border-radius: 4px;
}

#subnav  li {
	list-style:none;
	font-family: 'open_sanslight';
    font-weight: normal;
    font-size: 15px;
	float: left;
}

#subnav .subtitle {
	font-weight: bold;
	font-size: 15px;
	/*min-width: 130px;*/
	margin-right:32px;
	}
	
#subnav .subtitle a:hover {
	background: #e0e0e0;
	color: #303030;
}


#subnav .subtitle p {
	font-family: 'open_sanslight';
	font-size: 15px;
	font-weight: bold;
	padding: 0px 8px 0px 16px;
	background: #e0e0e0;
	margin: 0px 0px 0px 0px;
	position: relative; z-index: 999;
	color: #303030; /*357AE9;*/
}

#subnav .selected a{
	font-size: 15px;
	color: #357AE9;
	}

.mobile_only {display:none;}
.desktop_only {display:inline-block}
.menu_display {display:inline-block}
.hamburger_display {display:none !important}
/*}*/

/*Omnis logo: top left corner
.omlogo { 
	float:left; height:36px;
	display:block;
}*/

/*search box: top right hand corner*/
.search {

	position: absolute !important;
    right: 24px; top: 6px;
	/*max-width:200px; 21.06.2017*/
	max-width:270px;
	z-index:1000;
}



.search #___gcse_0 > div > form > table.gsc-search-box /*Add padding to the Google search box*/
{
	padding: 0px 4px 0px 0px;
}

.content form > select {
	font-size:15px;
	color:#444;
}

/*New release slide-out tab implementation*/
@keyframes slideInFromRight {
	0% {  transform: translateX(0);	}
	100% {	  transform: translateX(-315px); }
  }
@keyframes slideOutToRight {
	0% {  transform: translateX(0);	}
	100% {	  transform: translateX(315px); }
  }
.new_release {
	background:#0f6db1;
	width:400px; height:250px; /*was 170*/
	position:fixed; top:130px; right:-410px;
	animation: 1s ease-in-out 5s 1 slideInFromRight;
	animation-fill-mode: forwards;
	border: 2px solid #3b93cc;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	opacity:0.85;
}
.new_release a.close {
	background: white;
	color:grey;
	padding:2px 6px 2px 6px;
	-moz-border-radius: 16px;	-webkit-border-radius: 16px;
	position: relative; left:270px; top: 10px;
	font-family: 'montserrat';
}
.new_release a.close:hover {
	text-decoration:none;
	color: #ee7122;
}
.new_release a.home_button:hover {
	text-decoration:none;
	color: #444;
}
.newReleaseX { /*applied by hideNewRelease() */
	right:-95px;
	animation: 1s ease-in-out 0s 1 slideOutToRight;
	animation-fill-mode: forwards;
}
.new_release h1 {
	color: #ee7122;
	font-size:32px;
	margin:0 0 0 16px;
}
.new_release p {
	color:#fff;
	font-size:18px;
	font-weight:bold;
	margin: 0 0 0 16px;
}/*Slide-out implementation*/

/*Full screen new release*/
@keyframes fadeUp {
	0% { opacity:0;	}
	100% { opacity:0.7; }
  }
  @keyframes fadeUpDialog {
	0% { opacity:0;	}
	100% { opacity:0.85; }
  }
#newReleaseFullScreen
{
	position:fixed;	top:0;   left:0;
	width: 100%;   height: 100%;
    padding:0;    margin:0;
	
}
#fullScreenOverlay {
	position:fixed;	top:0;   left:0;
	width: 100%;   height: 100%;
    padding:0;    margin:0;
	animation: 1s ease-out 2s 1 fadeUp;
	animation-fill-mode: forwards;
	opacity:0;
	background:#ee7122;
}
.releaseDialog {
	background:#fff;
	width:360px; height:170px;
	position:fixed; top:30%; left:50%;
	margin:0 auto auto -180px;
	border: 2px solid #3b93cc;
	opacity:0;
	animation: 1s ease-out 2s 1 fadeUpDialog;
	animation-fill-mode: forwards;
}
.releaseDialog a.close {
	background: white;
	color:grey;
	padding:2px 6px 2px 6px;
	-moz-border-radius: 16px;	-webkit-border-radius: 16px;
	border: 1px solid grey;
	position: relative; left:320px; top: 10px;
	font-family: 'montserrat';
}
.releaseDialog a.close:hover {
	text-decoration:none;
	color: #ee7122;
}
.releaseDialog a.home_button:hover {
	text-decoration:none;
	color: #444;
}
.releaseDialog div.moreInfo {
	float:left; 
	position:relative; left:230px; top:-30px;
}
.hideDiv { /*applied by hideNewRelease() */
	display: none;
}

.releaseDialog h1 {
	color: #ee7122;
	font-size:32px;
	margin:0 0 0 24px;
}
.releaseDialog p {
	color:#666;
	font-size:18px; line-height:22px;
	font-weight:bold;
	margin: 0 0 0 24px;
}/*full screen new release*/

/*Page footer*/
.footer {
	margin:0 !important; padding:0 !important;
	height:230px;
	 width:100%;
	background:#868786;
	font-family: 'open_sanslight'; 
	font-size: 13px;
	color:#fff;
	display: block;
	position: relative; top:0;
}

.footer_separator { /*thin blue line that appears in the footer*/
	width:100%; height:3px; 
	margin:0px 0 16px 0; 
	background: #0f6db1;
	float:left;
	margin-top:24px;
}
.footer_separator.grey {
	background: #aaa;
}

/*.footer_right {
    margin:0 !important; padding:0 !important;
	position:absolute; right:4px; bottom:8px;
	line-height: 16px;
    font-size: 11px;
}*/

.footer_left {
    margin:0 0 0 30px; padding:0 !important;
	position:absolute; bottom:16px; /*left:4px;*/
	line-height: 16px;
	color:#ddd;
}

.footer a {
	font-family: 'open_sanslight';
    font-weight: normal;
    font-size: 12px;
	text-decoration:none;
	color:#fff;
	}

.footer_left a {
	font-size:12px;
	color:#ddd;
}


.footer_left a:hover {
	color:#f59e5c;
}

.footer ul {
	list-style:none;
	font-size: 12px;
	line-height: 20px;
	/*text-indent: 8px;*/
}
	
.site_map {
/*	position: absolute;
    top: 56px;*/
	text-align:left !important;
	display:block !important;
    width:100%;
	}
	.site_map ul {
		-webkit-padding-start:0;
	}
	
.site_map li {
	/*	text-indent: 16px;*/
	margin-left:30px;
	}
.site_map li:first-child {
	font-weight: bold;
	font-size: 14px;
	text-indent: 0px;
	}
	
.site_map a {
	font-size: 12px;
	font-weight: bold;
	}
	
/*@-webkit-keyframes fadeOver { from { color:#fff; } to { color:#444; } }
@-moz-keyframes fadeOver { from { color:#fff; } to { color:#444; } }
@keyframes fadeOver { from { color:#fff; } to { color:#444; } }*/

.site_map a:hover {
	color:#f59e5c;/*#ee7122;*/
	
/*	-webkit-animation:fadeOver ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time * /
	 -moz-animation:fadeOver ease-in 1;
	 animation:fadeOver ease-in 1;
	 
	 -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)* /
	 -moz-animation-fill-mode:forwards;
	 animation-fill-mode:forwards;
	 
	 -webkit-animation-duration:0.2s;
	 -moz-animation-duration:0.2s;
	 animation-duration:0.2s; */
	}
	
.social_media {
	/*margin-top:8px; margin-bottom:8px;*/
	/*position:absolute; top: 4px; */
	float:left; /*margin: 3px;*/
	display: block;
	/*position:relative; top: 60px; left: 8px;*/
	position: relative; top:60px; left:10px;
	white-space: nowrap;
}

.social_media ul {
    list-style-type: none;
    -webkit-margin-before:0; margin-top:0;
	-webkit-margin-after:0;
	padding: 0 0 0 16px;
}
.social_media ul li {
    display:inline;
	vertical-align: top ;
	margin-left:0;
}

div .silent_link { /*Used to create links that present no tool-tip*/
	cursor:pointer;
	/*float:left;*/
}
div .silent_link:hover{
	color:#ee7122;
}


/* Home page static slide caption */
 .home_caption {
	color:#202020;
	z-index:0;
	position:absolute;
	top:110px;
	right:0;
	height:240px;

	width:100%;
	opacity: 1;

}

.home_caption_background {
	position:absolute; 	top:100px;  
	height:230px; width:100%; 
	background:#f0f0ff; opacity:0.6;
}

.release_caption {
	position:relative; top:-0px;
	height:56px; width:100%; 
	cursor:pointer;
	margin-bottom:10px;
}

.release_caption h2 {
	font-size:24px !important;
	color:#eee !important;
	text-align:right;
	margin-top:12px !important;
}

.release_caption img {
	position:relative; top: -9px !important; 
	padding:0 26px 0 26px;
}

.release_caption_background {
	position:relative; top: -75px; margin-bottom: -131px;
	height:56px; width:100%; 
	background:#5577aa; opacity:0.75;
}

.release_new {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	color:#f08080; font-size:18px; font-weight:normal;
}

 .home_caption h1{
	font-family: 'montserrat_extralight';
	font-size:44px !important;
	font-weight: normal;
	margin-top:4px;
     -webkit-margin-before: 6px; margin-top: 6px;
	 -webkit-margin-after: 32px; margin-bottom:32px;
	color: #2255cc;
     margin-left:30px;
}

 .home_caption h2{
	font-weight: normal;
	font-size:28px;
	color: #404040;
     -webkit-margin-before: 6px; margin-top:6px;
     -webkit-margin-after: 12px; margin-bottom:12px;
     margin-left:30px;
	 line-height:28px;
	 white-space:nowrap; 
}

 .home_caption h3 {
	color: #2255ff;
	font-size:22px;
	/*text-decoration: underline;*/
	-webkit-margin-before: 0; margin-top:0;
	-webkit-margin-after: 0; margin-bottom:0;
     margin-left:30px;

}

 .home_caption ul li {
     margin: 5px 0 5px 25px;
	 font-size:16px;
 }

	.slide0title {
		/*position:relative;
		top:280px;*/
		height:100%;
	}


	.slide0title div.home_buttons {
		-webkit-margin-before:20px !important; margin-top:20px !important;
		margin-left:10% !important;
	}

 	.slide0title div h1{
		 font-family: 'montserrat' !important;
		 font-size:42px !important;
		 color:#444 !important;  font-weight:bold !important;
		 -webkit-margin-before:0 !important; margin-top:0 !important;
		 -webkit-margin-after:2px !important; margin-bottom:2px !important;
		 margin-left:10% !important;
	 }

	 .slide0title div h2{
		font-family: 'montserrat' !important;
		font-size:28px !important;
		color:#444 !important; 
		-webkit-margin-before:0 !important; margin-top:0 !important;
		-webkit-margin-after:2px !important; margin-bottom:2px !important;
		margin-left:10% !important;
	}

	.slide0title a {
		margin-left:0 !important;
	
		border: 1px solid #444 !important;
		color: #222 !important;
	}

	.slide0title a:hover {
		color: #ee7122 !important;
	}



/*@-webkit-keyframes fadeImg { from { opacity:1; } to { opacity:0.5; } }
@-moz-keyframes fadeImg { from { opacity:1; } to { opacity:0.5; } }
@keyframes fadeImg { from { opacity:1; } to { opacity:0.5; } }*/

	
.home_section {

	background:#fff;
	margin-top:60px;
	
	}
	
.home_section #intro {	
 /*width:430px; */
 
}
	
.home_section p {
	font-family: 'open_sanslight';
    font-weight: normal;
    font-size: 22px;
	text-decoration:none;
	color:#303030;
	float:left;
	margin-left:30px;

}
	
.home_section img { /*image displayed on home page*/
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
	z-index:10;
}	

#feature_box {
	background:#e0e0e0;
	color:#303030;
	font-family: 'open_sanslight';
    font-weight: normal;
    font-size: 12px;
}

#feature_box > tbody > tr > td {
	padding:8px;
	}

.feature_box h3 {
	font-size: 14px;
}

.feature_box  a {
	color:#0000f0;
	text-decoration:none;
}

.feature_box a:hover {
	color:#7070e0;
}

.feature_box img { /*image displayed in feature box*/
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

.main_content {
	margin-top:100px;
	}

.page_header { /*the introductory/title section on each page*/
	font-family: 'open_sanslight';
	padding-left:20px; padding-top:50px;
}
.page_header .header_pic {
	float:right; padding-right:20px;
}

.page_header h1 {
	font-size: 28px; font-weight:normal;
	padding-top:0; padding-bottom:0;
}

.page_header h2 {
	font-size: 20px; font-weight:normal;
	padding-top:0; padding-bottom:0;
}

.page_header h3 {
	font-size: 16px; font-weight:normal;
	padding-top:0; padding-bottom:0px;
}

.page_header p {
	font-size: 15px; font-weight:normal;
	padding-top:0; padding-bottom:0px;
}


.page_header img { /*image displayed in page header*/
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	z-index:10;
}

.page_header > table > tbody > tr > td > a {
	font-size: 10px;
}

.content {
	font-family: 'open_sanslight';
	margin-left:0; margin-right:0; margin-top:6px; margin-bottom:0;
    font-weight: normal;
	/*border:1px solid grey;*/
	/*background: #f8f8f8;*/
	padding: 0 0 0 0; /*bottom 12px*/
}
.content p {
    font-size: 16px; line-height:22px;
	-webkit-margin-before:0; margin-top:20px;
}

.content h1 {
	font-size: 26px; font-weight:normal;
}

.content h2 {
     font-size: 20px;
    font-weight:normal;
     -webkit-margin-before:4px; margin-top:4px;
 }

.content h3 {
	font-size: 18px; font-weight:normal;
 }

.content .top_section img { /*image displayed on home page*/
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
	z-index:10;

}

/*correct styles used with successstories slide show*/
.slide img {
	max-width: none !important;
}

.slide h2, .slide p, .slide h1 {
	margin:0;
	padding: 5px 15px 0 0;
}


.content .nav_bar {
	padding: 12px 0 0 20px;
	font-size: 18px;
}

.content .top_section {
	padding: 6px 20px 0 20px;
	}

/*.content .top_section h2{
	font-size: 18px; padding-top:0;
}
	
.content .top_section h3{
	font-size: 15px;
	}*/
	
.content .news_section {
	padding: 0 20px 0 20px;
	}
	
/*.content .news_section h3{
	font-size: 15px;
	}*/

.webinar_menu {
	font-family: 'open_sanslight';
	font-size: 16px; font-weight:normal;
	position:fixed; top:74px; left:0; right:0;
	z-index:0;
	/*position:relative; top: -20px;*/

}
	
.content .note_blue {background-color: #edfaf6;  }
.content .note_alt {background-color: #f7f7ef; border-top: 1px solid #ddd;padding:10px 10px 10px 20px;}
.blue_button {color: #fff; background: url(/images/blue_button_body.png) left top repeat-x; -moz-border-radius: 18px; -webkit-border-radius: 18px;  padding:8px 16px 8px 16px;}
.grey_button {color: #fff; background: url(/images/grey_button_body.png) left top repeat-x; -moz-border-radius: 18px; -webkit-border-radius: 18px; padding:8px 16px 8px 16px;}
.orange_button {color: #fff; background: url(/images/orange_button_body.png) left top repeat-x; -moz-border-radius: 18px; -webkit-border-radius: 18px; padding:8px 16px 8px 16px;}
.clear_button {color: #fff;  padding:8px 16px 8px 16px;}
.button a { white-space:nowrap; text-decoration: none; font-size:13px; }
.button a:hover { color: #FFC853;}

body > div.main_content > div.content > div.top_section > ul > li {
	font-size: 15px;
	line-height:22px;
}
	
.feature {
  padding:12px;
  }

.primary_download {
    width: 85%;
    border-spacing: 18px;
    border-collapse: separate;
}

.primary_download >tbody > tr > td {
    background-color:#f7f7f7;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border:2px solid #eeeeee;
    height:120px;
    cursor: pointer;
}

.primary_download >tbody > tr > td:hover {
   /* opacity:0.5;*/
    border:2px solid gray;
}
	
.feature_table  {
  font-family: 'open_sanslight';
  font-size: 15px; font-weight:normal;
  border-collapse: collapse;
  width:100%;

}

.feature_table h3 {
	font-size: 18px;
	font-weight: normal;
	padding:0;

	-webkit-margin-before:0 !important;
	-webkit-margin-after:0 !important;
}

.feature_table p {

}

/*Omnis Studio product editions*/
.edition_table {
    border-collapse:separate;
    border-spacing:0 16px;
    width: 100%;
}

.edition_table >tbody > tr > td {
    border: 1px solid lightgray;
    -moz-border-radius: 6px; -webkit-border-radius: 6px;
    padding:12px;
    line-height: 20px;
    background: #f6f6ff;
}

.feature_table >tbody > tr > td {
  border: 2px solid white;
  padding:8px;
	line-height: 20px;
}

.narrow >tbody > tr > td { /*odpp downloads*/
    padding:1px 8px 0 8px;
}

.feature_table >tbody > tr:nth-child(even) {
  background:#edfaf6;
  }
  
 .feature_table >tbody > tr:nth-child(odd) {
  background:#f7f7ef;
  }
  
 .feature_table >tbody > tr:first-child {
  background:#ffffff;
  }

 .feature_table > tbody > tr > td {
     border-collapse:collapse;
 }

 .feature_table a { /*links that appear after e.g. H3s*/
     font-weight: normal;
     font-size:15px;
 }

 .general_table {
	 width: 100%;
	 font-size: 13px;
 }

.general_table > tbody > tr > td {
	padding: 0 0 10px 0;
}

 .general_table > tbody > tr > td > p > a > img {
	 padding-left:8px; padding-right:8px !important;
 }

.general_table .caption { } /*just inline text for desktop view*/

/*.general_table > tbody > tr > td > h2 {
	padding: 0 0 0 8px; margin: 0;
}*/

.general_table > tbody > tr > td > h3 {
	-webkit-margin-after:0;
}

.home_table {
	width: 100%;
	font-size: 13px;
	background: #ffffff;
border:none; border-spacing:0;
}


.home_table > tbody > tr > td {
	padding:0 0 4px 0;
	line-height: 20px;
}

.home_table >tbody > tr:nth-child(even) {
	background:#fff/*#edfaf6;*/
}

.home_table h1 {
	font-family: 'monserrat_light';
	font-size:23px; font-weight: normal;
}

.home_table h2 {
	font-family: 'monserrat_light';
	font-size:18px; font-weight: normal;
}

.home_table p {
	font-size:16px;
}

.home_table img { /*snaps a wide img to the maximum allowed width*/
	max-width:100%;
}

.home_table > tbody > tr > td  a { 
	white-space:nowrap; text-decoration: none; font-size:15px; 
	}
.home_table > tbody > tr > td a:hover { 
	color: #FFC853;
	}

.pic4b {
	background-image:url('/images/Home_Pic4b.jpg') !important; 
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position-x: 65%;
	height:200px; width:200px;
	-moz-border-radius: 100px; -webkit-border-radius: 100px; border: 1px transparent;
	float:right; margin:32px 32px 32px;
}

.picAcademy {
	background-image:url('/images/usacademy.png') !important; 
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position-x: 0;
	height:200px; width:200px;
	-moz-border-radius: 100px; -webkit-border-radius: 100px; border: 1px transparent;
	float:right; margin:0 32px;
}


.home_success_preview {
	width:32%; background:transparent; display:inline-block;
	text-align:center; 
	cursor:pointer;
	float:left;
	margin:4px;
	padding-top:8px;
}

.home_success_preview p {
	margin: 6px 12px 0 12px;
	padding:0; line-height:16px;
	-webkit-margin-before:8px; margin-top:8px;
	-webkit-margin-after: 18px; margin-bottom:18px;
}

.home_success_quote { /*a quoted caption on the home page*/
	font-style: italic;
	color:DodgerBlue;
	font-sise:13px; line-height:18px;
}

.success_wrapper {
	width:100%; background:#ee4444;
  clear:both;
}

.image_right { 
	display: block;
    margin: 0 auto;
}

.centered {
	display: block;
	margin: auto;
}

.left_div {/*The outer div for the home page 'about' video*/
	display:inline-block; 
	float:left; 
	margin-right:20px; 
}

.sidebyside /*a div that is normally displayed to the right of an inline-block*/
{
/*	background:#fee; */
	white-space:normal; 
	margin-left:16px; margin-right:16px
}


.comp_table {
	width: 100%;
	font-size: 13px;
}

.comp_table > tbody > tr > td {
	padding:10px;
	line-height: 20px;
}

/*.comp_table > tbody > tr > td > p {
	padding-left:12px;
}*/

.comp_table >tbody > tr:nth-child(even) {
	background:#f8f8f8;/*#edfaf6;*/
}

.comp_table >tbody > tr:nth-child(odd) {
	background:#eeeeee;/*#f7f7ef;*/
}

.comp_table >tbody > tr >td:first-child {
	/*font-weight: bold;*/
	background:#fafafa;
}

.comp_table >tbody > tr > td:first-child > a:hover >img {
	/*opacity:0.5;*/
    border: 3px solid grey;
}

/*comp table icon*/
.comp_table >tbody > tr > td:first-child > a >img {
	max-width:75px;
	padding:4px;
    -moz-border-radius: 4px; -webkit-border-radius: 8px;
    border: 3px solid transparent;
}


.success_table {
	border-collapse:collapse;
}

.success_table h3 {
	font-size:13px;
	-webkit-margin-before:3px; margin-top:3px;
	-webkit-margin-after: 8px; margin-bottom:8px;
}

.success_table p {
	padding-left:0;
}

.success_table >tbody > tr {
	width:100%;
}

.success_table >tbody > tr > td {
	border: 2px solid white;
	padding: 8px;
	background:#f0f0f0;
}

.success_table >tbody > tr > td:first-child {
	background:#ffffff;
	border: 2px solid #f0f0f0;
	width:150px !important;
}

/*success stories drop list*/
.select_options #select_category{
	font-size:15px;
}
.select_options p {
	font-size:16px;
}

/*modifies feature_table with different colours*/
.gray >tbody > tr:nth-child(even) {
	background:#f4f4f4;
}
.gray >tbody > tr:nth-child(odd) {
	background:#ffffff;
}

/*Patch download table matrix*/
.matrix_table {
    width:100%;
}

.matrix_table >tbody > tr > td,
.matrix_table >thead > tr > th,
.matrix_table > tbody > tr > th {
    padding: 10px;
    font-weight: normal;
    text-align: left;
}

.matrix_table >thead >tr >th {
    font-weight: bold;
    text-align:center;
}

.matrix_table >tbody >tr >td {
    background-color: #ddd;
    text-align:center;
}

.matrix_table th:not(:empty) {
    background-color: #eeeeee;
} /*---------------------------- */
  
  .dot {
  list-style-image: url(/images/omnis_bullet_white.png); margin: 5px 25px 5px 0px;
     /* display: inherit;*/
  }
	
.disclaimer,
.disclaimer p {
	font-size: 11px !important;
	line-height:12px !important;
    font-weight:normal !important;
    margin-left:10px;
}


.content .wrappersection h3 {
	font-size:13px;
	font-weight: bold;
}

.contact {
	color:#357AE9;
}

	
.clear {
	clear: both;
	}

.error { /*us training reg form*/
	color: red;
}

.technew { /*a new or updated technote*/
	float: right;
	padding-right:12px;
	font-weight:bold;
}

.techdate { /*date on a technote*/
	float: right;
	padding-right:12px;
	font-size:12px;
}

.tinytext {
	font-size:10px;
}

.smalltext {
    font-family: 'open_sanslight';
    font-size:12px; line-height:13px;
}

.codetext {
	font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
}

.technote { /*used to show/hise technotes based on category*/
	padding-top:20px;
	width:100%;
}

.home_features {
	font-family: 'open_sanslight';
	width:100%;  color:white;
	 border-spacing:0;
	 position:relative; top: -10px; 
}
.home_features.narrow_strip { /*The narrow strip that appears before the footer*/
	top:0;
}

.home_features >tbody >tr > td  {
	padding:0;
}

.home_features >tbody >tr > td > div {
	padding:12px 16px 12px 30px;
	cursor:pointer;
    height:230px;
    position:relative; /*for positioning imgs*/
}
.home_features.narrow_strip >tbody >tr > td > div {
	height:12px;
	padding:0;
}

.home_features >tbody >tr >td:nth-child(1) {
	background:#ee7122;
}

.home_features >tbody >tr >td:nth-child(2) {
	background:#0f6db1;
}

.home_features >tbody >tr >td:nth-child(3) {
	background:#3b93cc;
}

.home_features >tbody >tr > td> div> h1 {
	-webkit-margin-before:0; margin-top:0;
	-webkit-margin-after:20px; margin-bottom:20px;
	font-weight:normal;
}

.home_features >tbody >tr > td> div> h2 {
	font-weight:normal;
	-webkit-margin-after:0; margin-bottom:0;
}

.home_features >tbody >tr > td> div> h3 {
	font-weight:normal; font-size:15px;
	-webkit-margin-before:8px; margin-top:8px;
}

.home_features >tbody >tr > td> div> img {
    position:absolute;
    right:18px;
    bottom:18px;
}

.home_features >tbody >tr > td> div> p {
 	position: absolute; bottom:12px;
}

.home_features >tbody >tr > td> div> p> a {
	color:#fff;
}
.home_features >tbody >tr > td> div> p> a:hover {
	text-decoration: none;
	color:#444;
}

.home_product_info {
	width: 100%;
}
.home_product_info  h1{
	margin: 30px 16px 0 30px;
	font-size:38px;
	font-weight: normal;
	color: #aaa;
}
.home_product_info  h2{ /*Used by "Use Omnis" title*/
	margin: 14px 16px 24px 30px;
	font-size:28px;
	font-weight: normal;
	color: #aaa;
}
.home_product_info  p{
	margin: 30px 42px 0 30px;
	font-size:22px; line-height: 26px;
	color: #aaa;
}
.home_product_info td.left {
	width:66%;
}
.home_product_info td.left  a{
	font-size:22px;
	color:#ee7122;
	border: 1px solid #ee7122;
	padding: 4px 16px 4px 16px;
	-moz-border-radius: 18px; -webkit-border-radius: 18px;
}
.home_product_info td.left a:hover{
	font-size:22px;
	text-decoration: none;
	color:#888;
}
.home_product_info td.right {
	width:33%;
	padding-right:12px;
}

.home_carousel {/*positions the "using" carousel on the home page*/
	width:94%; 
	margin: 20px 20px 20px 20px;
	position: relative; left:-30px;
	padding-bottom:30px;
}


/*studio more info*/
.embed_table {float:right; padding:0 12px 0 12px;}

.image_right { /*inline images for success stories*/
	float:right;
	display:inline;
	margin:4px 4px 4px 15px;
}

.image_left { /*inline images for success stories*/
	float:left;
	display:inline;
	margin:4px 15px 4px 4px;

}

/*who's using omnis*/
.who_pane {
    float:left;
    width:33%;
}

.who_pane.three p {
    margin:8px;
}

.mvDesigner_docs {
    position:absolute; top:82px; bottom:202px;
    width:100%;
    padding:0; margin:0;
}

.mvDesigner_docs iframe {
    width:100%; height:100%; border:0;
}

.title_button { /*a button inlined with an H1/H2 element*/
    font-size:12px;
    position: relative; top:-6px;
}

.title_button a {
    color:#fff;
}
.title_button a:hover {
    color:#ec4;
    text-decoration: none;
}

/*Home page introduction video*/
.home_vid_container { /*video & caption container*/
    position:relative; left: 50px; top: 80px;
   width:160px; 
   margin-left:32px;
    background:#5577bb;
    border:2px solid #5577bb;
    -moz-border-radius: 4px; -webkit-border-radius: 4px;
	text-align:center;
}

.home_vid_container > p { 
	color:#e0e0e0; 
	font-size:16px;
	}

.home_vid_thumb{ /*container for video*/
    height:80px;
    border:0;
    cursor:pointer;
    margin:6px;
}
.home_thumb{ /*play icon*/
    height: 100%;
    padding:0;
    margin:0;
    background:url(/videos/images/vid_btn.png) no-repeat;
    position:relative; left:10px; top: -4px;
}

.home_thumb:hover{
    background:url(/videos/images/vid_btn_hover.png) no-repeat;
}

.home_thumb_INTRO{ /*intro video thumb image*/
    margin:0;
    background:url(/videos/images/vid_thumb_omnis_intro.png) no-repeat;
    background-size: contain;
    height:100%;
    width:100%;
}

ul.tabNavigation li{ /*Language captions on video pane*/
    display:inline;
}
ul.tabNavigation {
    margin:4px 0 0 10px;
    padding:0;
}

.cookie_overlay {
	position:fixed; bottom:0; left:0; width:100%; height:120px;
	background:#333; opacity:0.9;
	display:none; /*hide by default*/
}
.cookie_overlay .caption1 {
	margin: 0 32px 0 32px;
	opacity:1 !important;
}
.cookie_overlay .caption1 h1 {
	text-align: left;
	margin:16px 120px 0 0;
	font-size:22px;
}
.cookie_overlay .caption1 p {
	margin:4px 120px 0 32px; font-size:18px;
	text-align:left;
}
.cookie_overlay .caption1 img {
	margin:0;
	padding: 0 32px 0 0;
}
.cookie_overlay .caption1 a {
	font-size:18px;	
	text-decoration: underline;
}
.cookie_overlay .caption1 a:hover {
	color:#f84;
}
.cookie_overlay .caption1 a.button {
	position: fixed; right:48px; bottom: 38px;
	border:1px solid white;
	padding:4px 14px 6px 14px;
	color:white; text-decoration: none;
	-moz-border-radius: 20px; -webkit-border-radius: 20px;
}
.cookie_overlay .caption1 a.button:hover {
	color:#f84;
}

.yourstory_aspect_ratio {
	position:relative; 
	padding-bottom:51%; 
	width:75%; height:0; 
}
.yourstory_aspect_ratio iframe {
	position:absolute; 
	width:100%; height:100%; 
	left:0; top:0;
}

.price_info { /*a round border for displaying product prces*/
	border: 2px solid #444;
	-moz-border-radius: 16px; -webkit-border-radius: 16px;
	padding:4px 16px 4px 16px;
	background: white;
	font-weight:bold;
}

ul li img#basket_icon {
	padding:6px 10px 0 6px; 
	cursor:pointer;
}

.basketCount { /*Counter placed over the basket icon*/
	border: 2px solid #444;
	background:#fff; color:#444;
	text-align:center; 
	font-family: Arial, Helvetica, sans-serif; padding:3px; 
	font-size:13px; font-weight:bold;
	-moz-border-radius: 8px; -webkit-border-radius: 8px;
	padding:0; margin:0;
	width:14px; height:14px;
	position:relative; top: -18px; left: 20px;
	cursor:pointer;
}

.priceList, .priceList p ,  .priceList select, .priceList input, .priceList h3 {
	font-family: 'open_sanslight';
	font-size: 16px;
	border-collapse:collapse;
	margin-top:0;
}
.priceList input {
	padding: 0;
	width:24px; height:18px;
	text-align: center; 
	
}
.priceList img {
	display:inline-block; vertical-align: middle;
}

.hidePrice { display: none } /*class to 'maybe' hide pricing info on the editions page, see checkout.js*/

.storeItem { /*a row in the price list*/
	min-height:150px; padding:10px;
}

.storePrice {
	vertical-align:top; font-weight:bold;
}

div#checkoutDetails table {
	width:80%;
	margin: 0 auto 0 auto;
	padding:12px 10px 12px 10px;
	background: #eee;
	border:0; border-radius:4px;
}
div#checkoutDetails input {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size:16px; line-height:18px; height:18px;
	border: 0; border-radius: 4px;
	padding: 10px 12px 10px 12px;
}
div#checkoutDetails input::-webkit-input-placeholder { /* Safari, Chrome(, Opera?) */
	color:#B0BCC8;
}
div#checkoutDetails input:-moz-placeholder { /* Firefox 18- */
	color:#B0BCC8;
}
div#checkoutDetails input::-moz-placeholder { /* Firefox 19+ */
	color:#B0BCC8;
}
div#checkoutDetails input:-ms-input-placeholder { /* IE (10+?) */
	color:#B0BCC8;
}
div#checkoutDetails span#expiryDate {
	float:right; line-height:18px; padding:10px 10px 10px 0;
	color:#666;  font-size:16px; font-weight:bold;
	overflow:hidden; cursor:pointer;
}
div#checkoutDetails tr#cvcHelp {
	color:#666;  font-size:16px;
	text-align:right; display:none;
}

/* .supportPackPrice {
	width:390px;
}
.supportPackPrice tr {
	height:50px;
}
.supportPackPrice a {
	position:absolute; left: 250px; top :-6px;
	line-height:16px;
} */
/* .invOffice { /*Invoice office location border box* /
	background: white; color:#B0BCC8;
	border-radius: 4px;
	border: 1px solid transparent;
	width:300px; padding:8px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size:16px;
} */

@keyframes growCheckOut {
	0% { height:0;	}
	100% { height: 920px; }
  }
.checkoutGrow {
	background:#fff;
	animation: growCheckOut 2s;
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}

/**Stripe CSS*/
.StripeElement {
    background-color: white;
  /*  height: 40px; */
    padding: 10px 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}



/*****************************************************************************************/
/* Styles for medium screens */
@media screen and (max-width: 1100px)/*,
only screen and (max-device-width: 1100px),
only screen and (min-device-width: 320px) and (max-device-width: 1100px) and (-webkit-min-device-pixel-ratio: 2)*/
{
.mobile_only {display:none;}
.desktop_only {display:inline-block !important;}
.menu_display {display:inline-block}
.hamburger_display {display:none !important}


} /*medium screens*/


/*****************************************************************************************/
/* Styles for small screens */
@media screen and (max-width: 880px)/*,
only screen and (max-device-width: 800px), 
only screen and (min-device-width: 320) and (max-device-width: 800px) and (-webkit-min-device-pixel-ratio: 2)*/
{
.mobile_only {display:inline-block;}
.desktop_only {display:none !important;}
.menu_display {display:none !important;}
.hamburger_display {display:inline-block !important;}

ul li img#basket_icon {
	padding:6px 26px 0 6px; 
}

/* .invOffice {
	width:220px;
} */

.priceList, .priceList p ,  .priceList select, .priceList input, .priceList h3 {
	font-size:13px;
}

div#checkoutDetails table {
	width:100%;
}
div#checkoutDetails span#expiryDate {
	font-size:12px;
}
div#checkoutDetails tr#cvcHelp {
	font-size:12px;
}

body p {
	font-size:15px; line-height:18px;
}

.search #gsc-iw-id1 {/*Reduce width of the Google search box*/
	width:90px !important;
	float: right;
}



/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
transition-delay: 2s;
}

#nav li a.top_link,
#nav li ul 
 { /*visibility: hidden;*/ }

.submenu {
	display:none;
	}

.mobile_menu {
	position: fixed; top:30px; left:0;/*eft:-100px;*/
	display: none; /*hide mobile menus, initially*/
	list-style: none;
	z-index:1000; 
	width:190px;
	overflow:auto;
	height:280px;
}
.mobile_menu li {width:96%;}
.mobile_menu a {
	float: left;  opacity:0.95;
	background:#a0a0a0;
	font-family: 'open_sanslight'; padding:3px;
	display:block; font-size:16px; height:28px; line-height:28px; width:100%; text-indent:5px; color:#444; text-decoration:none;
}
.mobile_menu li > a:hover {
	background:#606060 !important;
	color:#fff;
}

.mobile_menu li .sub {
	font-size:14px;
	text-indent: 12px;
	line-height: 16px; height:16px;
	background:#c0c0c0 !important;
}

	.main_content {
		 margin-top:56px;
	 }

.footer { /*smaller footer for mobiles*/
	height: 140px !important;
	/*position: relative; top: 60px; /*closes a gap*/
	}
	
.footer_left {
	margin:0;
    bottom:20px;
    width:100%;
	 text-align: center !important;
	 }
	 
.footer_right {
    right:0;
    width:100%;
	 text-align: center !important;
	 }

	 
	
	.home_section {
	margin-top:40px;
	}
	 
.home_section #intro {	
 /*width:50%; */
 
}
	 
.home_section p {
/*	font-size:14px;*/
	margin-left:12px;
	}


	
#feature_box {
  /*  font-size: 10px;*/
	}

#feature_box h3 {
	font-size: 13px;
}

.content p {
  /*  font-size: 13px;*/
}

	.content h1 {
		 padding-top:0px;
        -webkit-margin-before:0; margin-top:0;
	}

	.content h2 {
		 padding-top:0;
	}

	.content h3 {
		 padding-top:0;
        -webkit-margin-before:0; margin-top:0;
	}

	.page_header h1 {
		/*font-size: 18px; font-weight:normal;*/
		-webkit-margin-after:0;
	}

	.page_header h2 {
		/*font-size: 15px; font-weight:normal;*/
	}

	.page_header h3 {
		/*font-size: 12px; font-weight:normal;*/
	}

	.page_header p {
		/*font-size: 10px; font-weight:normal;*/
	}

	.page_header > table > tbody > tr > td > a {
		/*font-size: 10px;*/
	}

	.content .nav_bar {
		margin: 6px 0px 6px 0px;
		font-size: 14px;
		font-weight: bold;
	}	

	.general_table {
		font-size: 13px;
	}

	.general_table > tbody > tr > td > p > a > img {
		 padding: 0 12px 8px 12px; /*force text to appear below img*/
		display:inline-flex;
	}

	.general_table > tbody > tr > td > h2 {
		font-size:15px !important;
	}

	.general_table .caption { clear:left; padding-top:4px;} /*start caption text on a new line*/

	.success_table >tbody > tr > td:first-child {
		width:100px;
	}

	.webinar_menu {
		font-size:12px;
	}

	body > div.main_content > div.content > div.top_section > ul > li {
		font-size: 12px;
		line-height:20px;
	}

	/*comp table icon*/
	.comp_table >tbody > tr > td:first-child > a >img {
		width:50px;
		horiz-align: center;
		padding:0;
	}

	.home_features {
		/*position:relative; top:-1px;*/
	}

	.home_features >tbody >tr > td > div {
		padding:8px 8px 12px 16px;
		height:120px;
	}

	.home_features >tbody >tr > td> div> h2 {
		font-size:17px;
	}

    .home_features >tbody >tr > td> div> h2 span  {
        font-size:13px;
    }

	.home_features >tbody >tr > td> div> p> a {
		font-size:12px;
	}

	.image_right { /*inline images for success stories*/
		float:none;
		display:block;
	}

	.image_left { /*inline images for success stories*/
		float:none;
		display:block;
	}

	.pic4b {
		clear:both; float:none;
		margin:16px auto auto auto;
	}

    /*who's using omnis*/
    .who_pane {
        float:none;
        width:100%;
    }

    .who_pane > h3 {
        font-size:15px; font-weight: bold;
        -webkit-margin-before:0; margin-top:0;
        -webkit-margin-after:0px; margin-bottom:0;
        padding-top:2px;
        display:table;
    }

    .who_pane.one img {
        /*float: right;
        max-width:100px;*/
        display:none;
    }

    .who_pane.two img {
        display:block;
        margin-left:auto;
        margin-right:auto;
        padding-top:10px;
    }

    .who_pane.three p {
        margin:8px 0 0 0;
    }

    .mvDesigner_docs {
        top:45px;
         bottom:80px;
    }

	.blue_button, .orange_button, .grey_button {
		line-height:42px;
	}

    /*Home page intro video*/
    .home_vid_container { /*video & caption container* /
       /* right: 18px; top: 8px;*/
	   margin: 32px auto auto auto;
    }

	.left_div {/*The outer div for the home page 'about' video*/
		margin:auto; width:100%;
	}

    .home_thumb{ /*play icon*/
        left:0; top: -12px;
    }

	.image_right { 
   		margin-right:150px;
	}

	.home_caption {
		height:164px;
		top:70px;
	}

	.home_caption h1{
		font-size:26px !important;
		margin-top:44px;
		-webkit-margin-before: 40px; margin-top:40px;
		-webkit-margin-after: 8px; margin-bottom:8px;
	}

	.home_caption h2{
		font-size:18px;
		-webkit-margin-before: 10px; margin-top:10px;
		line-height: 22px;
	}

	.home_caption h3 {
		font-size:15px;
	}

	.home_caption ul {
        display:none;
    }

	.home_caption_background { 
		height:150px; 
	}

	.sidebyside { /*for small screens, sidebyside blocks go underneath the preceding block*/
		display:inline-block;
		margin-top:12px;
	}

	.sidebyside h1 {
		font-size:20px;
	}

	.sidebyside p {
		font-size:15px;
	}
	
	.video_div { /*video frame moves to the centre for small screens*/
		width:100%;
		margin: 12px auto auto auto;
		float:none;
	}

	.home_success_preview {
	width:47%; 
	}

	.release_caption_background {
		top:-42px;
		height:36px;
		opacity:0.9;
	}

	.release_caption {
		 top:52px;
		height:36px; width:100%; 
		margin-bottom:36px;
	}

	.release_caption h2 {
		font-size:18px !important;
		margin-top:4px !important;
	}

	.release_caption img {
		max-height:30px;
		top: -1px !important;
		padding: 0 12px 0 12px;
	}

	.release_new {
	 	font-size:16px; 
	}

	.picAcademy {
		height:150px; width:150px;
		-moz-border-radius: 75px; -webkit-border-radius: 75px; 
	 margin:0 16px;
	}

	/*.slide h2, .slide p, .slide h1 {
		padding: 5px 8px 0 8px;
	}*/

	.slide0title {
		top: 120px !important;
	}

	.slide0title div.home_buttons {
		-webkit-margin-before:8px !important; margin-top:8px !important;
	}

 	.slide0title div h1{
		font-size:22px !important;
		padding: 0 8px 0 8px;
	 }

	 .slide0title div h2{
		padding: 0 8px 0 8px;
	}

	
	.home_product_info  h1{
		margin: 24px 16px 0 16px;
		font-size:32px;
	}
	.home_product_info  p{
		margin: 30px 32px 0 16px;
		font-size:18px; line-height: 24px;
	}
	.home_product_info td.left  a{
		font-size:18px;
	}
	.home_product_info td.left a:hover{
		font-size:18px;
	}

	.footer { 
		text-align:center; 
	}
	.social_media {
		top:22px; left:0;
		float:none;
		margin-top:0;
	}
	.social_media ul {
		padding:0;
	}

	.smalltext {
		font-size:10px; line-height:11px;
	}

} /*@media  small screens

/*--------------------smaller screens--------------------------*/
@media screen and (max-width: 660px) {

	.menu_display {display:none}
	.hamburger_display {display:inline-block !important}

    .home_features >tbody >tr > td> div> h2 {
        font-size:15px;
    }

    .home_features >tbody >tr > td> div> h2 span {
        font-size:12px;
	}
	

	.home_caption {
        height:180px;
		top:50px;
		background:transparent;
	}
	.home_caption h1{
		font-size:24px !important;
		margin-top:18px; margin-bottom:0px;
        -webkit-margin-before: 16px; margin-top:16px;
		-webkit-margin-after: 8px; margin-bottom:8px;
		 white-space: nowrap;
	}

	.home_caption h2{
		font-size:16px;
        /*font-weight: bold;*/
		line-height:20px;
        -webkit-margin-before: 1px; margin-top:1px;
		 white-space: nowrap;
	}

	.home_caption h3 {
		font-size:12px;
		position: relative;
		left: 220px;
		top: -35px;
		 white-space: nowrap;
	}

	.home_caption_background { 
		top: 64px !important;
		height:120px; 
	}

	.release_caption h2 {
		font-size:15px !important;
		white-space: nowrap;
	}
	.release_caption img {
		top: 1px;
	}

	.release_new {
	 	font-size:13px; 
	}
	

	.slide h2, .slide p, .slide h1 {
		padding: 5px 2px 0 4px;
	}

	.slide0title {
		top: 0px !important;
	}

	.slide0title div.home_buttons {
		-webkit-margin-before:0 !important; margin-top:0 important;
		margin-left:10% !important;
	}

 	.slide0title div h1{
		font-size:18px !important;
		padding: 0 8px 0 8px;
		margin-left:10% !important;
		text-shadow: 2px 2px 1px #fff;
		-webkit-margin-after: 0; margin-bottom:0;
	 }

	 .slide0title div h2{
		font-size:15px !important;
		padding: 0 8px 0 8px;
		margin-left:10% !important;
		text-shadow: 2px 2px 1px #fff;
		-webkit-margin-after: 0; margin-bottom:0;
	}

	.slide0title a {
		margin-left:0 !important;
		/*text-shadow: 2px 2px #fff;*/
		/*box-shadow: 2px 2px #fff;*/
	}


	#topnav img.omlogo {
		margin: 12px 0 0 4px;
	}
	
	.home_product_info  h1{
		margin: 20px 16px 0 16px;
		font-size:26px;
	}
	.home_product_info  h2{ 
		font-size:22px;
		margin: 16px 16px 16px 16px;
	}
	.home_product_info  p{
		margin: 20px 22px 0 16px;
		font-size:16px; line-height: 22px;
	}
	.home_product_info td.left  a{
		font-size:16px;
	}
	.home_product_info td.left a:hover{
		font-size:16px;
	}

	.cookie_overlay .caption1 {
		margin:0 10px 0 10px;
	}
	.cookie_overlay .caption1 h1 {
		margin: 8px 0 8px 0;
		font-size:18px;
	}
	.cookie_overlay .caption1 p {
		font-size:13px;
		margin-right:76px;
	}
	.cookie_overlay .caption1 a {
		font-size:13px;
	}
	.cookie_overlay .caption1 img {
		display:none;
	}
	.cookie_overlay .caption1 p {
		margin-left:0;
	}
	.cookie_overlay .caption1 a.button {
		right:10px; 
	}

} /*smaller screens*/

/*very small screens*/
@media screen and (max-width: 390px) {

	.social_media ul {
		padding-left:2px;
	}

	.social_media ul li {
		font-size:9px;
	}

	.social_media img {
		margin:0 0 0 0;
	}




	.home_product_info td.left  a{
		padding: 4px 6px 4px 6px; 
	}
	.home_product_info td.right {
		padding-right:3px;
	}
	.home_product_info  h1{
		margin: 16px 16px 0 8px;
		font-size:24px;
	}
	.home_product_info  h2{ /*Used by "Use Omnis" title*/
		font-size:20px;
		margin: 16px 16px 16px 16px;
	}
	.home_product_info p {
		margin: 16px 8px 0 8px;
	}

}/*very small screens*/