/*
Theme Name: Bitmovin Website Theme
Theme URI: http://bitmovin.com
Description: A theme designed for the Bitmovin website 2016
Author: Tristan Boyd
Version: 0.0.1
*/

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/


/* Product Hunt temp player fix */

.page-id-15867 #player {margin-top:10px!important;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;border-radius:0px;}

a {color: #2eabe2;}
a:hover {color: #0294c6;}

#menu-support-main-menu a:focus {
    font-weight: bold;
}

/* Bulletpoints for the mpeg-dash-hls-drm-test-player page*/
#post-8863, #post-7914 ul li {
    list-style: circle;
    margin-left: 30px;
}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}

/*	j.mp/webkit-tap-highlight-color  */
a:link {-webkit-tap-highlight-color: #fcd700;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default  */
input:-moz-placeholder { color:#a9a9a9; }
input:focus {
    outline: 0;
}

textarea:-moz-placeholder { color:#a9a9a9; } 

.left {text-align:left;}
.right {text-align:right;}


/* General Styles */

html {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
}

body {background-color:#fff;}

h1,h2, h3, h4, h5 {margin-bottom:0.4em;color:#666;font-weight:300;line-height:160%;}

h1 a,h2 a,h3 a,h4 a,h5 a {text-decoration:none;color:#666}

h1 {font-size:3em;margin-top:30px;margin-bottom:0.6em;}

h2 {font-size:2.5em;}

h3 {font-size:2em;margin-top:1em;}

h4 {font-size:1.5em;}

h5 {font-size:1.3em;font-weight:bold;}



.hidden {display:none;}


p {line-height:2.2em;font-size:1.2em;color:#666;margin:1.5em 0;}

li {color:#666;}

.syntaxhighlighter {margin: 1.5 em 0 2em 0!important;}

/* Engage CTA button*/


.eng-cta-btn {margin: 50px auto;width:50%;}
.eng-cta-btn a {display:block;padding:10px 15px;text-align:center;width:100%;border:1px solid #fff;
-webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
color:#fff;
  font-size: 18px;
  background:  #f3922b;}
  .eng-cta-btn a:hover {background: #e78130;}
  
  .page-template-eng-on-premise-encoding-page .eng-cta-btn {width:50%;margin:50px 0;}

/* img {height:auto;width:auto;} */

#submit {background-color:#22b573;color:#fff;}

#submit:hover {background-color:#3d9360;border-color:#3d9360;}

.page-container {margin-top:60px;}

.aligncenter {margin-left:auto;margin-right:auto;}

#remarket iframe {height:0px!important;}
#remarket {height:0px;overflow:hidden;}

/* Tables
------------------------------------------------------------*/

th {padding:10px; background-color: #2eabe2;color:#fff;font-weight:bold;text-align:left;border:1px solid #fff;}

td {padding:10px;border:1px solid #eee;}

.clear {clear:both;}

.alignleft {float: left;
    margin-right: 20px;
    text-align: left;}
	
.alignright {float: right;
    margin-left: 20px;
    text-align: right;}
.info-table th {border-top-left-radius: 10px; border-top-right-radius: 10px;}	
.info-table td {padding:0px;border:1px solid #fff;background-color:#f1fafe;}
.post .info-table ul li{margin:0px;list-style-type:none;padding:8px 20px;border-bottom:1px #fff dotted;}
.post .info-table h3 {border-top-left-radius: 10px; border-top-right-radius: 10px;color:#fff;width:100%;background-color:#23aae2;padding:8px 15px;font-size:1.2em;font-weight:bold;margin:0px;}


/* In content buttons
--------------------------------------------------------------------------------*/

.engbtn {width: 70%;
    max-width: 400px;margin:40px auto;  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;

  font-size: 18px;
  background: #1eabe3;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  text-align:center;}
.engbtn a{
  color: #ffffff;
}

.engbtn:hover {
  background: #fff;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

@media screen and (max-width: 799px) {
.eng-cta-btn {width:90%;}
.page-template-eng-on-premise-encoding-page .eng-cta-btn {width:90%;}
.prod-header-container-analy .post ul li {margin:0px!important;}
p, h2, h4, h5 {margin-left: 8px;margin-right: 8px;}
}

.two-buttons, .one-buttons {overflow: hidden;}

.two-buttons div{
	float: left;
	width:50%;
}

.one-buttons div{
	float: left;
	width:100%;
}

.button-orange a  {
		display:block;
		padding:10px;
		border-radius:5px;
		border:2px solid #fff;
		max-width:100%;
		background-color:#f29100;
		text-align:center;
		text-decoration:none;
		color:#fff;
		font-weight:700;
		font-size:1.5em;
		}
		
.button-orange a:hover {background-color:#fff;color:#f29100;border-color:#f29100;}

.button-blue a {
		display:block;
		padding:10px;
		border-radius:5px;
		border:2px solid #fff;
		max-width:100%;
		background-color:#31a8e0;
		text-align:center;
		text-decoration:none;
		color:#fff;
		font-weight:700;
		font-size:1.5em;
		}
		
.button-blue a:hover {background-color:#fff;color:#31a8e0;border-color:#31a8e0;}

/* In content buttons (set for product page)
----------------------------------------------------------------------*/

h6 a {
    background-color: #2eabe2;
    background-image: url("images/signup-right.svg");
    background-position: right center;
    background-repeat: no-repeat;
    border: medium none;
    color: #fff;
    font-size: 1em;
    height: 3em;
    margin-top: 13px;
	margin-bottom: 13px;
	padding: 13px 70px 10px 20px;
    text-decoration: none;
	font-style:normal;
	white-space: nowrap;
	display:block;
	width:50%;
	overflow: hidden;
  text-overflow: ellipsis;
  background-size:45px 45px;
}

h6 a:hover {background-color:#0294c6; color: #fff;}

blockquote h6 a{margin-top:7px;width:100%;padding-top: 0.3em;background-size:68px 68px;}


@media screen and (max-width: 799px) {
h6 a {width:90%;}
}

/* Call to action - wrapping the H6 (above)
----------------------------------------------------------------------*/

.cta-blog-wrapper {width:100%; margin-top:50px;padding:40px;background-color:#2eabe2;}

.cta-blog-wrapper h3 {color:#fff;font-size:2.8em;margin-top:0;}
.cta-blog-wrapper p {color:#fff;font-size:1.5em;margin:0;}

.cta-right, .cta-left {color:#000;}

.cta-right {padding: 0px 20px 10px 50px;}
.cta-left {padding: 0px 50px 10px 20px;}

.cta-right {border-left:1px solid #eee;}

.cta-blog-wrapper h6 a{font-weight:bold;border:1px solid #fff;width:100%;margin:30px 0 0 0;background-image: url("images/signup-right-blue.svg");background-color:#fff;color:#2eabe2;}
.cta-blog-wrapper h6 a:hover {background-color:#abe9ff;}

@media screen and (max-width: 799px) {
.cta-right {padding: 10px;border:0px;}
.cta-left {padding: 10px;}
}

.cta-blog-wrapper {	padding: 0; text-align: center }
.cta-blog-wrapper .heading {position: relative;}
.cta-blog-wrapper .heading:after {
	content: '';
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent; 
	border-top: 10px solid #b8e9fe;
	position: absolute;
	bottom: 12px;
	left: 50%;
	margin-left: -10px
}
.cta-blog-wrapper h3, .cta-blog-wrapper h4 {line-height: 1em; margin: 0; text-transform: uppercase;}
.cta-blog-wrapper h3 {
	display: inline-block;
	font-size: 34px; 
	font-weight: 700; 
	margin: 0 0 40px; 
	position: relative;
	}
.cta-blog-wrapper h3:before, .cta-blog-wrapper h3:after {
	content: '';
	position: absolute;
	height: 1px;
	border-bottom: 1px solid #76cff6;
	width: 72px;
	top: 50%;
}
.cta-blog-wrapper h3:before {right: 100%; margin-right: 10px;}
.cta-blog-wrapper h3:after {left: 100%; margin-left: 10px;}
.cta-blog-wrapper h4 { color: #b8e9fe; font-size: 22px; letter-spacing: 6px; margin: 0 0 6px;}


.cta-left, .cta-right {padding: 40px;}

.cta-right {background: #1e9fd7; border: 0; position: relative;}
.cta-right:before {
	content: '';
	width: 0; 
	height: 0; 
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 16px solid #2eabe2;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -16px;
}

.cta-blog-wrapper p {font-weight: 300; font-size: 22px;  line-height: 1.5em;}

/* Customer Page
-------------------------------------------------------------------------------*/
@media screen and (max-width: 799px) {
	.page-template-customer-page h6 a {display:auto;font-size:0.7em;height:3.5em;padding-top:0;}
}


/* Logo
-------------------------------------------------------------------------------*/

.logo img {width:100px;height:auto;margin-top: -4px;}
.logo {vertical-align: middle;padding-top:5px;}
.landing-header .logo img {width:200px;height:auto;}
.landing-header # {width:200px;height:auto;}

	@media screen and (max-width: 799px) {

.logo-cont {text-align:center;}

	}

/* Navigation
-------------------------------------------------------------------------------*/
#mob-menu-initial-hide {display:none;}
#top-nav {padding:10px;margin:10px;height:50px;z-index:100;}
#top-nav ul {margin-top:7px;}

.nav li {display:inline;text-transform: uppercase;}
.nav li a {color:#999;text-decoration:none;margin: 0 10px;}
.main-nav ul{float:left;}
.docs-nav ul {float:right;}
.book-nav, .signup-nav {float:right;}
.book-nav ul {float:right;}

#banner-book-demo li a {margin:0 0 0 5px;}
.book-nav a {color:#30ABE2!important;font-weight:700;margin-top:3px;padding: 3px 6px;
    text-transform: uppercase;border:1px solid #30ABE2;white-space: nowrap;
  overflow: hidden;font-size:0.8em;}
	.book-nav a:hover {color:#fff!important;background-color: #30ABE2;}

.signup-nav a {color:#f3922b!important;font-weight:700;margin-top:3px;padding: 3px 6px;
    text-transform: uppercase;border:1px solid #f3922b;white-space: nowrap;
  overflow: hidden;font-size:0.8em;}
	.signup-nav a:hover {color:#fff!important;background-color: #f3922b;}

	@media screen and (max-width: 600px) {
	.signup-nav a {font-size:0.7em;padding: 3px 6px;margin:0px;border:none;}
	.book-nav a {font-size:0.7em;padding: 3px 6px;margin:0px;border:none;}
	#top-nav ul {margin-top: 5px;}
}
.action-buttons {padding:0px;}

/* Drop down Navigation
-------------------------------------------------------------------------------*/

#top-nav .menu-item-has-children {background-image:url('images/chevron-down.svg');background-repeat:no-repeat;background-position:right center;padding-right:10px;background-size:12px 12px;}
.menu-item-has-children {cursor:pointer;}
.banner_menu {
	margin: 0;
	padding: 0;
	}
	
.sub-menu {	
	margin: 0;
	padding: 0;
	}

	.banner_menu li
	{	float: left;
		list-style: none;
		cursor: pointer;
}

	.banner_menu li a
	{	display: block;
		text-decoration: none;
		white-space: nowrap}

	.banner_menu li a:hover
	{	}

	.banner_menu li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			list-style-type: none;
			background:#fff;
			border:1px solid #eee;
			border-bottom:3px solid #f3922b;
			visibility:hidden;
}
		
	.banner_menu li ul li
			{	float: none;

				
} 


			
			.banner_menu li ul li a{
				width: auto;
				width:100%;
				padding:10px;
}
			
			.banner_menu li ul li a:hover{
					color: #2eabe2;
					}

/* Support Menu */

#menu-support-main-menu .menu-item-has-children a{background-image:url('images/chevron-down.svg');background-repeat:no-repeat;background-position:right center;background-size:12px 12px;}
#menu-support-main-menu .menu-item-has-children li a{background:none;}
.menu-item-has-children ul {display:none;}
.current-menu-ancestor ul {display:block;}

/* Mobile Navigation
-------------------------------------------------------------------------------*/
#mobile-menu .menu-item-has-children {background-image:none;}

#mob-toggle {display:none;}

/* Reset all styles */

.mob-menu {font-size:2em;color:#2eabe2;}
.mob-menu img {width:30px;}


/* Style the menu */


#mobile-menu .menu li {display: list-item; float: none;padding:3px 0;}


/* Search form
-------------------------------------------------------------------------------*/
#searchbutton {width:100%;}
.searchsubmit {height:40px;width:40px;background: url("images/magnifying-glass.svg") no-repeat center center; background-size:30px auto;border:none;background-size:17px 17px;}

.searchfield {min-width:60px;border:1px solid #efefef;padding:5px;background-color: #efefe;}
.searchfield:hover {background-color: #efefef;}

@media screen and (max-width: 1565px) {
#searchbutton {display:none;}

}

/* Search form mobile
--------------------------------------------------------------------------------*/

.mob-search {bottom: 0;
    padding: 15px 20px;
    position: fixed;
	border-top:1px solid #2eabe2;
	width: 100%;
	background:#fff;}
	
.mob-search .searchfield {background-color:#fff;border:1px solid #ccc;}

@media screen and (max-width: 1199px) {
.searchsubmit {height:40px;width:40px;background: url("images/magnifying-glass.svg") no-repeat center center; background-size:30px auto;border:none;background-size:17px 17px;}
.searchfield {max-width:155px;background-color: #efefef;}

}

/* Algolia search */

.ais-hits--content h2 a{font-size:26px;line-height:100%;}

.ais-hits--content h2 {line-height:140%;}
.ais-hits--tags {margin-top:18px;}
.ais-hits--tag {font-size:12px!important;padding: 3px 7px!important;}
#ais-facets, .ais-hits--thumbnail {display:none;}

/* Sidebar
-------------------------------------------------------------------------------*/

.sidebar {padding-left:50px;}

@media screen and (max-width: 799px) {
.sidebar {padding-left:0px;padding:20px;}
}

.sidebar-support {padding-left:50px;margin-top:60px;}


/* Sidebar Support Menu
-------------------------------------------------------------------------------*/

.sidebar-support ul li a{display:block;padding:10px;text-decoration:none;border-bottom:1px solid #eee;}
.sidebar-support ul li a:hover {background-color:#eee;}
.sidebar-support ul li ul li a{color:#555;padding-left:20px;}
.sidebar-support .current_page_item a{border-left:1px solid #2eabe2;font-weight:bold;}

.menu-support-main-menu-container .menu li{float:none;}
.menu-support-main-menu-container .menu li ul {position:relative;}

.second-side-menu h2{margin-top:20px;font-size:1.8em;}


/* Support Back to Top
--------------------------------------------------------------------------------*/
a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #fff url('images/chevron-up.svg') no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

a.back-to-top:hover {border:1px solid #2eabe2;background: #fff url('images/chevron-up.svg') no-repeat center 43%;}



/* Author details
-------------------------------------------------------------------------------*/

.postedby-thumb {margin-right:10px;}
.postedby-thumb img {height:92px;width:92px;border-radius: 46px;}

.postedby-name, .postedby-date {font-size:0.8em;}

.postedby-name a {text-decoration:none;}



/* Banner sections Blog and page 
-------------------------------------------------------------------------------*/

.cat-header {width:100%;padding:2em;background-color:#f5f7f9;}

/* Demo Pages
-------------------------------------------------------------------------------*/
.demo-feature-img {max-width:1200px;margin:auto;}

#streamSelection option {padding:10px;line-height: 2em;}

#streamSelection {
    padding:12px;
    margin: 10px 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
	background-color:#f8f8f8;
    background-image: url('images/chevron-down.svg');
	background-repeat:no-repeat;
	background-position: right;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	width:100%;
	line-height: 2em;
}

/* Home Page News Banner
--------------------------------------------------------------------------------*/

.homepagenews {background:#333;padding:6px 0 1px 0;}
.homepagenews-text {text-align:right;color:#fff;font-size:1em;padding:12px;}

@media screen and (max-width: 1200px) {
	
.homepagenews {text-align:center;}
.homepagenews-text {text-align:center;}
	
	
}

/* Home Slider banner
-------------------------------------------------------------------------------*/

#slide-text-1,#slide-text-2,#slide-text-3 {}

.sy-slides-wrap {min-height:510px;}

#bitslide {width:100%;}

.slide1-container, .slide2-container {
	padding:40px;width:100%;
	
	  background: blue; /* For browsers that do not support gradients */
  background: -webkit-radial-gradient(#00a9e8, #0082df); /* Safari 5.1 to 6.0 */
  background: -o-radial-gradient(#00a9e8, #0082df); /* For Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(#00a9e8, #0082df); /* For Firefox 3.6 to 15 */
  background: radial-gradient(#00a9e8, #0082df); /* Standard syntax */
	
	}

.slide-image {margin:0 auto 20px auto;width:100%;max-width:800px;}

.slide-image img{width:100%;height:auto;}

#bitslide h2{font-weight:300;color:#fff;font-size:3em;text-align:center;}
#bitslide p{font-size:1.5em;margin:0.2em auto 0.7em ;line-height:1.5em;max-width:900px;text-align:center;font-weight:300;color:#fff;}
#bitslide h6 a{width:220px;margin:auto;font-size:1.2em;background-size: 55px 55px;line-height:1.8em;}
.home .slide-form {width:550px;margin:40px auto 0 auto;}
.slide-image {padding-top:40px;}

#bitslide .submit-slide input{
    background-color: #ff931e;
    color: #fff;
    color: #fff;
	height:3em;
	border:none;
	padding-right:70px;
	padding-left:20px;
	background-image:url('images/signup-right.svg');
	background-repeat:no-repeat;
	background-position:right;
	font-size: 1.1em;
	position:absolute;
	background-size:55px 55px;
}

#bitslide .submit-slide input:hover {background-color:#fc7f03;}
#bitslide .email-slide input{
    border: 2px solid #ff931e;
    float: left;
    font-family: "Open Sans",sans-serif;
    height: 3em;
    padding: 0.7em;
	color:#333;
	font-size: 1.1em;
	width:350px;
}

/* Create account and Explore the stack buttons for AB testimonial-buttons
------------------------------------------------------------------ */

.explore-stack-home a, .create-account-home a, .create-account-home-center a {width:45%;padding:6px 6px;border:1px solid #fff;text-align:center;text-decoration:none;font-size:1.2em;color:#fff;
-webkit-box-shadow: 0px 4px 20px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px 4px 20px 0px rgba(50, 50, 50, 0.3);
box-shadow:         0px 4px 20px 0px rgba(50, 50, 50, 0.3);

}
.explore-stack-home a {float:right;}
.explore-stack-home a:hover {background-color:#fc7f03;}
.create-account-home a {color:#2eabe2;float:left;background-color:#fff;}
.create-account-home a:hover {background-color:#2eabe2;color:#fff;} 
.create-account-home-center a {display:block;color:#2eabe2;background-color:#fff;width:300px;margin:auto;max-width:80%;}
.create-account-home-center a:hover {background-color:#2eabe2;color:#fff;} 

@media screen and (max-width: 799px) {
	
	.explore-stack-home a, .create-account-home a {width:100%;margin:10px 0;}
	
}

/* this is the new home page banner section with multiple images and arrows */

.slide-content {text-align:center; padding:20px 0 0 0;}
.slide-content a {color:#fff;padding:5px 8px;text-decoration:none;white-space: nowrap;font-size:0.9em;}
.slide-content a:hover {background-color:#3fa9f5;}
.slide-content-button {width:100%;}
.slide-content-image img {max-width:70%;}

/* this is the new home page slider section with screen shots etc */

.bitslide-2-head h2{text-align:center;padding:20px;}

#bitslide-2 {width:100%; background-color: #f5f7f9;}
.sy-caption-wrap {display:none;}

.bitslide-links p, .bitslide-links h3 {text-align:left;margin:0;}
.bitslide-links p {padding-bottom:15px;line-height: 1.4em;}

.slide-box-home .bitslide-links {margin:0;}

.bitslide-links a {text-decoration:none;}

.s-icon {padding-left:125px;}

.s-icon1 {background:url('images/api-slide-2.png') no-repeat 15px 0;background-size:80px auto;}
.s-icon2 {background:url('images/graph-slide-2.png') no-repeat 15px 0;background-size:80px auto;}
.s-icon3 {background:url('images/stats-slide-2.png') no-repeat 15px 0;background-size:80px auto;}

.s-icon1:hover {background:url('images/api-slide-2.png') no-repeat 15px -154px;background-size:80px auto;}
.s-icon2:hover {background:url('images/graph-slide-2.png') no-repeat 15px -154px;background-size:80px auto;}
.s-icon3:hover {background:url('images/stats-slide-2.png') no-repeat 15px -154px;background-size:80px auto;}

.s-icon1-on {background:url('images/api-slide-2.png') no-repeat 15px -154px;background-size:80px auto;}
.s-icon2-on {background:url('images/graph-slide-2.png') no-repeat 15px -154px;background-size:80px auto;}
.s-icon3-on {background:url('images/stats-slide-2.png') no-repeat 15px -154px;background-size:80px auto;}

.s-icon1-on h3, .s-icon2-on h3, .s-icon3-on h3 {color:#3fa9f5;}

.s-icon1-on:hover {background:url('images/api-slide-2.png') no-repeat 15px -154px;background-size:80px auto;}
.s-icon2-on:hover {background:url('images/graph-slide-2.png') no-repeat 15px -154px;background-size:80px auto;}
.s-icon3-on:hover {background:url('images/stats-slide-2.png') no-repeat 15px -154px;background-size:80px auto;}

.s-image {padding-right:40px;}

@media screen and (max-width: 1200px) {
	.s-image {padding:10px;text-align:center;}
	.s-image img {max-width:70%;}
	.s-icon {padding-left:0;}

.s-icon1 {background:none;}
.s-icon2 {background:none;}
.s-icon3 {background:none;}
.s-icon1-on {background:none;}
.s-icon2-on {background:none;}
.s-icon3-on {background:none;}
.s-icon1-on:hover {background:none;}
.s-icon2-on:hover {background:none;}
.s-icon3-on:hover {background:none;}
.s-icon1:hover {background:none;}
.s-icon2:hover {background:none;}
.s-icon3:hover {background:none;}
	
}



@media screen and (max-width: 899px) {
	
	.sy-slides-wrap {min-height:500px;}
	.home .slide-form {width:100%;}

.home .submit-slide input {position:relative!important;}
#bitslide .submit-slide input{
	width:100%;
	max-width:100%;
	margin-left:0;
	margin:0.5em auto;
}

	#bitslide .email-slide input{
	width:100%;
	max-width:100%;
	margin:0.5em auto;
}

#bitslide h2 {margin:0;}

.sy-box {margin-top:20px;display:block;}


}

@media screen and (max-width: 799px) {
	.sy-box {display:none;}
	
}


@media screen and (max-width: 479px) {

.home .slide-form {width:100%;}
.slide-form {width:100%;}
.sy-slides-wrap {min-height:700px;}
.slide1-container, .slide2-container {padding:15px 15px 0 15px;width:100%;}



}

/* API logos on the front page */

#api-home-logos {background-color: #f5f7f9;}

#api-home-logos ul {text-align: center;margin:0;padding:0;}

#api-home-logos ul li {display:inline-block;margin:10px 35px;}

#api-home-logos ul li img {width:70px;}

/* API logos on API page */
#api-page-logos img {box-shadow:none;}

/* 2 main product sections */

.product-box-main {padding:40px;text-align:center;}
.product-box-main h2 {color:#3fa9f5;}
.product-box-main .button a {display:block;color:#fff;text-decoration:none;padding:10px 30px;background-color:#ff931e;margin-top:25px;}
.product-box-main .button a:hover	{background-color:#fc7f03;}

/* FAQ
-------------------------------------------------------------------------------*/
.category-faq {margin-top:30px;}

.faq-heading {margin-top:30px;}

.faq-expandable {margin-top:30px;}

.faq-expandable h5 {font-size:1.3em;cursor:pointer;font-weight:normal;color:#777; margin-bottom: 1.5em;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;}
	
.faq-expandable .cat-excerpt {padding-left:0;}

.faq-search-box label {}

.faq-search-box input {
    border: 0 solid #22b573;
    float: left;
    font-family: "Open Sans",sans-serif;
    height: 2.5em;
    padding: 0.7em;
	font-size: 1.2em;
	width:350px;
	
	}

.faq-search-box #searchsubmit  {
    background-color: #f3922b;
    color: #fff;
	height:2.5em;
	border:none;
	padding: 0 70px 0 20px;
	background-image:url('images/signup-right.svg');
	background-repeat:no-repeat;
	background-position:right;
	font-size: 1.2em;
	border:1px solid #fff;
	width:180px;
	background-size: 45px 45px;
}}
}

.faq-search-box #searchsubmit:hover {background-color:#dd7e28;}

.faqsearch-result {padding:20px 20px 0 20px;}

/* FAQ Navigation
--------------------------------------------------------------------------------*/

.faq-nav {overflow:hidden;background:#22b573;width:300px;}

.faq-nav:hover {height:auto;}

.faq-nav .banner_menu li a {padding:10px; color:#fff;}

.faq-nav li ul li a{color:#999!important;text-decoration:none;border-bottom:1px solid #eee;}
.faq-nav li ul li a:hover{color:#22b573!important;}

.faq-nav ul li:hover ul {display:block;visibility:visible;}

.faq-nav li ul{border:1px slid #eee;padding:0 10px;width:300px;}

.faq-nav  .menu-item-has-children {width:100%; background-image:url('images/chevron-down-white.svg');background-repeat:no-repeat;background-position: 90% 50%; padding-right:10px;background-size:15px 15px;}

@media screen and (max-width: 950px) {
.faq-search-box input {width:250px;}
}

@media screen and (max-width: 799px) {
	
.faq-nav {margin-top:15px;width:100%;}
.faq-search-box input {width:66%;}
.faq-search-box #searchsubmit {width:33%}
}

@media screen and (max-width: 520px) {

.faq-search-box input {width:100%;}
.faq-search-box #searchsubmit {width:100%;margin-top:8px;}

}

/* Demo Section - Category Page
-------------------------------------------------------------------------------*/

	.demo-feature-img h2 {font-size:1.5em;}
	.demo-feature-img ul {text-align: center;padding:0;}
	.demo-feature-img li {margin:40px 20px; max-width:200px; display: inline-block;padding:10px;vertical-align:top;}
	.demo-feature-img li:hover h2{color:#000;}
  	.demo-feature-img img {width:100%;}
	.demo-feature-exc {text-align: center;}
	
	.bitdash-vc {z-index: 0;}
	
	.below-player-caption {background-color:#383837;padding:15px 25px;color:#fff;border-top:1px solid #eee;margin-top:-20px;}
	.below-player-caption p {color:#fff;margin:0;padding:0;}
	
/* Demo Forms 
----------------------------------------*/
#player {margin-top:40px;}
#bitmovin-player {margin-bottom:19px;}
.page-template-eng-encoder-product-page-php #bitmovin-player figure{background-color:#fff!important;}
#.post #bitmovin-player figure{background-color:#fff!important;}

.demo_form .button{
	float:left;
	background-color: #ff931e;
    color: #fff;
	height:3em;
	border:none;
	background-image:url('images/signup-right.svg');
	background-repeat:no-repeat;
	background-position:right;
	font-size: 1.1em;
	background-size:55px 55px;
	padding-right:70px;
	width:25%;}
	
.demo_form input, .demo_form select  {
    height: 3em;
    float: left;
    padding: 0.7em;
	font-size: 1.1em;
    font-family: 'Open Sans', sans-serif;
	
}

.demo_form input {
	border: 1px solid #eee;
	width:50%;
	margin-bottom:30px;
}

.demo_form select {
	background-color:#eee;
	border: 1px solid #eee;
	color:#555;
	width:25%;
	   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   	background-image:url('images/chevron-down.svg');
	background-repeat:no-repeat;
	background-position: 90% center;
	background-size:25px;
}

#streamFormat {}

.demo_form option {border:0px;color:#555;}

#drmUsage {margin-bottom:20px;}

#drmInput input {width:37.5%;}
#drmInput .button {width:25%;}

.page-template-two-column #error {margin:10px;padding:5px 10px;}

.page-template-ad-demo-page .demo_form input {width:60%;}

.page-template-ad-demo-page .demo_form select {width:40%;}

.page-template-ad-demo-page #Reset {width:100%;}

@media screen and (max-width: 599px) {

.demo_form select, .demo_form input, .demo_form .button {width:100%;margin:5px 0;}
#drmInput input {width:100%;}
#drmInput .button {width:100%;}

.page-template-ad-demo-page .demo_form input {width:100%;}

.page-template-ad-demo-page .demo_form select {width:100%;}

}
	
/* Landing Pages
-------------------------------------------------------------------------------*/
#wpcf7-f6932-p18812-o1 {max-width:500px;}

.landing-header #top-nav {height:70px;} 

.landing-header {	
  background: #30abe2; /* Standard syntax */
  }
.landing-footer {position:relative;bottom:0px;width:100%;}
.landing-footer-new {width:100%;}

.hackathon-landing-footer {bottom:0px;width:100%;}

.page-template-sign-up-page blockquote{font-size:1.8em;}

#lp-sign-up-form {width:100%; padding: 20px; background:url(images/product-player-bg-rv.jpg) no-repeat center top;margin-top:100px;}
#lp-sign-up-form input {width:100%;}
#lp-sign-up-form h2 {text-align:center;}
#lp-sign-up-form p {color:#fff;text-align:center;}
#lp-sign-up-form a {color:#fff;}
#lp-sign-up-form a:hover {color:#ccc;}
#email-customer{ margin-top: 20px;}
#sign-up {width: 100%; height: 40px; padding: 5px 5px 5px 5px; margin-top: 40px;}
.response-msg-hide {display: none;}
.response-msg-show {display: block;}
.sign-up-error-message {margin-top:5px;padding:10px;background-color:#b1d8e5;}
.form-intro, .form-intro p, .form-intro h2 {color:#fff;}

#lp-sign-up-form .email input, #lp-sign-up-form .pass input {
    border: 1px solid #ccc;
    color: #333;
    font-family: "Open Sans",sans-serif;
    font-size: 1.2em;
    height: 3em;
    padding: 0.7em;
    width: 100%;
	margin-top: 1em;
}

#lp-sign-up-form .submit input {
    background-color: #f3922b;
    background-image: url("images/signup-right.svg");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 55px 55px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 1.2em;
    height: 3em;
    margin-top: 1em;
    padding-left: 20px;
    padding-right: 70px;
	width:100%;
}

.sign-up-content-block {float:left;padding-right:60px;}
.sign-up-form-block {float:right;}
.already-have {text-align:center;}

@media screen and (max-width: 790px) {.sign-up-content-block {float:right;}.landing-footer {position:relative;}.sign-up-content-block {float:left;padding-right:0px;}}

.lp-background {reperat:no-repeat;background-position:center top;}

.page-template-landing-page  .page-container {/* margin:0 auto; */}

.sign_up_form_2016 {
	width:800px;
	max-width:90%;
	margin:auto;
	text-align:center;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 5px;
    padding: 20px;
	margin-bottom:300px;}
	
.sign_up_form_2016_body_wrap {margin-top:30px;}
	
.sign_up_form_2016_heading {clear:both;}
.sign_up_form_2016_header img {max-height:80%;height:auto;}
.sign_up_form_2016_body_left {
	width:350px;
	min-width:60%;
	height:auto;
	float:left;
	text-align:left;
	padding-top:10px;
	}
.sign_up_form_2016_body_right p {font-size:16px;margin:0;padding-top:0;padding-bottom:20px;}
.sign_up_form_2016_body_left p {font-size:20px;margin:0;padding-top:0;}
.post .sign_up_form_2016_body_right ul li {
	font-weight:500;
	list-style:none;
	background: url('https://bitmovin.com/wp-content/uploads/2016/04/tick_green_sm2.png') no-repeat left center;
    padding: 10px 0 10px 45px;
	font-size:1.2em;
	background-size: 30px 30px;
	margin:0px;
	}
.sign_up_form_2016_body_right {
	width:250px;
	min-width:40%;
	float:left;
	text-align:left;
	padding:20px 0 0 30px;
	}
.sign_up_form_2016_body_right #get-player, .sign_up_form_2016_body_right #email-customer {
	width:270px;
	margin:auto;
	}
.sign_up_form_2016_body_right #email-customer {color:#555;}
.sign_up_form_2016 #get-player-wrapper {font-size:11px;color:#999;}

#landing-form .email input {
    border: 2px solid #22b573;
    color: #999;
    font-family: "Open Sans",sans-serif;
    font-size: 1.2em;
    height: 3em;
    padding: 0.7em;
    width: 300px;
}

#landing-form .submit input {
    background-color: #22b573;
    background-image: url("images/signup-right.svg");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 55px 55px;
    border: medium none;
    color: #fff;
    font-size: 1.2em;
    height: 3em;
    margin-top: 1em;
    padding-left: 20px;
    padding-right: 70px;
    position: absolute;
	width:300px;
}

/* Above footer sign up button */

#last-sign-up {text-align:center;width:100%;margin-bottom:100px;width:390px;max-width: 80%;}
#last-sign-up  a {
	display:block;
	padding:10px 20px;
	border-radius: 5px;
	border:2px solid #fff;
	text-align:center;
	text-decoration:none;
	font-size:1.5em;
	font-weight:700;
	color:#fff;
	background-color:#f3922b;
	width:100%;
-webkit-box-shadow: 0px 4px 20px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px 4px 20px 0px rgba(50, 50, 50, 0.3);
box-shadow:         0px 4px 20px 0px rgba(50, 50, 50, 0.3);}
#last-sign-up  a:hover {background-color:#fff;color:#f3922b;border-color:#f3922b;} 


@media screen and (max-width: 790px) {
	.sign_up_form_2016 {width:100%;}
    .sign_up_form_2016_body_right {border-left:0px;}
	.sign_up_form_2016_body_right #get-player, .sign_up_form_2016_body_right #email-customer {
	width:200px;
	margin:auto;
	}
	.sign_up_form_2016_body_left, .sign_up_form_2016_body_right {width:100%;padding:0;}
	
	#landing-form .submit input, #landing-form .email input {width:250px;margin:auto;}
	#landing-form .submit input {margin-top:1em;}
	.sign_up_form_2016_body_right p {font-size:14px;}
}



/* Landing Pages - Niklas
-------------------------------------------------------------------------------*/

/* Landing Pages - Niklas - smaller screen
-------------------------------------------------------------------------------*/




@media screen and (max-width: 600px) {
	
.sign-up-product {
    margin-bottom: 0!important;
    margin-top: -3em!important;
}
	
	
	

p.sign_up_form_bullet_point_text {
    margin-bottom: 0!important;
	padding-right: 0!important;
	padding-left: 0!important;
}

.blog-podt.page-container.grid-container {
    padding: 0!important;
}

h2.sign_up_form_bullet_points {
    background: white!important;
	padding-left: 0!important;
}

h1.sign-up-form-subheading {
   
    line-height: 1.1em;
    padding-top: 0.5em;
}

h1.sign-up-form-new {
    
    font-size: 3.2em;
    
}

.sign-up-bitmovin-player {
   padding-left: 0em!important;
}
}



@media screen and (max-width: 790px) {.landing-footer-new {position:relative;}}

/* Landing Pages - Niklas - smaller screen END
-------------------------------------------------------------------------------*/

.sign-up-bitmovin-player {
   padding-left: 4.5em;
    padding-top: 4em;
   
}



h1.sign-up-form-new {
	color: #333;
    font-size: 3.7em;
    margin-top: 0;
    padding-top: 0;
    line-height: inherit;

}

h1.sign-up-form-subheading {
    margin-top: -1em;
    font-size: 2.5em;
}

h2.sign_up_form_bullet_points {
    font-size: 2em !important;
    font-weight: bolder;
    color: #333;
    margin-bottom: -0.4em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    background: url(https://bitmovin.com/wp-content/uploads/2016/04/tick_green_sm2.png) no-repeat left center;
    padding-left: 2.2em;
	margin-top: 0.8em!important;
}

p.sign_up_form_bullet_point_text {
    margin-top: 0.3em;
    padding-top: 0;
    color: #333;
    line-height: 1.5em;
    padding-left: 3.8em;
    padding-right: 6em;
    font-size: 1.2em;
    margin-bottom: 0;
}





p.costumer-comment-portrait {
    background: url(https://bitmovin.com/wp-content/themes/Bitmovin-V-0.1/images/cto-flimmit-portrait.png) no-repeat left center;
    background-size: 7em;
    padding: 3em;
    margin-left: 5em;
    padding-left: 7em;
    font-weight: bold;
    margin-top: -3em;
    line-height: normal;
}

p.costumer-comment-text {
    font-style: italic;
    font-size: 1.5em;
    color: hsl(0, 0%, 60%);
    text-align: center;
    line-height: 1.5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    margin-top: 2.5em;
}

.sign-up-product {
    margin-bottom: -2em;
    margin-top: 4.3em;
    
}

p.sign-up-form-heading {
    font-size: 3em;
    margin: 0;
    padding: 0;
	line-height: 1em;
}

p.sign-up-form-sub-heading {
    margin: 0;
    font-size: 1.2em;
    font-weight: 700;
    padding: 0;
}

/* Landing Pages - Niklas -Form
-------------------------------------------------------------------------------*/
#lp-sign-up-form-new {
    width: 100%;
    padding: 20px;
    margin-top: 100px;
   background: #30abe2;
	
}



@media screen and (max-width: 790px) {
	.sign_up_form_2016_body_left, .sign_up_form_2016_body_right {width:100%;padding:0;}
	
	#landing-form-new .submit input, #landing-form-new .email input {width:250px;margin:auto;}
	#landing-form-new .submit input {margin-top:1em;}
	.sign_up_form_2016_body_right p {font-size:14px;}
	}




#landing-form-new .submit input {
    background-color: #22b573;
    background-image: url("images/signup-right.svg");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 55px 55px;
    border: medium none;
    color: #fff;
    font-size: 1.2em;
    height: 3em;
    margin-top: 1em;
    padding-left: 20px;
    padding-right: 70px;
    position: absolute;
	width:300px;
}


#landing-form-new .email input {
    border: 2px solid #22b573;
    color: #999;
    font-family: "Open Sans",sans-serif;
    font-size: 1.2em;
    height: 3em;
    padding: 0.7em;
    width: 300px;
}


#lp-sign-up-form-new {width:100%; padding: 20px;    margin-top: 10em;}
#lp-sign-up-form-new input {width:100%;}
#lp-sign-up-form-new h2 {text-align:center;}
#lp-sign-up-form-new p {color:#fff;text-align:center;}
#lp-sign-up-form-new a {color:#fff;}
#lp-sign-up-form-new a:hover {color:#ccc;}


#lp-sign-up-form-new .email input, #lp-sign-up-form-new .pass input {
    border: 1px solid #ccc;
    color: #333;
    font-family: "Open Sans",sans-serif;
    font-size: 1.2em;
    height: 3em;
    padding: 0.7em;
    width: 100%;
	margin-top: 1em;
}

#lp-sign-up-form-new .submit input {
    background-color: #f3922b;
    background-image: url("images/signup-right.svg");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 55px 55px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 1.2em;
    height: 3em;
    margin-top: 1em;
    padding-left: 20px;
    padding-right: 70px;
	width:100%;
}





/* Landing Pages - Blur Version
-------------------------------------------------------------------------------*/

.page-template-sign-up-blur-page #wrapper {padding-top:0;}

.page-template-sign-up-blur-page .entry {text-align:center;}

.page-template-sign-up-blur-page h1 {color:#fff;font-size:4em;}
.page-template-sign-up-blur-page h2 {color:#fff;font-size:3em!important;}

.page-template-sign-up-blur-page .landing-header {display:none;}

.page-template-sign-up-blur-page #lp-sign-up-form {background:none;padding:0;}

.sign-up-blur-form-block {width:50%;margin:auto;}
.page-template-sign-up-blur-page .submit {width:100%; margin-top:1em;display:block;}
.page-template-sign-up-blur-page #lp-sign-up-form .signup {display:block;width:80%; margin:auto;}

.page-template-sign-up-blur-page #lp-sign-up-form .email input, .page-template-sign-up-blur-page #lp-sign-up-form .pass input, .page-template-sign-up-blur-page #lp-sign-up-form .submit input {border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;}

.page-template-sign-up-blur-page #footer-top, .page-template-sign-up-blur-page #footer-mid, .page-template-sign-up-blur-page #footer-bottom, .page-template-sign-up-blur-page #footer-under {padding:10px;}

.page-template-sign-up-blur-page #lp-sign-up-form .submit input {background-image:none;padding-left:0;padding-right:0;}

.page-template-sign-up-blur-page #lp-sign-up-form .submit input:hover {background-color:#e57e20;}
.lp-blur-background {background: rgba(0, 0, 0, 0.7);padding-bottom:20px;}
.lp-blur-background .page-container {margin-top:0px;}

.page-template-sign-up-blur-page {background-color:#474747;background-size:100% auto;background-repeat:no-repeat;background-position:top center;}

.already-have p {color:#eee;}

@media screen and (max-width: 790px) {
.page-template-sign-up-blur-page {background-size: auto 100%!important;min-height:800px;}
.page-template-sign-up-blur-page h1 {color:#fff;font-size:2.8em;}
.page-template-sign-up-blur-page h2 {color:#fff;font-size:1.8em!important;}
.lp-blur-background {margin-top:-70px;}
.page-template-sign-up-blur-page .landing-footer {position:fixed;}
}

/* Landing page generic - Whitepaper and request a demonstration
-------------------------------------------------------------------------------*/

.prod-header-container-landing-gen {
background: url("images/product-player-bg-rv.jpg") no-repeat center top;
overflow: hidden;
border-bottom: 5px solid #f3922b;
margin-top: 15px;
padding:20px;
}

.prod-header-container-landing-gen h1 {color:#fff;text-align:center;}
.prod-header-container-landing-gen h2 {color:#fff;font-size:2em;text-align:center;}

 .prod-header-container-landing-gen h1 {   
	text-align: center;
    font-size: 3.4em;
	margin-top: 0px;}

@media screen and (max-width: 1500px) {.prod-header-container-landing-gen h2 {color:#fff;font-size:1.8em;}}

.page-template-sign-up2-page .post .entry h2 {font-size:2.8em;}
.page-template-sign-up2-page .post p {font-size:1.2em;}
.page-template-sign-up2-page .post ul li {font-size:1.2em;}

.logo-cont-eng {text-align:center;}
.logo-cont-eng img {width:150px;}

@media screen and (max-width: 790px) {.prod-header-container-landing-gen {
background-size: auto 100%;}
.prod-header-container-landing-gen h2 {color:#fff;font-size:1.2em;}}

/* In wordpress Products pages
-------------------------------------------------------------------------------*/
.flex {   display: -webkit-flex;
   display: flex;
   flex-wrap: wrap;
   -webkit-flex-direction: row;
   flex-direction: row;}
   
.product_page_box {display:flex;flex-wrap: wrap;text-decoration:none;color:#333;padding:45px 20px; }
.product_page_box a:hover {}
.product_page_box a:hover H6 {background-color:#63c2fc;}

.product_page_image {float:left;}
.product_page_content {float:left;padding-left:50px;}

.product_page_image_odd {float:right;}
.product_page_content_odd {padding-left:0px;padding-right:50px;}

.post .entry .product_page_box  H2 {margin:0;}
.product_page_box H6 {
	font-size:1.2em;
	padding:10px 50px 10px 20px;
	color:#fff;
	display: inline-block;
	background: url('images/chevron-right-white.svg') no-repeat right center;
		background-color:#23aae2;
	background-size: 30px 30px;
	
	}

 /* Template specific classes (still wordpress product pages)
-------------------------------------------------------------------------------*/  
   
.page-template-2encoder-product-page .page-container {margin-top:0px;margin-bottom: -50px;}
.page-template-2encoder-product-page #footer-wrapper {margin-top:0px!important;}
.page-template-2player-product-page .page-container {margin-top:0px;margin-bottom: -50px;}
.page-template-2player-product-page #footer-wrapper {margin-top:0px!important;}

@media screen and (max-width: 1300px) {

.page-template-2player-product-page article {padding-left:0px;}
.page-template-2player-product-page .page-container {padding-left:0px;}
.page-template-2encoder-product-page article {padding-left:0px;}
.page-template-2encoder-product-page .page-container {padding-left:0px;}
}

@media screen and (max-width: 799px) {
.product_page_image_odd {display:none;}
.product_page_content_odd {padding-left:0px;padding-right:0px;}
.product_page_content {padding-left:0px;}
.product_page_image {margin-bottom:25px; text-align:center;}

}

/* Lower section for icons with flex grid
------------------------------------------------------*/

.big-blue-background {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1ea8e1+0,2d7bc0+100 */
background: rgb(30,168,225); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(30,168,225,1) 0%, rgba(45,123,192,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(30,168,225,1) 0%,rgba(45,123,192,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(30,168,225,1) 0%,rgba(45,123,192,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ea8e1', endColorstr='#2d7bc0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding: 30px 30px 40px 30px;
	margin-top:40px;
	border-bottom:15px solid #f69c2a;
}

.product_page_icons {margin-top:40px;}
.product_page_icons div {text-align:center;}
.product_page_icons a {display:block;text-decoration:none;padding:40px;margin:1px;}
.product_page_icons a:hover {display:block;border:1px solid #fff;margin:0;background-color:#63c2fc;}
.product_page_icons h3, .product_page_icons p {text-align:center;color:#fff;}
.product_page_icons img{float:none;}


/* Product Pages
-------------------------------------------------------------------------------*/

/* overwright player inline css to fix black background */


.prod-header-container-enc {background: url(images/product-player-bg-rv.jpg) #2eabe2 no-repeat center top;overflow:hidden;border-bottom:5px solid #f3922b;margin-top: 15px;min-height:360px;}
.prod-header-container-pla {background: url(images/product-player-bg-rv.jpg) #2eabe2 no-repeat center top;overflow:hidden;border-bottom:5px solid #0294c6;margin-top: 15px;min-height:360px;}
.page-template-player-product-page h1, .page-template-encoder-product-page h1,.page-template-2player-product-page h1, .page-template-2encoder-product-page h1, .prod-header-container-enc h1 {font-weight:500;color:#fff;font-size:3em;margin-bottom:0;}
.page-template-player-product-page h2, .page-template-encoder-product-page h2{font-weight:300;color:#333;font-size:2.2em;}
.page-template-player-product-page h3, .page-template-encoder-product-page h3{font-weight:300;color:#333;font-size:2.1em;}
.prod-header-container p{font-size:2em;margin:0.7em 0 1.1em;line-height:1.5em;font-weight:500;}

.prod-header-container-enc h2 {color:#fff;}
.prod-header-container-enc p {color:#fff;}

.prod-header-container-pla h2 {color:#fff;}
.prod-header-container-pla p {color:#fff;}

.page-template-player-product-page .page-container, .page-template-encoder-product-page .page-container {margin-top:30px;}
.page-template-player-product-page p{overflow:hidden;}

.prod-header-container .submit-slide input{
    background-color: #f3922b;
    color: #fff;
	height:3em;
	border:none;
	padding-right:70px;
	padding-left:20px;
	background-image:url('images/signup-right.svg');
	background-repeat:no-repeat;
	background-position:right;
	font-size: 1.1em;
	border:0px;
	background-size: 55px 55px;
}
.prod-header-container .submit-slide input:hover {background-color:#dd7e28;}

.prod-header-container-pla .submit-slide input {background-color:#f3922b;}


.prod-header-container .email-slide input{
    border: 1px solid #f3922b;
    float: left;
    font-family: "Open Sans",sans-serif;
    height: 3em;
    padding: 0.7em;
	color:#333;
	font-size: 1.1em;
	background-color: #fff;
	width: 270px;
}

.page-template-player-product-page .prod-header-container .email-slide input, .page-template-2player-product-page .prod-header-container .email-slide input {border: 1px solid #23aae2;}

.page-template-player-product-page .prod-header-container .submit-slide input:hover, .page-template-2player-product-page .prod-header-container .submit-slide input:hover {background-color:#0f799d;} 

.page-template-player-product-page .prod-header-container .email-slide input, .page-template-2player-product-page .prod-header-container .email-slide input {border: 1px solid #f3922b;}

.page-template-player-product-page .prod-header-container .submit-slide input:hover, .page-template-2player-product-page .prod-header-container .submit-slide input:hover {background-color:#e57e20;} 

/*.prod-header-container-enc .email-slide input, .prod-header-container-pla .email-slide input {color:#000;background-image:url(images/trans.png);} */
.page-template-eng-encoder-product-page .prod-header-container .slide-right-con, .page-template-eng-player-product-page .prod-header-container .slide-right-con {padding:30px;}
.prod-header-container .slide-right-con {width:100%;}
.prod-header-container .slide-right-con .slide-form {margin:0px;}

.page-template-player-product-page .prod-icon-image {width:110px;height:110px;float:left;background:url("images/product-icons.png") no-repeat;margin:20px 30px 20px 0;}

.page-template-encoder-product-page h6 a, .page-template-player-product-page h6 a {color:#999;background-image: url("images/signup-right-grey.svg");background-color:#fff;border:1px solid #eee;background-size:45px 45px;}
.page-template-encoder-product-page h6 a:hover, .page-template-player-product-page h6 a:hover {color:#2eabe2;background-color:#fefefe;background-image:url("images/signup-right.svg");}

.prod-header-container #bitmovin-player {margin:0;}

.slide-left-con {padding-top:20px;}

.big-blue-background #bitmovin-player {margin: 30px auto 50px; max-width:500px;}

.prod-header-container-eng h1, .prod-header-container-eng p {text-align:center;}
.prod-header-container-eng form {max-width:520px;margin:auto;padding-bottom:10px;}

@media screen and (max-width: 1550px) {
	
	.prod-header-container h2{font-weight:500;color:#333;font-size:2.5em;}
	.prod-header-container p{font-size:2em;margin:0.7em 0;line-height:1.5em;}
/*	.prod-header-container .email-slide input {max-width:200px;} */
	
}

@media screen and (max-width: 1000px) {

.prod-header-container .mob-1-1 {width:100%;}

.prod-header-container #bitmovin-player {0px;}

.prod-header-container .email-slide input {width:100%;max-width:100%;margin: 5px 10px 0 0;border:1px solid #eee;}

.prod-header-container .submit-slide input {width:100%;margin: 5px 10px 0 0;}

.page-template-encoder-product-page .slide-left-con, .page-template-2encoder-product-page .slide-left-con{width:100%;height:300px;}
.page-template-player-product-page .slide-left-con, .page-template-2player-product-page .slide-left-con {width:100%;height:300px;}
.slide-left-con {padding:0;margin:0 10px 0 20px;display:block;}
.slide-right-con {float:none;padding:0;margin:20px auto 5px auto!important;display:table-row;}

}


	
.page-template-player-product-page	.slide-left-con, .page-template-encoder-product-page .slide-left-con {background-size:100%;height:250px;}

	.page-template-player-product-page p, 	.page-template-encoder-product-page p {overflow:initial;}
}

/* ENGAGE Product page secondary banner */

#product-nava {display:block;}
#product-nava ul {margin: 0 0 30px 0; padding: 0; list-style-type: none; text-align: center;}
#product-nava ul li {display:inline;width:20%;margin:0 1px;padding:0;}
#product-nava ul li a {background-color:#eee;text-decoration:none;padding:15px 20px;display:inline-block;width:17%;color:#777;font-size:1.2em;}
#product-nava ul li a:hover {background-color:#ff931e;color:#fff;}
#product-nava ul li a:active {background-color:#ff931e;color:#fff;}

@media screen and (max-width: 799px) {
	#product-nava ul {width:100%;}
	#product-nava ul li {display:block;width:100%;}
	#product-nava ul li a {width:100%;border-bottom:2px solid #fff;}
}

/* ENGAGE SEO TOP page */

.onprem-3col {padding:0 30px;}
.onprem-3col h3 {text-align:left!important;margin:0px!important;}
.onprem-3col p {text-align:left;font-size:1.2em!important;}

.prod-seo-top-cont {padding:20px 0 0 0;}
.prod-seo-top-cont h2 {color:#2faae1;font-size:3em!important;}
.prod-seo-top-cont h2 a {color:#2faae1;}
.prod-seo-top-cont h2 a:hover {color:#aaa;}
.prod-seo-top-cont p {font-size:1.4em!important;}

.page-template-eng-SEO-TOP-page-php .page-container {margin-top: 0px;}

.grey-background {background-color:#faffff;border-top:5px solid #2faae1;border-bottom:1px solid #2faae1;padding-bottom:30px;margin-top:40px;}
.grey-background .prod-engage-bullets {border-top:1px solid #2faae1;}
.grey-background .prod-seo-top-cont p {color:#333;}
.end-cta {margin:60px 0 40px;}

/* ENGAGE Product page */

#ENG-CENT {text-align:center;padding:50px;}
#ENG-CENT h2 {color:#2faae1;font-size:3em;}
#ENG-CENT  p {font-size:1.6em;line-height:150%;max-width:80%;margin:auto;margin-bottom:40px;}


.big-blue-background .col-4-12 {padding:30px;text-align:center;}
.big-blue-background .col-4-12 img {}
.big-blue-background h2 {color:#fff;margin-bottom:50px;font-size:3em;}
.big-blue-background .col-4-12 h2 {font-size:1.8em;margin-bottom:10px;}
.big-blue-background p {color:#fff;text-align:left;}

.feature-onprem-bullets ul li {margin:0!important;padding-bottom:35px;}
.feature-onprem-bullets h3 {margin-top:0;}

.onprem-saas, .onprem-hard, .onprem-hybrid, .onprem-speed {padding:5px 20px 5px 105px;margin-left:0;}

.onprem-speed {background: url(images/speed.png) no-repeat left top;}
.onprem-hard {background: url(images/hard.png) no-repeat left top;}
.onprem-hybrid {background: url(images/hybrid.png) no-repeat left top;}
.onprem-saas {background: url(images/saas.png) no-repeat left top;}

.big-blue-background ul li {color:#fff;}

.big-blue-background .on-prem {text-align:center;color:#fff;}
.big-blue-background .on-prem h2{text-align:center;color:#fff;font-size:3em;}

.big-blue-background .on-prem ul li{list-style:none;background:url(images/logo-bullet.png) no-repeat left top;text-align:left;padding-left:35px;}

.prod-engage-cont {padding:80px 0 0 0;}
.prod-engage-cont h2 {color:#2faae1;font-size:3em!important;}
.prod-engage-cont h2 a {color:#2faae1;}
.prod-engage-cont h2 a:hover {color:#777;}
.prod-engage-cont p {font-size:1.4em!important;}

.big-blue-background .prod-engage-cont {padding:10px 40px 0 0;}
.big-blue-background .prod-engage-cont h2 {color:#fff;}
.big-blue-background .prod-engage-cont p {font-size:1.4em;color:#fff;}

.prod-engage-bullets {border-top:1px solid #eee;margin-top:15px;padding-top:25px;}
.prod-engage-bullets li {list-style-type:none!important;}
.prod-engage-bullets ul li a {padding:10px 20px 10px 70px;text-decoration:none;color:#333;display:block;background:url('images/bullet-engage.png') 0 -90px no-repeat;line-height:24px;}
.prod-engage-bullets ul li a:hover {padding:10px 20px 10px 70px;text-decoration:none;color:#333;display:block;background: url('images/bullet-engage.png') 0 10px no-repeat;color:#000;}

.player-vr-graphic {background:url('images/vr-background.png') no-repeat;}
.player-engage-graphic {background:url('images/drm-devices.png') no-repeat;}
.prod-engage-graphic {background:url('images/drm-howitworks.png') no-repeat;}
.prod-vr-graphic {background:url('images/vr-device-engage-productp.png') no-repeat;}
.prod-onprem-graphic {background:url('images/on-prem-bg.png') no-repeat;    min-height: 300px;}
.prod-engage-graphic-button a{
		display:block;
		padding:10px;
		border-radius:5px;
		border:2px solid #fff;
		width:390px;
		max-width:80%;
		margin: 150px auto;
		background-color:#f29100;
		text-align:center;
		text-decoration:none;
		color:#fff;
		font-weight:700;
		font-size:1.5em;
		-webkit-box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.34);
-moz-box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.34);
box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.34);
		}
		.whitepaper-graphic-prodpage .prod-engage-graphic-booklet {text-align:center;}
	.whitepaper-graphic-prodpage .prod-engage-graphic-button {text-align:center;}	
	.whitepaper-graphic-prodpage .prod-engage-graphic-button a {margin:0px auto 0px auto;}
		
.prod-engage-text-button a {
		display:block;
		padding:10px;
		border-radius:5px;
		border:2px solid #fff;
		width:390px;
		max-width:100%;
		background-color:#f29100;
		text-align:center;
		text-decoration:none;
		color:#fff;
		font-weight:700;
		font-size:1.5em;
		}
		
.prod-engage-graphic-button a:hover, .prod-engage-text-button a:hover {background-color:#fff;color:#f29100;border-color:#f29100;}


.prod-engage-text-button_2 a {
		display:block;
		padding:10px;
		border-radius:5px;
		border:2px solid #fff;
		width:390px;
		max-width:100%;
		background-color:#31a8e0;
		text-align:center;
		text-decoration:none;
		color:#fff;
		font-weight:700;
		font-size:1.5em;
		}
		
.prod-engage-text-button_2 a:hover {background-color:#fff;color:#31a8e0;border-color:#31a8e0;}



.calltoaction a {
	color: #fff;
    padding: 8px 14px;
    border: 1px solid #2faae2;
    border-radius: 15px;
    background-color: #2faae2;
}

.calltoaction a:hover {
    background-color: #2980BA;
}


.eng-textblock {margin-top:30px;padding:40px;border-top:1px solid #eee;}


#api-productpage-logos {}

#api-productpage-logos ul {text-align: center;margin:0;padding:0;}

#api-productpage-logos ul li {display:inline-block;margin:10px 35px;}

#api-productpage-logos ul li img {width:70px;}

.page-template-eng-encoder-product-page #footer-wrapper, .page-template-eng-player-product-page #footer-wrapper {margin-top:0px!important;}

.page-template-eng-encoder-product-page article, .page-template-eng-player-product-page article {margin-bottom:0px!important;}

.player-prod-page {margin:70px 0 50px 0;border-top:1px solid #eee;}

/*.player-prod-page .prod-engage-cont  {padding-right:30px;}*/

@media screen and (max-width: 799px) {
	.prod-engage-cont {padding:0 0 0;}
	.page-template-eng-encoder-product-page .page-container, .page-template-eng-player-product-page .page-container {padding:0px;}
	.page-template-eng-encoder-product-page article, .page-template-eng-player-product-page article {padding-left:0px;}
	.prod-vr-graphic, .prod-engage-graphic {background-size:100%;background-position:center;}
	.prod-engage-graphic-button a {margin:0 auto;}
	.prod-engage-graphic, .prod-vr-graphic {background:none;}
}

/* Engage on-Prem Page */

.on-prem-bannerbtn1 a {
		display:block;
		padding:10px;
		border-radius:5px;
		border:2px solid #fff;
		width:45%;
		max-width:100%;
		background-color:#f29100;
		text-align:center;
		text-decoration:none;
		color:#fff;
		font-weight:700;
		font-size:1em;
		margin-right:10px;
		float:left;
		margin-bottom:5px;
		}
		
.on-prem-bannerbtn1 a:hover {background-color:#fff;color:#f29100;border-color:#f29100;}


.on-prem-bannerbtn2 a {
		display:block;
		padding:10px;
		border-radius:5px;
		border:2px solid #fff;
		width:45%;
		max-width:100%;
		background-color:#31a8e0;
		text-align:center;
		text-decoration:none;
		color:#fff;
		font-weight:700;
		font-size:1em;
		float:left;
				margin-bottom:5px;
		}
		
.on-prem-bannerbtn2 a:hover {background-color:#fff;color:#31a8e0;border-color:#31a8e0;}

@media screen and (max-width: 799px) {
		.on-prem-bannerbtn1 a {
		width:100%;
		}
	.on-prem-bannerbtn2 a {
		width:100%;
		}
	
}

/* ENGAGE Analytics page */

#metrics_analytics h2 {text-align:center;color: #2faae1;font-size: 3em!important;margin-top:80px;}
#metrics_analytics h3 {text-align:center;font-size: 1.5em!important;font-weight:500;}
#metrics_analytics ul {margin:0;}
#metrics_analytics ul li {list-style:none; line-height: 20px;}
#metrics_analytics li h3 {text-align:left;}
#metrics_analytics ul ul li {list-style:none; line-height: 20px;padding-left:10px;}
#on-prem-specs h2 {text-align:center;color: #2faae1;font-size: 3em!important;margin-top:80px;}
#on-prem-specs h3 {text-align:left;font-size: 1.5em!important;font-weight:500;}
#on-prem-specs ul {margin:0;}
#on-prem-specs ul li {list-style:none; line-height: 20px;}
#on-prem-specs ul ul li {list-style:none; line-height: 20px;padding-left:10px;}
.anlay-prod-page {padding: 20px 0;
    border-top: 1px solid #eee;
    margin-top: 40px;}

.page-template-eng-analytics-product-page .big-blue-background {padding:60px 0 30px 0!important;}

#analytics_code_tabs h3 {color:#fff; margin-top:0;font-size:1.5em;}
#analytics_code_tabs .responsive-tabs .responsive-tabs__list__item {color:#c7e2f2;}
#analytics_code_tabs .responsive-tabs .responsive-tabs__list__item--active {color:#fff;background:none;border:none;}
#analytics_code_tabs .responsive-tabs .responsive-tabs__panel {padding:30px;background:none;border:none;}
#analytics_code_tabs .responsive-tabs-wrapper {min-height:470px;}
#analytics_code_tabs p {padding:10px;color:#fff;}
#analytics_code_tabs .analy-main h2 {color:#fff;text-align:center;font-size:3em;}
#analytics_code_tabs .analy-main p {color:#fff;}
#analytics_code_tabs .syntaxhighlighter  {background-color:#04354d!important;padding:10px 0;-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.29);
-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.29);
box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.29);}
#analytics_code_tabs .syntaxhighlighter .comments, #analytics_code_tabs .syntaxhighlighter .comments a {color: #9494ea !important;font-weight: bold!important;}
#analytics_code_tabs .syntaxhighlighter .string {color: #9494ea !important;font-weight: bold!important;} 
#analytics_code_tabs .syntaxhighlighter .plain {color: #71c5d4 !important;}
#analytics_code_tabs .syntaxhighlighter .line.alt1 {background-color:#04354d!important;}
#analytics_code_tabs .syntaxhighlighter .line.alt2 {background-color:#04354d!important;}
#analytics_code_tabs .responsive-tabs__list {text-align:center;}
#analytics_code_tabs .responsive-tabs__list li {float:none;display:inline;}
#analytics_code_tabs .responsive-tabs__list a{display:inline-block;}
.analy-left {padding-right:20px;}
@media screen and (max-width: 767px) {
.analy-left {padding-right:0px;}
.page-template-eng-analytics-product-page .post ul li {margin:1em;}
#analytics_code_tabs .analy-main h2 {color:#fff;text-align:center;font-size:1.6em;}
#analytics_code_tabs .analy-main .responsive-tabs__heading {color:#777!important;text-align:left!important;font-size:1.2em;}
#analytics_code_tabs .responsive-tabs .responsive-tabs__heading--active, .responsive-tabs .responsive-tabs__heading--active:hover {font-size:1.2em;background:#04354d!important;color:#fff!important;}
.responsive-tabs .responsive-tabs__heading {border:none!important;}
#analytics_code_tabs .big-blue-background {padding:0px!important;}
#analytics_code_tabs .responsive-tabs .responsive-tabs__panel {padding:0px!important;}
#analytics_code_tabs .page-template-eng-analytics-product-page .prod-engage-cont {padding-top: 10px!important;}
#analytics_code_tabs h3 {margin-top:15px;}
}
.page-template-eng-analytics-product-page .prod-engage-cont {padding-top:40px;}

.slider-center {width:100%;max-width:700px;margin:80px auto;}

.easingslider-wrapper-outer{
width: 100% !important;
}

.prod-header-container-analy {
    background: url(images/product-player-bg-rv.jpg) repeat center top;
    overflow: hidden;
    border-bottom: 5px solid #f3922b;
    margin-top: 15px;
    min-height: 300px;
}

.prod-header-container-analy h1 {color:#fff;}
.prod-header-container-analy h2 {color:#fff;}
.prod-header-container-analy p {color:#fff;}

.page-template-eng-analytics-product-page .prod-engage-bullets ul li {
	padding: 10px 20px 10px 70px;
    text-decoration: none;
    color: #888;
    display: block;
    line-height: 24px;
	font-size:1em;
}

/* Bullets */

.whook {background: url(images/bullet-an-hook.png) 0 -2px no-repeat;}
.test {background: url(images/bullet-an-test.png) 0 -2px no-repeat;}
.analy {background: url(images/bullet-an-analy.png) 0 -2px no-repeat;}
.rest {background: url(images/bullet-an-rest.png) 0 -2px no-repeat;}
.device {background: url(images/bullet-an-device.png) 0 -2px no-repeat;}
.adapt {background: url(images/bullet-an-adapt.png) 0 -2px no-repeat;}
.fields {background: url(images/bullet-an-fields.png) 0 -2px no-repeat;}
.realtime {background: url(images/bullet-an-realtime.png) 0 -2px no-repeat;}
.monitor {background: url(images/bullet-an-monitor.png) 0 -2px no-repeat;}
.integr {background: url(images/bullet-an-integr.png) 0 -2px no-repeat;}

/* Webinare page */

.webinar-header-container {background: url("images/webinar-bg.jpg") no-repeat center top;overflow:hidden;border-bottom:5px solid #f3922b;margin-top: 15px;min-height:360px;}

#webinar-sidebar {padding:0 20px;border:1px solid #efefef;}

#webinar-sidebar h3 {font-size:2.5em;margin-top:0.3em;}

#webinar-sidebar p {font-weight:500;margin-bottom:0px;}

@media screen and (max-width: 1000px) {
	
	.analy-engage-cont h3 {
    padding-left: 0px;
}

.webinar-header-container {background:url('images/product-player-bg-mob.jpg');background-size:100% auto; border:none;}

}
/* Whitepaper download
------------------------------------------ */

.drm-whitepaper-right {padding-left:40px;}

.ccf-submit-button {color:#fff!important;padding:10px;font-size:1.2em;background-color:#f69c2a!important;background-image:none!important;width:100%;}
.ccf-submit-button:hover {background-color:#e78130!important;}

@media screen and (max-width: 799px) {.drm-whitepaper-right {padding-left:5px;}}

/* API key request
------------------------------------------ */

.api-request-form {width:100%; padding: 20px; background:#fff;border-radius:5px;border:3px solid #2c83b9; margin-top:100px;-webkit-box-shadow: 0px 0px 28px 2px rgba(0,0,0,0.09);
-moz-box-shadow: 0px 0px 28px 2px rgba(0,0,0,0.09);
box-shadow: 0px 0px 28px 2px rgba(0,0,0,0.09);}
.api-request-form h2 {font-size:1.6em;font-weight:bold;color:#2c83b9;margin-top:0px!important;}
.api-request-form .main-label {font-size:0.7em;color:#999;}
.page .api-request-form {margin-left:30px;}

.ccf-form-wrapper {margin: 20px 0 0 0;}

.single .api-request-form {width:90%;}

/* Customer logo section home page 
---------------------------------------------------------------------- */
.customers-home {padding:0px 0 100px 0;border-top:1px solid #2eabe2;border-bottom:1px solid #2eabe2;}

.customers-home h2 {text-align:center;padding:50px;color:#2eabe2;}

.cust-logo {
    padding-bottom: 40%;
	margin:10px;
	background:#fff url('images/clogo-toolbox.png');
	background-size:100% auto;
}

.bx-wrapper .bx-controls-direction a{transition:none;}

/* API solutuon page
-------------------------------------------------------------------------------*/

.api_banner h1{padding-top:40px;}



/* Jobs template
-------------------------------------------------------------------------------*/

.job_banner h1 {color:#fff;}
.job_banner p {color:#fff;}

.page-template-jobs-page h4 {
	margin-top:10px;
    padding: 10px 25px;
	}
	
.page-template-jobs-page h4 a {width:100%;display:block;}
	
.page-template-jobs-page h4:hover {background-color:#2eabe2;}

.page-template-jobs-page h4:hover a{color:#fff;}

#job-sidebar {border:1px solid #eee;padding:20px;text-align:center;background:url('images/jo-apply-bg.png') no-repeat;background-size:100% auto;}

#job-sidebar a {padding:10px 20px; background-color:#2eabe2; text-decoration:none;color:#fff;display:block;}
#job-sidebar a:hover {background-color:#1c9cc9;}
#job-sidebar p {padding:150px 100px 10px 0;font-size:1.8em;text-align:left;}

@media screen and (max-width: 801px) {
.job_banner h1 {font-size:2.5em;}
.job_banner p {font-size:1.3em;}
#job-sidebar p {padding:font-size:1.4em;}
}

/* MAIN Support Page
-------------------------------------------------------------------------------*/
.menu_underline_main a{
	font-weight:bold;
	border-bottom: 1px solid #2eabe2;
    margin: 0 !important;
    padding: 10px 20px !important;}
	
.menu_underline a{
	border-bottom: 1px solid #2eabe2;
    margin: 0 !important;
    padding: 10px 20px !important;}

.banner_wrapper {width:100%;position:relative;background: #2eabe2 url('images/support-banner.jpg') no-repeat center center;background-size:auto 100%;}
.banner_wrapper_search {width:100%;position:relative;background: #2eabe2;background-size:auto 100%;}
.banner_content_wrapper {width:100%;background-image: url('images/support-trans.png');border-top:1px solid #fff;}
.banner_header h1 {font-size:5em;margin:0;}
.banner_header h1, .banner_header h2 {color:#fff;text-align:center;}

.banner_header {padding:30px 60px 70px;}

.support-icons li a{color:#fff;display:block;float:left;padding:10px 10px 10px 50px;text-decoration:none;font-size:1.3em;}
.support-icons li a:hover{text-shadow: 0 0 3px #ffffff;}

.support-icons .documentation a{background:url(images/support-documentation.svg) no-repeat;background-size:40px 40px;}
.support-icons .faq a{background:url(images/support-faq.svg) no-repeat;background-size:37px 37px;margin-left:40px;}
.support-icons .tutorials a{background:url(images/support-tutorials.svg) no-repeat;background-size:40px 40px;margin-left:40px;}
.support-icons .documentation a:hover{background-position: 0px -2px;}
.support-icons .faq a:hover{background-position: 0px -2px;}
.support-icons .tutorials a:hover{background-position: 0px -2px;}

.banner_content_inner {padding:30px;}

.bci_right {border-left:1px solid #fff;padding:30px 0 30px 50px;}
.bci_left {padding:30px 50px 30px 0;}

.banner_content_inner h1 {font-size:2.5em;}
.bci_left  h1 a {   
	background: url("images/player-icon-white.svg") no-repeat scroll left center / 55px auto;
    color: #fff;
    padding-left: 55px;
	background-size:40px 40px;
}
.bci_right  h1 a {   
	background: url("images/encoder-icon-white.svg") no-repeat scroll left center / 55px auto;
    color: #fff;
    padding-left: 70px;
	background-size:40px 40px;

}
.banner_content_inner h1 {margin-top:0;margin-bottom:30px;}
.banner_content_inner h1 a:hover{text-shadow: 0 0 3px #ffffff;}

.support_api_container {margin-top:30px;}

.support_api_container h3 a{color:#fff;}

.support_api_heading {border-bottom:1px solid #fff;margin:0;}
.support_api_heading h3 {float:left;}

.support_api_container ul li {display:block;float:right;}

.support_api_content ul li {display:block;float:left;}

.support_api_content {padding:30px 0;}

.support_api_content .api-links li a{ margin-bottom: 10px;padding: 10px;border:1px solid #fff;margin-right:10px;text-decoration:none;color:#fff;display:block;}
.support_api_content .api-links li a:hover{background-image: url('images/support-trans.png');}
.support_api_content .menu-item-has-children {background:none;}


.api-icons li {height:20px;width:30px;padding-top:10px;margin-left:20px;}

.api-icons img {width:25px;height:25px;}

.api-icons img:hover {text-shadow: 0 0 3px #ffffff;}

@media screen and (max-width: 1199px) {

.banner_wrapper {position:relative;background: #2eabe2;}
.support-icons .faq a, .support-icons .tutorials a , .support-icons .documentation a  {margin:10px;}
.banner_content_inner h1 {font-size: 1.8em;}
.api-icons li {margin-left:7px;}


}

@media screen and (max-width: 799px) {
.bci_right {border-left:0;border-top:1px solid #fff;padding-left: 0px;} 
.support_api_heading h3 {
line-height: 3em;}
.banner_header h1{font-size: 3em;}
.bci_left h1 a {background:none;padding:0;}
.bci_right h1 a {background:none;padding:0;}
}

/* Support Search
-----------------------------------------------------------------*/

.support-search-form {width:90%;max-width:600px;margin:auto;}

 .support-search-form input {
	 -webkit-appearance: none;
	background:url("images/support-trans.png");
    border: 1px solid #fff;
    color: #fff;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 1em;
    height: 3em;
    padding: 0.7em;
 }
 
  .support-search-form input::-webkit-input-placeholder {
    color: #fff;
}

  .support-search-form input::-moz-placeholder {
  color: #fff;
}

  .support-search-form input:-ms-input-placeholder {
		color:#fff;
	  
  }
 
 .support-search-form #searchform {width:100%;}
 
 .support-search-form #s {width:80%;}
 .support-search-form #searchsubmit {width:15%;background:#fff;color:#2eabe2;}
  .support-search-form #searchsubmit:hover {background:#2eabe2;color:#fff;border:1px solid #fff;}
  
  @media screen and (max-width: 650px) {
	  .support-search-form input {width:100%!important;margin-bottom:10px;}
	  .banner_header {padding:20px;}
	  
  }

/* Support Page
-------------------------------------------------------------------------------*/

.page-template-tutorial-page-php .page-container {margin-top:20px;}

#breadcrumbs {font-size:1.1em;}

.page-template-two-column .post ul li {list-style:none;margin-left:5px;}
.page-template-two-column h6 a {color:#999;background-image: url("images/signup-right-grey.svg");background-color:#fff;border:1px solid #eee;width:100%;background-size:45px 45px;}
.page-template-two-column h6 a:hover {color:#2eabe2;background-color:#fefefe;background-image:url("images/signup-right.svg");}
.page-template-two-column .col-6-12 {padding:10px;}
.page-template-two-column .post h2 {}
.page-template-two-column .post {padding-right:50px;}

.anchor::before {
  content:"";
  display:block;
  height:140px; /* fixed header height*/
  margin:-140px 0 0; /* negative fixed header height */
  outline: none;
  border:none;
  
}

*:focus {outline: 0;}



@media screen and (max-width: 799px) {

.page-template-two-column .post ul li {margin:1em 0;}
.page-template-two-column .post {padding-right:0;}

}

@media screen and (min-width: 2600px) {
	
.prod-header-container-enc, .prod-header-container-pla {background-size: 100% auto;}

}

/* Turorial Page
--------------------------------------------------------------------------------*/

.page-template-support-page .post img {  
	-moz-box-shadow:    0px 0px 15px 1px #eee;
	-webkit-box-shadow: 0px 0px 15px 1px #eee;
	box-shadow:         0px 0px 15px 1px #eee;
			height:auto;
	}

.page-template-tutorial-page .post img { 
	-moz-box-shadow:    0px 0px 15px 1px #eee;
	-webkit-box-shadow: 0px 0px 15px 1px #eee;
	box-shadow:         0px 0px 15px 1px #eee;
			height:auto;
  }




/* Testominial - Home Page
-------------------------------------------------------------------------------*/

#testimonials-inner{background:url("images/quotes.svg") no-repeat center top;}
#testimonials {
	width:100%;
	padding:1em;
	margin:0;
	background: rgba(95,207,255,1);
background: -moz-linear-gradient(left, rgba(95,207,255,1) 0%, rgba(0,130,223,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(95,207,255,1)), color-stop(100%, rgba(0,130,223,1)));
background: -webkit-linear-gradient(left, rgba(95,207,255,1) 0%, rgba(0,130,223,1) 100%);
background: -o-linear-gradient(left, rgba(95,207,255,1) 0%, rgba(0,130,223,1) 100%);
background: -ms-linear-gradient(left, rgba(95,207,255,1) 0%, rgba(0,130,223,1) 100%);
background: linear-gradient(to right, rgba(95,207,255,1) 0%, rgba(0,130,223,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fcfff', endColorstr='#0082df', GradientType=1 );
	}

.testimonial-text {width:680px;max-width:90%;margin:2em auto;}
.testimonial-text p {color:#fff;font-size:1.7em;text-align:center;font-style:italic;}

.testimonial-footer {width:600px;max-width:90%;margin:2em auto;}

.testiomonial-image {float:left;margin-right:30px;}

.testiomonial-image img{width:90px;height:90px;border-radius:45px;}

.testimonial-name {float:left;margin-top:5px;}

.testimonial-name h3{font-weight:500;}

.testimonial-name h3, .testimonial-name p{color:#fff;margin:0;}

.testimonial-button {float:left;margin-left:50px;border:1px solid #fff;margin-top:18px;}

.testimonial-button a{display:block;padding:10px 30px;color:#fff;text-decoration:none;}

.testimonial-button a:hover {background-color:#fff;color:#2eabe2;}

@media screen and (max-width: 799px) {
	
.testimonial-button, .testimonial-name, .testiomonial-image {float:none;margin:10px auto;clear:both;text-align:center;max-width:300px;}

#testimonials-inner {background-image:none;}



.testimonial-name h3{font-size:2em;font-weight:500;}

}

/* Normal Page
--------------------------------------------------------------------------------*/

.page-container {overflow:hidden;}

/* Customer Page Template
--------------------------------------------------------------------------------*/

.page-template-customer-page blockquote {    
	border-left: 1px solid #efefef;
    float: right;
    padding: 1em;
    width: 33%;
	}
.page-template-customer-page .page-container blockquote p{width:100%;margin:0 0 20px 0;float:none;}

.page-template-customer-page .page-container p {float:left;width:63%;}

.page-template-customer-page .page-container ul {float:left;width:63%;}

@media screen and (max-width: 799px) {
	
.page-template-customer-page blockquote {
	border-left: none;
    float: left;
    width: 100%;
	margin:0;
	}

.page-template-customer-page blockquote p{width:100%;font-size:0.7em;}

.page-template-customer-page .page-container p {float:left;width:100%;}

.page-template-customer-page p {float:left;width:100%;}

}

/* Products Section Home Page
-------------------------------------------------------------------------------*/

#products {width:100%;margin-bottom:2em;}

.products-container {width:1200px; max-width:90%;margin:auto;}
.prod-text {padding:1.5em;}
.prod-text h2 {text-align:center;}
.prod-text p{font-size:1.5em;line-height:1.4em;font-weight: 300;text-align:center;}
.product-box {padding:1em;float:left;width:33%}
.prod-foot {width:70%;margin:auto;}
.prod1 .prod-foot{background-color:#f3922b;}
.prod2 .prod-foot{background-color:#35ae73;}
.prod3 .prod-foot{background-color:#2eabe2;}

.prod1 .prod-foot a:hover{background-color:#dd7e28;}
.prod2 .prod-foot a:hover{background-color:#3d9360;}
.prod3 .prod-foot a:hover{background-color:#0294c6;}

.prod1 h2{color:#dd7e28;}
.prod2 h2{color:#3d9360;}
.prod3 h2{color:#0294c6;}

.product-box-inner {background-color:#fff;width:100%;}

.product-box-image {margin:1em auto 0;width:60%;}

.product-box-image img {width:100%;height:auto;}

.products-gradient {padding:1px;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40NyIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.47) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.47))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.47) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.47) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.47) 100%); /* IE10 preview */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.47) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#78000000',GradientType=0 ); /* IE6-8 */
	
}

.prod-foot {text-align:center;}
.prod-foot a {color:#fff;font-size:1.2em;text-decoration:none;display:block;padding:10px;}

/* Blog Page styles
-------------------------------------------------------------------------------*/

blockquote {
    color: #999;
    font-size: 1.3em;
    line-height: 2.5em;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0;
    padding: 0 4.5em;
    margin: 0 0 1em 0;
    max-width: 100%;
}

.entry-title {}

.title-side {padding-right:2em;}

.sidebar-ad {text-align:center;margin-top:103px;margin-right: 50px;}
.sidebar-ad h2 {font-size:2em;font-weight:700;color:#2eabe2;}
.sidebar-ad p {font-size:1.5em;margin:0px;color:#2eabe2;}
.sidebar-ad a {
	font-size:1.5em;
	margin-top:20px;
	padding:10px 20px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	background-color: #f8b03b;
	text-decoration:none;
	color:#fff;
	}
	.sidebar-ad a:hover {background-color:#f3922b;}
.sidebar-ad img {margin: 20px 0;}
.page-container ul {margin:2em 0;}


/* fix the social overlap */

@media screen and (min-width: 479px) and (max-width: 1290px) {
	
	.page-container {}
}

@media screen and (min-width: 479px) and (max-width: 799px) {
	

	.page-container {padding-left:15px;}
}

.synved-social-button {background-color:#fff;}

.ssbp-total-shares, .ssbp-wrap .ssbp-list {background-color:#fff;}

@media screen and (min-width: 1190px) {
.synved-social-provider-facebook {position:fixed;left:0;top:100px;}
.synved-social-provider-twitter {position:fixed;left:0;top:150px;}
.synved-social-provider-google_plus {position:fixed;left:0;top:200px;}
.synved-social-provider-reddit {position:fixed;left:0;top:250px;}
.synved-social-provider-linkedin {position:fixed;left:0;top:300px;}
}

@media screen and (max-width: 599px) {
.synved-social-provider-facebook {position:fixed;left:10px;bottom:0;}
.synved-social-provider-twitter {position:fixed;left:60px;bottom:0;}
.synved-social-provider-google_plus {position:fixed;left:110px;bottom:0;}
.synved-social-provider-reddit {position:fixed;left:160px;bottom:0;}
.synved-social-provider-linkedin {position:fixed;left:210px;bottom:0;}

.title-side {padding:0 10px;}

.sidebar-ad {display:none; margin-right:10px;}

.ssbp-total-shares {display:none!important;}

}


/* Comments 
------------------------------*/

#respond h2{font-size:2em;margin:1.5em 0;}

#commentform {margin-bottom:5em;}

#commentform input {width:50%;height:3em;border:1px solid #eee;margin-bottom:2em;}

#commentform textarea {width:50%;height:10em;border:1px solid #eee;margin-bottom:2em;}
#commentform label {margin-left:2em;color:#999;position: relative;top: -0.9em;}


/* Category section
-------------------------------------------------------------------------------*/

.cat-header-box {max-width:1200px;}

.cat-header-box p {padding-right:50px;}

.category .posted_by {margin-bottom:1em;}

.cat-thumbnail {overflow:hidden;}

.cat-thumbnail img {width:300px;height:auto;padding-left: 30px;margin-top:15px;}

.category .post, .category .page  {margin:70px 0;}

.category .entry {padding-right:50px;}

.cat-excerpt {padding-left:30px;}

.blog .post h2 {margin-top:0px;}




@media screen and (max-width: 599px) {
.cat-excerpt {padding-left:0;}
.posted_by {padding-left: 1em;}
}


.tag-header-box {margin:60px auto 30px auto;}

/* Category Navigation
-------------------------------------------------------------------------------*/


.cat-nav {overflow:hidden;background:#22b573;margin-top:50px;width:300px;}

.cat-nav:hover {height:auto;}

.cat-nav .banner_menu li a {padding:10px; color:#fff;}

.cat-nav li ul li a{color:#999!important;text-decoration:none;border-bottom:1px solid #eee;}
.cat-nav li ul li a:hover{color:#22b573!important;}

.cat-nav ul li:hover ul {display:block;visibility:visible;}

.cat-nav li ul{border:1px slid #eee;padding:0 10px;width:300px;}

.cat-nav  .menu-item-has-children {width:100%; background-image:url('images/chevron-down-white.svg');background-repeat:no-repeat;background-position: 90% 50%; padding-right:10px;background-size:15px 15px;}

/*** DEFAULT COLORS/STYLES ***/
/* Root menu */
.dropdown-menu {
    background: #c4c7c8;
}
/* Root links */
.dropdown-menu a,
.dropdown-menu a:link,
.dropdown-menu a:visited {
    text-decoration: none;
    color: #393939;
    padding: 5px 9px;
}
/* Root link hover */
.dropdown-menu a:hover,
.dropdown-menu li.dropdown-menu-hover > a {
    color: #000;
}
/* Root menu item hover */
.dropdown-menu li:hover,
.dropdown-menu li.dropdown-menu-hover {
    background: #e0e2e2;
}
/* Submenus */
.dropdown-menu ul {
    border: 1px solid #c4c7c8;
    background: #e0e2e2;
}
/* Submenu item hover */
.dropdown-menu ul li:hover,
.dropdown-menu ul li.dropdown-menu-hover {
    background: #c4c7c8;
}

/* Optional submenu drop shadow */
.dropdown-menu-shadow {
    -webkit-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.3);
}

/*** ESSENTIAL STYLES ***/
.dropdown-menu {
    white-space: nowrap;
    display: inline-block;
    /* IE7 inline-block fix */
    *display: inline;
    *zoom: 1;
}
.dropdown-menu,
.dropdown-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.dropdown-menu ul {
    display: none;
    position: absolute;
    z-index: 1000000;
}
.dropdown-menu ul ul {
    top: 0;
    left: 100%;
}
.dropdown-menu li {
    margin: 0;
    padding: 0;
    display: inline-block;
    /* IE7 inline-block and padding fix */
    *display: inline;
    *zoom: 1;
    *vertical-align: bottom;
}
.dropdown-menu li a {
    display: block;
}
.dropdown-menu ul li {
    position: relative;
    display: block;
}

/* Optional submenu arrows */
span.dropdown-menu-sub-indicator {
    margin-left: .4em;
    display: inline-block;
    vertical-align: baseline;
    /* Image Replacement */
    background-color: transparent;
    background-image: url('arrows-000000.png');
    background-repeat: no-repeat;
    background-position: 0 -100px;
    width: 10px;
    height: 10px;
    border: 0;
    overflow: hidden;
    /* IE7 image replacement fix */
    *text-indent: -9999px;
    /* IE7 inline-block fix */
    *display: inline;
    *zoom: 1;
    *vertical-align: middle;
}
span.dropdown-menu-sub-indicator:before {
    /* Image replacement */
    content: "";
    display: block;
    width: 0;
    height: 100%;
}
/* Arrow hovers */
.dropdown-menu li:hover > a > span.dropdown-menu-sub-indicator,
.dropdown-menu li.dropdown-menu-hover > a > span.dropdown-menu-sub-indicator {
    background-position: -10px -100px;
}
/* Point arrows to the right for anchors in subs */
.dropdown-menu ul span.dropdown-menu-sub-indicator {
    background-position: 0 0;
}
.dropdown-menu ul li:hover > a > span.dropdown-menu-sub-indicator,
.dropdown-menu ul li.dropdown-menu-hover > a > span.dropdown-menu-sub-indicator {
    background-position: -10px 0;
}

/* Vertical-style menu with default width */
.dropdown-menu-vertical {
    width: 250px;
}
.dropdown-menu-vertical li {
    display: block;
    position: relative;
    /* IE7 fix */
    *float: left;
    *width: 100%;
}
.dropdown-menu-vertical span.dropdown-menu-sub-indicator {
    background-position: 0 0;
}
.dropdown-menu-vertical li:hover > a > span.dropdown-menu-sub-indicator,
.dropdown-menu-vertical li.dropdown-menu-hover > a > span.dropdown-menu-sub-indicator {
    background-position: -10px 0;
}

/* Team Page
--------------------------------------------------------------*/

.team-page {padding:15px;width:230px;float:left;height: 370px;}
.team-page img{padding:15px;width:220px;border-radius: 150px;height: auto;opacity: 0.9;filter: alpha(opacity=40);}
.team-page img:hover{opacity: 1;filter: alpha(opacity=100);}
	
.team-page-inv {margin:0 50px;padding:30px;width:250px;float:left;}
.team-page-inv img{width:220px;height:auto;}

.parallax {
    /* The image used */
    background-image: url("images/team-main-p.jpg");

    /* Set a specific height */
    height: 600px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.team-motto h1 {padding: 2px 14px;background-image:url("images/team-tran.png");display:inline-block;margin-top: 40%;}

.team-motto p {padding: 2px 14px;background-image:url("images/team-tran.png");display:inline-block;}

@media screen and (max-width: 599px) {
.team-page {float:none;margin:auto;}
}

/* award Page
--------------------------------------------------------------*/
#post-4835 h3 {
    line-height: 100%;
}

span.date {
    font-size: 0.7em;
    font-weight: inherit;
    font-color;
    color: #0294c6;
}




/* Partner Page
--------------------------------------------------------------*/

.page-template-partner-page .entry img {float:left;max-width:300px;height:auto;padding-bottom:30px;}
.page-template-partner-page .entry p {padding:5px;margin: 0;}
.page-template-partner-page .entry h6 {float:right;margin:40px 0;}
.page-template-partner-page .entry h6 a{width:auto;}
.page-template-partner-page .entry hr {}

.page-id-4821 .post {width:100%;}

@media screen and (max-width: 799px) {
.page-template-partner-page .entry img {padding:5px;margin:0px;}
}
/* Blog home
-------------------------------------------------------------------------------*/
.blog .blog-thumbnail {padding:2em;float:right;}

.blog .blog-thumbnail img {width:150px;height:auto;}

.blog .blog-excerpt {float:left;}

.pagination-blog {width:550px;margin:auto;text-align:center;}
.pagination .screen-reader-text {display:none;}
.forward-back-text .next-posts {float:left;}
.pagination .page-numbers  {padding:10px;}
.pagination a {text-decoration:none;}



.forward-back-text .prev-posts {float:right;}

.archive-backwards {width:100px;height:100px;background-image:url("images/chevron-left-blog.svg");background-repeat:no-repeat;background-position: center center;background-size:80% 80%;position:absolute;top:450px;left:50px;}

.archive-forwards {width:100px;height:100px;background-image:url("images/chevron-right-blog.svg");background-repeat:no-repeat;background-position: center center;background-size:80% 80%;position:absolute;top:450px;right:50px;}

.archive-forwards:hover, .archive-backwards:hover {background-color:#fefefe;}

.moretag {line-height: 2.3em;text-decoration:none;padding:0px 35px 0px 8px;white-space: nowrap;overflow: hidden;color:#fff;background: url("images/signup-right.svg") no-repeat top right #2eabe2;font-size:0.8em;margin:40px 0;float:right;text-transform: capitalize;background-size:27px 27px;}
.moretag:hover {background-color:#0294c6;color:#fff;}

@media screen and (max-width: 1550px) {
	.archive-forwards, .archive-backwards {display:none;}
}
@media screen and (max-width: 599px) {
	.cat-thumbnail img {
    padding-left: 0;

}
	.pagination-blog {width:300px;}
	.pagination .page-numbers {line-height:3em;}
}

/* Release Page
--------------------------------------------------------------------------------*/

.page-template-release-page h3 {margin-top:25px;}

/* Table of contents Release Menu
-------------------------------------------------------------------------------*/

#toc_container {border:0px!important;}

#toc_container.toc_white {
	font-size: 0.9em;
    position: fixed;
    z-index: 999;
    right: 0px;
    top: 50px;
}
#toc_container span {color:#fff;}
#toc_container span a {color:#94dcf2;font-weight:bold;}
#toc_container span a:hover {color:#1eabe3;text-decoration:none;}

#toc_container p.toc_title {text-align:right;padding:8px;border-bottom: 3px solid #f3922b;}

#toc_container {padding: 8px 10px;width:40%;border:1px solid #efefef;margin-left:15px;}

#toc_container  ul li {font-size:1em;}
#toc_container li a{text-decoration:none;display:block;padding:5px 0;}
#toc_container li a:hover {text-decoration:none;color:#777;}

#toc_container ul li {list-style:none;display:block;margin:0;font-weight:bold;}
#toc_container ul li span {font-weight:bold;}

#toc_container ul li ul li{font-weight:normal;margin-left:-10px;}
#toc_container ul li ul li span {font-weight:bold;}

#generated_toc_d_toggle {padding-right:70px;background: url('images/chevron-down.svg') no-repeat right center;background-size:35px 35px;}
#toc_container p.toc_title+ul.toc_list {
	padding: 12px;
    border: 1px solid #eee;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    border-bottom: 3px solid #f3922b;
    background: #fff;
	margin-top:0px;
	} 

div#toc_container {margin-top:20px;}

.toc_toggle a{display:inline;}

@media screen and (max-width: 799px) {
#toc_container {display:none!important;}

}



/* Table of contents Support Menu
-------------------------------------------------------------------------------*/

#toc {float:right;padding: 5px 30px;width:40%;border:1px solid #efefef;margin-left:15px;}

#toc a{text-decoration:none;display:block;padding:5px 0;}

/* Universal for all posts
-------------------------------------------------------------------------------*/

.post {width:100%;margin:30px auto 0 auto;}

.post h2 {margin-top:30px;}
.post h2 {margin-top:30px;}

.post-con {max-width:1200px;}

.post ul li {margin:1em 3em;list-style-type: circle;font-size:1.1em;line-height:1.6em;}
.post ol li {margin:1em 3em;font-size:1.1em;}

@media screen and (max-width: 779px) {

.post ul li {margin: 2em;}

}

.entry-content img { image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */ }

.single-post .entry-content {margin-bottom:80px;}

/*
-------------------------------------------------------------------------------*/

.page-template-customer-page .post .entry h2 {float:left;}

/* Beadcrumbs
-------------------------------------------------------------------------------*/

.breadcrumb {padding-top:20px;overflow:hidden;}

.breadcrumb ul li {display:inline;margin-right:50px;}

.breadcrumb ul li a{text-decoration:none;color:#999;}

.breadcrumb ul li a:hover{color:#29abe2;}

.breadcrumb ul li {background-image:url('images/chevron-right.svg');background-repeat:no-repeat;padding-left:60px;background-size: 1.2em 1.2em;font-size: 1.2em;line-height: 30px;}

.single-post .breadcrumb {padding-top:40px;padding-bottom:40px;}


/* Footer area
-------------------------------------------------------------------------------*/

#sidebar {margin-top:30px;}

#sidebar h3{margin-top:1.7em;} 

/* Footer area
-------------------------------------------------------------------------------*/

#footer-top, #footer-mid, #footer-bottom, #footer-under {padding:30px 0px;}

#footer-top h3 {font-size:1.5em;margin-bottom:10px;}

#footer-top h3 a{margin-bottom:10px;text-decoration:none;color:#333;}
#footer-top h3 a:hover{color:#29abe2;}


#footer-under {color:#fff;padding-bottom:50px;}

#footer-wrapper {background-color:#f5f7f9; width:100%;padding:0 4em;}

#footer-under {background-color:#333;}

#footer-wrapper .moretag {margin-bottom:0;}

.social-footer {margin:auto;width:300px;background-color:#f5f7f9; padding:0 30px;}

.social-footer .fb{width:50px;height:50px;border-radius:25px;background-color:#333;float:left;margin:0 5px;}
.social-footer .fb:hover{background-color:#3b5998;}

.social-footer .tw{width:50px;height:50px;border-radius:25px;background-color:#333;float:left;margin:0 5px;}
.social-footer .tw:hover{background-color:#00aced;}

.social-footer .li{width:50px;height:50px;border-radius:25px;background-color:#333;float:left;margin:0 5px;}
.social-footer .li:hover{background-color:#007bb5;}

.social-footer .gp{width:50px;height:50px;border-radius:25px;background-color:#333;float:left;margin:0 5px;}
.social-footer .gp:hover{background-color:#dd4b39;}

.social-footer img{
	
	display: block;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 15px;
    vertical-align: middle;
}

.social-footer .gp img {height: 23px;top: 13px;}

.social-footer .li img {top: 13px;}

#footer-mid {background-image:url(images/line.png);background-repeat: repeat-x; background-position:50px center;}

#footer-bottom h3 {font-weight:700;text-transform:uppercase;}

#footer-bottom ul li a{text-transform:uppercase;text-decoration:none;line-height: 2.2em;}

.footer-phone {float:right;width:300px;}
.footer-copy {float:left;width:300px;}

.footer-phone p, .footer-copy p{line-height:1.2em;color:#fff;margin:0;width:200px;}

.footer-phone img{width:15px;height:auto;float:left;margin-right:5px;margin-top: 4px;}

@media screen and (max-width: 779px) {
.footer-phone {margin:1em 0;width:300px;float:left;}
.footer-copy {float:left;width:300px;}
#footer-under {padding-bottom:120px;}
#footer-bottom ul li a{padding:12px;}
}

@media screen and (max-width: 420px) {
.social-footer {padding:0px;width:240px;}
#footer-mid {background-image:none;}
}

/* Footer area
-------------------------------------------------------------------------------*/

.fblock ul li {display: list-item;float:none;}

.fblock h3 {font-size:1.2em;}

.fblock .widget {margin-bottom:1em;}

.page-id-18633 iframe {height:0;}

/* Mailchimp form
-------------------------------------------------------------------------------*/

#footer-top h3 {font-size:1.5em;margin-bottom:10px;}

#footer-top p {margin-top:20px;width:85%;}

#mc_embed_signup {width:100%;}

#mc_embed_signup input{height:3em;float:left;border:0px solid #22b573;padding:0.7em;font-family: 'Open Sans', sans-serif;}

#mc_embed_signup .email-mc input {width:50%;color:#999;}

#mc_embed_signup .submit-mc input {    background-color: #22b573;
    background-image: url("images/signup-right.svg");
    background-position: right center;
    background-repeat: no-repeat;
    border: medium none;
    color: #fff;
    margin-left: 1em;
    padding-left: 20px;
    padding-right: 70px;
	background-size:42px 42px;
	}

#mc_embed_signup .submit-mc input:hover {background-color:#3d9360;border-color:#3d9360;}

#mce-success-response {width:300px;padding:20px;}

@media screen and (max-width: 1200px){
	
	#mc_embed_signup .submit-mc input {margin-left: 0;margin-top:10px;width:80%;}
	#mc_embed_signup .email-mc input {width:80%;}
	
}

@media screen and (max-width: 520px){

#mc_embed_signup .submit-mc input {    
    background-image: none;
    border: medium none;
    color: #fff;
    margin-left: 1em;
    padding-left: 0;
    padding-right: 0;}
}

/* Pricing Page
-------------------------------------------------------------------------------*/
.tab-container, .main-price-tabs {position:relative;z-index:0;}
.main-price-tabs {margin-top:60px;}
.main-price-tabs a {text-decoration:none;}
.product-tab-active {padding:1.5em;font-size:2.5em;}
.product-tab-notactive {padding:1.5em;font-size:2.5em;}
.product-tab-notactive a {color:#ccc;}
.product-tab-notactive a:hover {color:#2eabe2}

.page-template-player-pricing h4, .page-template-encoding-pricing h4 {font-size:1.2em; font-weight:bold;color:#555;margin-top:2em;}

.page-template-player-pricing .entry p, .page-template-encoding-pricing .entry p {padding-left:2em;width:95%;}

.page-template-player-pricing .page-container, .page-template-encoding-pricing .page-container {margin-top:100px;}

/* Pricing boxes
-------------------------------------------------------------------------------*/
.price-box-title {text-transform:uppercase;}

.pricing-section {margin-top:60px;margin-bottom:40px;}

.pricing-section .widget {float:left;}

.sign-up-button-con {padding:10px;}

.sign-up-button {background-color:#fff;padding:10px;}

.sign-up-button .submit-signup-pricing{padding:10px;width:100%;height:50px;border:0;background-color:#2eabe2;color:#fff;font-size:1.5em;text-align:center;}
.sign-up-button .submit-signup-pricing:hover {background-color:#0294c6;}

.recommended-box .sign-up-button {background-color: #fff; padding: 10px;}


.sign-up-button a {color:#fff;text-decoration:none;display:block;width:100%;}

 {padding:10px; }

.normal-box, .recommended-box, .enterprise-box {width:25%;float:left;}

.normal-box, .enterprise-box  {padding:10px;}

.recommended-box {
	padding:0px;
	-moz-box-shadow:    0 0 20px 5px #ccc;
	-webkit-box-shadow: 0 0 20px 5px #ccc;
	box-shadow:         0 0 20px 5px #ccc;
	position: relative;
    z-index: 999;
	}

.widget_wpb_widget {width:100%;border:1px solid #eee;}

.pricing-section h3 {margin:10px;padding:15px;text-align:center;vertical-align:center;background-color:#2eabe2;color:#fff;}

.box-price {font-size:3.5em;text-align:center;color:#555;letter-spacing: -2px;height:60px;}

.box-price-period {text-align:center;font-size:1.5em;color:#999;margin-bottom:0.5em;}

.feature-last, .feature {margin:auto;text-align:center;line-height:3em;border-top:1px dotted #efefef;width:80%;}

.recommended-box h3 {background-color:#35ae73;}

.recommended-box .feature-last, .recommended-box .feature {
    line-height: 3.5em;
}

.pricing-section .recommended-box .submit-signup-pricing {
    background-color: #35ae73;
}

.pricing-section .recommended-box .submit-signup-pricing:hover {background-color: #3d9360;}

.pricing-section p {margin:0;}

.enterprise-box .box-price {font-size:2.5em;}

@media screen and (max-width: 799px) {
.normal-box, .recommended-box, .enterprise-box {width:50%;}
}
@media screen and (max-width: 599px) {
.normal-box, .recommended-box, .enterprise-box {width:100%;}
}

/* Pricing Tabs
-------------------------------------------------------------------------------*/
.tab-container {}
	.tab-container ul{width:100%;background-color:#f2f2f2;height:60px;padding-top:20px;text-align: center;}
	.tab-container ul li {display:inline;}
	.tab-container ul li a{padding:22px;text-decoration:none;background-color:#fff;}
	.tab-container ul li .inactive {padding:20px;text-decoration:none;background-color:#f2f2f2;}


	.main-price-tabs-player .product-tab-active a {
	padding-left:60px;
    background: #fff url("images/player-icon.svg") no-repeat left center / 40px 40px;
}

	.main-price-tabs-player .product-tab-notactive a {
	padding-left:70px;
    background: #fff url("images/encoder-icon-grey.svg") no-repeat left center / 55px 55px;
}

	.main-price-tabs-player .product-tab-notactive a:hover {
	padding-left:70px;
    background: #fff url("images/encoder-icon.svg") no-repeat left center / 55px 55px;
	color:#f3922b;
}

	.main-price-tabs-encoding .product-tab-active a {
	padding-left:70px;
    background: #fff url("images/encoder-icon.svg") no-repeat left center / 55px 55px;
	color:#f3922b;
}

	.main-price-tabs-encoding .product-tab-notactive a {
	padding-left:60px;
    background: #fff url("images/player-icon-grey.svg") no-repeat left center / 40px 40px;
}

	.main-price-tabs-encoding .product-tab-notactive a:hover {
	padding-left:60px;
    background: #fff url("images/player-icon.svg") no-repeat left center / 40px 40px;
	color:#2eabe2;
}

@media screen and (max-width: 799px) {
.product-tab-active {text-align:center;padding:0.2em;}
.product-tab-notactive {text-align:center;padding:0.2em;}
.tab-container ul {margin-top:20px;}

}

@media screen and (max-width: 420px) {
.tab-container ul li {
    display: list-item; width:100%;padding:10px;
}
.tab-container ul li a {padding:;background-color:#f2f2f2;}
.tab-container ul {height:auto;padding:20px;margin-top:10px;}
.tab-container ul li .active {
    background-color: #f2f2f2;font-weight:bold;
}
.product-tab-notactive, .product-tab-active {font-size:2em;}
.main-price-tabs-encoding .product-tab-notactive a {background-size:30px auto!important;}
.main-price-tabs-player .product-tab-notactive a  {background-size:40px auto!important;}
.main-price-tabs-encoding .product-tab-active a {background-size:40px auto!important;}
.main-price-tabs-player .product-tab-active a  {background-size:30px auto!important;}

}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}



/* Media queries!
-------------------------------------------------------------------------------*/

@media screen and (max-width: 1200px) {
#mob-toggle {display:block;}
.small-hidden {display:none;}


}

@media screen and (max-width: 799px) {
	
	.prod-onprem-graphic {
    background: url(images/on-prem-bg.png) no-repeat;
    min-height: 330px;
    background-size: cover;
    background-position-y: 10px;
}


	
	
.breadcrumb {display:none;}
.breadcrumb ul li {display:list-item;}

h1 {
	font-size:2.4em;
	padding-left: 8px;
	}

h2 {font-size:2em;}

h3 {
	font-size:1.8em;
	font-weight:700;
	padding-left: 8px;
	}

.cat-header-box p, .category .entry  {
    padding-right: 0;
}

.cat-header {
    padding: 1em;
}

.post-con img {margin-top:1em;}
.category .post {
    margin-top: 1em;
}

#footer-wrapper {
    padding: 0 1em;
}

#mc_embed_signup .submit-mc input {
    width: 40%; margin-left:1em;margin-top:0;
}

#mc_embed_signup .email-mc input {width:50%;}

blockquote {
    padding: 0 1em;
	margin-top:1em;
}

.prod-text p{font-size:1.2em;line-height:1.2em;}

.page-template-player-pricing .page-container, .page-template-encoding-pricing .page-container {
    margin-top: 30px;

}

}

@media screen and (max-width: 499px) {
	.parallax {
	background-attachment:scroll!important;
	    padding-top: 50px;
	}
	.page-container {margin-top: 0;}
	.prod-onprem-graphic {
	background: url(images/on-prem-bg.png) no-repeat;
    min-height: 350px;
    background-size: cover;
    padding-bottom: 100px;
    background-position-y: 100px;
    background-position-x: +50%;
	}
	.sidebar-support {
    padding-left: 5px!important;
	padding-right: 5px!important;
	}
	
	.menu-support-main-menu-container {
    font-size: 1.2em;
}
   
	}

/* New Mobile Menu Controls
-----------------------------------------------------------------------------------*/


.mm-menu,.mm-panels,.mm-panels>.mm-panel{margin:0;left:0;right:0;top:0;bottom:0;z-index:0;box-sizing:border-box}
.mm-btn,.mm-menu{box-sizing:border-box}
.mm-listview a,.mm-listview a:hover,.mm-navbar a,.mm-navbar a:hover{text-decoration:none}
.mm-hidden{display:none!important}
.mm-wrapper{overflow-x:hidden;position:relative}
.mm-menu{display:block;padding:0;position:absolute}
.mm-panels,.mm-panels>.mm-panel{background:#fff;border-color:inherit;position:absolute}
.mm-btn,.mm-panel.mm-highest{z-index:1}
.mm-panels{overflow:hidden;border-right:1px solid #ccc;}
.mm-panel{transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.mm-panel.mm-opened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-panel.mm-subopened{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}
.mm-panels>.mm-panel{-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;padding:0 20px}
.mm-listview .mm-divider,.mm-listview>li>a,.mm-listview>li>span,.mm-navbar .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:1.2em}
.mm-panels>.mm-panel.mm-hasnavbar{padding-top:40px}
.mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before{content:'';display:block;height:20px}
.mm-vertical .mm-panel{-webkit-transform:none!important;transform:none!important}
.mm-listview .mm-vertical .mm-panel,.mm-vertical .mm-listview .mm-panel{display:none;padding:10px 0 10px 10px}
.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after{border-color:transparent}
.mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel{display:block}
.mm-listview>li.mm-vertical>.mm-next,.mm-vertical .mm-listview>li>.mm-next{height:40px;bottom:auto}
.mm-listview>li.mm-vertical>.mm-next:after,.mm-vertical .mm-listview>li>.mm-next:after{top:16px;bottom:auto}
.mm-listview>li.mm-vertical.mm-opened>.mm-next:after,.mm-vertical .mm-listview>li.mm-opened>.mm-next:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);right:19px}
.mm-btn{width:40px;height:40px;position:absolute;top:0}
.mm-clear:after,.mm-clear:before,.mm-close:after,.mm-close:before{content:'';border:2px solid transparent;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.mm-clear:before,.mm-close:before{border-right:none;border-bottom:none;right:18px}
.mm-clear:after,.mm-close:after{border-left:none;border-top:none;right:25px}
.mm-arrow:after,.mm-next:after,.mm-prev:before{content:'';border:2px solid transparent;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.mm-prev:before{border-right:none;border-bottom:none;left:23px}
.mm-arrow:after,.mm-next:after{border-top:none;border-left:none;right:23px}
.mm-navbar{border-bottom:1px solid;border-color:inherit;text-align:center;line-height:20px;height:40px;padding:0 40px;margin:0;position:absolute;top:0;left:0;right:0}
.mm-navbar>*{display:block;padding:10px 0}
.mm-navbar .mm-btn:first-child{padding-left:20px;left:0}
.mm-navbar .mm-btn:last-child{text-align:right;padding-right:20px;right:0}
.mm-panel .mm-navbar{display:none}
.mm-panel.mm-hasnavbar .mm-navbar{display:block}
.mm-listview,.mm-listview>li{list-style:none;display:block;padding:0;margin:0}
.mm-listview{font:inherit;font-size:14px;line-height:20px}
.mm-listview>li{position:relative}
.mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after{border-color:inherit}
.mm-listview>li>a,.mm-listview>li>span{display:block;padding:10px 10px 10px 20px;margin:0;font-size:1.2em}
.mm-listview>li>a.mm-arrow,.mm-listview>li>span.mm-arrow{padding-right:50px}
.mm-listview>li:not(.mm-divider):after{content:'';border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;right:0;bottom:0;left:20px}
.mm-listview .mm-next{background:rgba(3,2,1,0);width:50px;padding:0;position:absolute;right:0;top:0;bottom:0;z-index:2}
.mm-listview .mm-next:before{content:'';border-left-width:1px;border-left-style:solid;display:block;position:absolute;top:0;bottom:0;left:0}
.mm-listview .mm-next+a,.mm-listview .mm-next+span{margin-right:50px}
.mm-listview .mm-next.mm-fullsubopen{width:100%}
.mm-listview .mm-next.mm-fullsubopen:before{border-left:none}
.mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span{padding-right:50px;margin-right:0}
.mm-panels>.mm-panel>.mm-listview{margin:20px -20px}
.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{margin-top:-20px}
.mm-listview .mm-inset{list-style:disc inside;padding:0 10px 15px 40px;margin:0}
.mm-listview .mm-inset>li{padding:5px 0}
.mm-listview .mm-divider{font-size:10px;text-transform:uppercase;text-indent:20px;line-height:25px}
.mm-listview .mm-spacer{padding-top:40px}
.mm-listview .mm-spacer>.mm-next{top:40px}
.mm-listview .mm-spacer.mm-divider{padding-top:25px}
.mm-menu{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.7)}
.mm-menu .mm-navbar a,.mm-menu .mm-navbar>*{color:rgba(0,0,0,.3)}
.mm-menu .mm-btn:after,.mm-menu .mm-btn:before{border-color:rgba(0,0,0,.3)}
.mm-menu .mm-listview{border-color:rgba(0,0,0,.1)}
.mm-menu .mm-listview>li .mm-arrow:after,.mm-menu .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}
.mm-menu .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.5);tap-highlight-color:rgba(255,255,255,.5)}
.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.5)}
.mm-menu .mm-divider,.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.05)}
.mm-page{box-sizing:border-box;position:relative}
.mm-slideout{transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}
html.mm-opened{overflow-x:hidden;position:relative}
html.mm-blocking,html.mm-blocking body{overflow:hidden}
html.mm-background .mm-page{background:inherit}
#mm-blocker{background:rgba(3,2,1,0);display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2}
html.mm-blocking #mm-blocker{display:block}
.mm-menu.mm-offcanvas{z-index:0;display:none;position:fixed}
.mm-menu.mm-offcanvas.mm-current{display:block}
.mm-menu{width:80%;min-width:140px;max-width:440px}
html.mm-opening .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}
@media all and (max-width:175px){html.mm-opening .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:550px){html.mm-opening .mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}
}
.mm-menu.mm-autoheight.mm-bottom,.mm-menu.mm-autoheight.mm-top{max-height:80%}
.mm-menu.mm-autoheight.mm-bottom.mm-fullscreen,.mm-menu.mm-autoheight.mm-top.mm-fullscreen{max-height:100%}
.mm-menu.mm-measureheight .mm-panel{display:block!important}
.mm-menu.mm-measureheight>.mm-panels>.mm-panel{bottom:auto!important;height:auto!important}
.mm-menu.mm-columns{transition-property:width,max-width,-webkit-transform;transition-property:transform,width,max-width;transition-property:transform,width,max-width,-webkit-transform}
.mm-menu.mm-columns .mm-panels>.mm-panel{width:100%;right:auto;display:none;transition-property:width,-webkit-transform;transition-property:transform,width;transition-property:transform,width,-webkit-transform}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened{border-right:1px solid;border-color:inherit;display:block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-subopened{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);z-index:2}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-0{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-0{display:block;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.mm-menu.mm-columns-0{width:80%;min-width:140px;max-width:0}
html.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}
@media all and (max-width:175px){html.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:0px){html.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-1{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-1{display:block;-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}
.mm-menu.mm-columns-1{width:80%;min-width:140px;max-width:440px}
html.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}
@media all and (max-width:175px){html.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:550px){html.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}
}
.mm-menu.mm-columns-1 .mm-panels>.mm-panel{width:100%}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-2{-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-2{display:block;-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}
.mm-menu.mm-columns-2{width:80%;min-width:140px;max-width:880px}
html.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}
@media all and (max-width:175px){html.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:1100px){html.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate3d(880px,0,0);transform:translate3d(880px,0,0)}
}
.mm-menu.mm-columns-2 .mm-panels>.mm-panel{width:50%}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-3{-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-3{display:block;-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}
.mm-menu.mm-columns-3{width:80%;min-width:140px;max-width:1320px}
html.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}
@media all and (max-width:175px){html.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:1650px){html.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate3d(1320px,0,0);transform:translate3d(1320px,0,0)}
}
.mm-menu.mm-columns-3 .mm-panels>.mm-panel{width:33.34%}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-4{-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-4{display:block;-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)}
.mm-menu.mm-columns-4{width:80%;min-width:140px;max-width:1760px}
html.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}
@media all and (max-width:175px){html.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:2200px){html.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate3d(1760px,0,0);transform:translate3d(1760px,0,0)}
}
.mm-menu.mm-columns-4 .mm-panels>.mm-panel{width:25%}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-5{-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-5{display:block;-webkit-transform:translate3d(600%,0,0);transform:translate3d(600%,0,0)}
.mm-menu.mm-columns-5{width:80%;min-width:140px;max-width:2200px}
html.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}
@media all and (max-width:175px){html.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:2750px){html.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate3d(2200px,0,0);transform:translate3d(2200px,0,0)}
}
.mm-menu.mm-columns-5 .mm-panels>.mm-panel{width:20%}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-6{-webkit-transform:translate3d(600%,0,0);transform:translate3d(600%,0,0)}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-6{display:block;-webkit-transform:translate3d(700%,0,0);transform:translate3d(700%,0,0)}
.mm-menu.mm-columns-6{width:80%;min-width:140px;max-width:2640px}
html.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}
@media all and (max-width:175px){html.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:3300px){html.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate3d(2640px,0,0);transform:translate3d(2640px,0,0)}
}
.mm-menu.mm-columns-6 .mm-panels>.mm-panel{width:16.67%}
em.mm-counter{font:inherit;font-size:14px;font-style:normal;text-indent:0;line-height:20px;display:block;margin-top:-10px;position:absolute;right:45px;top:50%}
em.mm-counter+a.mm-next{width:90px}
em.mm-counter+a.mm-next+a,em.mm-counter+a.mm-next+span{margin-right:90px}
em.mm-counter+a.mm-fullsubopen{padding-left:0}
.mm-vertical>.mm-counter{top:12px;margin-top:0}
.mm-vertical.mm-spacer>.mm-counter{margin-top:40px}
.mm-nosubresults>.mm-counter{display:none}
.mm-menu em.mm-counter{color:rgba(0,0,0,.3)}
.mm-divider>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0;line-height:25px}
.mm-divider.mm-opened a.mm-next:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.mm-collapsed:not(.mm-uncollapsed){display:none}
.mm-fixeddivider{background:inherit;display:none;position:absolute;top:0;left:0;right:0;z-index:2;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-fixeddivider:after{content:none!important;display:none!important}
.mm-hasdividers .mm-fixeddivider{display:block}
.mm-menu .mm-fixeddivider span{background:rgba(0,0,0,.05)}
html.mm-opened.mm-dragging .mm-menu,html.mm-opened.mm-dragging .mm-slideout{transition-duration:0s}
.mm-menu.mm-dropdown{box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%}
html.mm-dropdown .mm-slideout{-webkit-transform:none!important;transform:none!important;z-index:0}
html.mm-dropdown #mm-blocker{transition-delay:0s!important;z-index:1}
html.mm-dropdown .mm-menu{z-index:2}
html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu{display:none}
.mm-menu.mm-tip:before{content:'';background:inherit;box-shadow:0 2px 10px rgba(0,0,0,.3);display:block;width:15px;height:15px;position:absolute;z-index:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.mm-menu.mm-tipleft:before{left:22px}
.mm-menu.mm-tipright:before{right:22px}
.mm-menu.mm-tiptop:before{top:-8px}
.mm-menu.mm-tipbottom:before{bottom:-8px}
.mm-iconpanel .mm-panel{transition-property:left,-webkit-transform;transition-property:transform,left;transition-property:transform,left,-webkit-transform}
.mm-iconpanel .mm-panel.mm-opened{border-left:1px solid;border-color:inherit}
.mm-iconpanel .mm-panel.mm-subopened{overflow-y:hidden;left:-40px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-iconpanel .mm-panel.mm-iconpanel-0{left:0}
.mm-iconpanel .mm-panel.mm-iconpanel-1{left:40px}
.mm-iconpanel .mm-panel.mm-iconpanel-2{left:80px}
.mm-iconpanel .mm-panel.mm-iconpanel-3{left:120px}
.mm-iconpanel .mm-panel.mm-iconpanel-4{left:160px}
.mm-iconpanel .mm-panel.mm-iconpanel-5{left:200px}
.mm-iconpanel .mm-panel.mm-iconpanel-6{left:240px}
.mm-subblocker{background:inherit;opacity:0;display:block;transition:opacity .4s ease}
.mm-subopened .mm-subblocker{opacity:.6;position:absolute;top:0;right:0;bottom:-100000px;left:0;z-index:3}
.mm-navbar-bottom,.mm-navbar-top~.mm-navbar-top{border-bottom:none}
.mm-menu>.mm-navbar{background:inherit;padding:0;z-index:3;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-navbar-bottom{border-top-width:1px;border-top-style:solid;top:auto;bottom:0}
.mm-navbar-bottom~.mm-navbar-bottom{border-top:none}
.mm-navbar.mm-hasbtns{padding:0 40px}
.mm-navbar[class*=mm-navbar-content-]>*{box-sizing:border-box;display:block;float:left}
.mm-navbar .mm-breadcrumbs{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-x:auto;text-align:left;padding:0 0 0 17px}
.mm-navbar .mm-breadcrumbs>*{display:inline-block;padding:10px 3px}
.mm-navbar .mm-breadcrumbs>a{text-decoration:underline}
.mm-navbar.mm-hasbtns .mm-breadcrumbs{margin-left:-40px}
.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs{margin-left:0;padding-left:0}
.mm-navbar-top-1{top:0}
.mm-hasnavbar-top-1 .mm-panels,.mm-navbar-top-2{top:40px}
.mm-hasnavbar-top-2 .mm-panels,.mm-navbar-top-3{top:80px}
.mm-hasnavbar-top-3 .mm-panels,.mm-navbar-top-4{top:120px}
.mm-hasnavbar-top-4 .mm-panels{top:160px}
.mm-navbar-bottom-1{bottom:0}
.mm-hasnavbar-bottom-1 .mm-panels,.mm-navbar-bottom-2{bottom:40px}
.mm-hasnavbar-bottom-2 .mm-panels,.mm-navbar-bottom-3{bottom:80px}
.mm-hasnavbar-bottom-3 .mm-panels,.mm-navbar-bottom-4{bottom:120px}
.mm-hasnavbar-bottom-4 .mm-panels{bottom:160px}
.mm-navbar-size-2{height:80px}
.mm-navbar-size-3{height:120px}
.mm-navbar-size-4{height:160px}
.mm-navbar-content-2>*{width:50%}
.mm-navbar-content-3>*{width:33.33%}
.mm-navbar-content-4>*{width:25%}
.mm-navbar-content-5>*{width:20%}
.mm-navbar-content-6>*{width:16.67%}
.mm-sronly{text-indent:10px;overflow:hidden;display:block;width:1px;height:1px;position:absolute;z-index:-1}
.mm-search,.mm-search input{box-sizing:border-box}
.mm-search{height:40px;padding:7px 10px 0;position:relative}
.mm-search input{border:none!important;outline:0!important;box-shadow:none!important;border-radius:26px;font:inherit;font-size:14px;line-height:26px;display:block;width:100%;height:26px;margin:0;padding:0 10px}
.mm-search input::-ms-clear{display:none}
.mm-search .mm-clear,.mm-search .mm-next{right:0}
.mm-panel>.mm-search{width:100%;position:absolute;top:0;left:0}
.mm-panel.mm-hassearch{padding-top:40px}
.mm-panel.mm-hassearch.mm-hasnavbar{padding-top:80px}
.mm-panel.mm-hassearch.mm-hasnavbar .mm-search{top:40px}
.mm-noresultsmsg{text-align:center;font-size:21px;padding:40px 0}
.mm-noresults .mm-indexer{display:none!important}
li.mm-nosubresults>a.mm-next{display:none}
li.mm-nosubresults>a.mm-next+a,li.mm-nosubresults>a.mm-next+span{padding-right:10px}
.mm-panels>.mm-resultspanel:not(.mm-opened){-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-menu .mm-search input{background:rgba(0,0,0,.05);color:rgba(0,0,0,.7)}
.mm-menu .mm-noresultsmsg{color:rgba(0,0,0,.3)}
.mm-indexer{background:inherit;text-align:center;font-size:12px;box-sizing:border-box;width:20px;position:absolute;top:0;bottom:0;right:-100px;z-index:3;transition:right .4s ease;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-indexer a{text-decoration:none;display:block;height:3.85%}
.mm-indexer~.mm-panel.mm-hasindexer{padding-right:40px}
.mm-hasindexer .mm-indexer{right:0}
.mm-hasindexer .mm-fixeddivider{right:20px}
.mm-menu .mm-indexer a{color:rgba(0,0,0,.3)}
.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen),.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a:not(.mm-fullsubopen){transition:background .4s ease}
.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.5)}
input.mm-check,input.mm-toggle{position:absolute;left:-10000px}
label.mm-check,label.mm-toggle{margin:0;position:absolute;top:50%;z-index:2;right:20px}
label.mm-check:before,label.mm-toggle:before{content:'';display:block}
label.mm-toggle{border-radius:30px;width:50px;height:30px;margin-top:-15px}
label.mm-toggle:before{border-radius:30px;width:28px;height:28px;margin:1px}
input.mm-toggle:checked~label.mm-toggle:before{float:right}
label.mm-check{width:30px;height:30px;margin-top:-15px}
label.mm-check:before{border-left:3px solid;border-bottom:3px solid;width:40%;height:20%;margin:25% 0 0 20%;opacity:.1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
input.mm-check:checked~label.mm-check:before{opacity:1}
li.mm-vertical label.mm-check,li.mm-vertical label.mm-toggle{bottom:auto;margin-top:0;top:5px}
label.mm-toggle+a,label.mm-toggle+span{padding-right:80px}
label.mm-check+a,label.mm-check+span{padding-right:60px}
a.mm-next+label.mm-check,a.mm-next+label.mm-toggle{right:60px}
a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span,a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span{margin-right:50px}
a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span{padding-right:70px}
a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span{padding-right:50px}
em.mm-counter+a.mm-next+label.mm-check,em.mm-counter+a.mm-next+label.mm-toggle{right:100px}
em.mm-counter+a.mm-next+label.mm-check+a,em.mm-counter+a.mm-next+label.mm-check+span,em.mm-counter+a.mm-next+label.mm-toggle+a,em.mm-counter+a.mm-next+label.mm-toggle+span{margin-right:90px}
.mm-menu label.mm-toggle{background:rgba(0,0,0,.1)}
.mm-menu label.mm-toggle:before{background:#f3f3f3}
.mm-menu input.mm-toggle:checked~label.mm-toggle{background:#4bd963}
.mm-menu label.mm-check:before{border-color:rgba(0,0,0,.7)}
.mm-listview.mm-border-none>li:after,.mm-menu.mm-border-none .mm-listview>li:after{content:none}
.mm-listview.mm-border-full>li:after,.mm-menu.mm-border-full .mm-listview>li:after{left:0!important}
.mm-listview.mm-border-offset>li:after,.mm-menu.mm-border-offset .mm-listview>li:after{right:20px}
.mm-menu.mm-effect-menu-zoom{transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}
html.mm-opened .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(.7,.7) translate3d(-30%,0,0);transform:scale(.7,.7) translate3d(-30%,0,0);-webkit-transform-origin:left center;transform-origin:left center}
html.mm-opening .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)}
html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(.7,.7) translate3d(30%,0,0);transform:scale(.7,.7) translate3d(30%,0,0);-webkit-transform-origin:right center;transform-origin:right center}
html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)}
.mm-menu.mm-effect-menu-slide{transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}
html.mm-opened .mm-menu.mm-effect-menu-slide{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}
html.mm-opening .mm-menu.mm-effect-menu-slide{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}
html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-menu.mm-effect-menu-fade{opacity:0;transition:opacity .4s ease}
html.mm-opening .mm-menu.mm-effect-menu-fade{opacity:1}
.mm-menu.mm-effect-panels-zoom .mm-panel{-webkit-transform:scale(1.5,1.5) translate3d(100%,0,0);transform:scale(1.5,1.5) translate3d(100%,0,0);-webkit-transform-origin:left center;transform-origin:left center}
.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)}
.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened{-webkit-transform:scale(.7,.7) translate3d(-30%,0,0);transform:scale(.7,.7) translate3d(-30%,0,0)}
.mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li{transition:none .4s ease}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(1){transition-delay:50ms}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(2){transition-delay:.1s}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(3){transition-delay:150ms}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(4){transition-delay:.2s}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(5){transition-delay:250ms}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(6){transition-delay:.3s}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(7){transition-delay:350ms}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(8){transition-delay:.4s}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(9){transition-delay:450ms}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(10){transition-delay:.5s}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(11){transition-delay:550ms}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(12){transition-delay:.6s}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(13){transition-delay:650ms}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(14){transition-delay:.7s}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(15){transition-delay:750ms}
.mm-menu.mm-effect-listitems-slide .mm-listview>li{transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);opacity:0}
html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview>li{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
.mm-menu.mm-effect-listitems-fade .mm-listview>li{transition-property:opacity;opacity:0}
html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview>li{opacity:1}
.mm-menu.mm-effect-listitems-drop .mm-listview>li{transition-property:opacity,top;opacity:0;top:-25%}
html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview>li{opacity:1;top:0}
.mm-menu.mm-fullscreen{width:100%;min-width:140px;max-width:10000px}
html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
@media all and (max-width:140px){html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:10000px){html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(10000px,0,0);transform:translate3d(10000px,0,0)}
}
html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
@media all and (max-width:140px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}
}
@media all and (min-width:10000px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(-10000px,0,0);transform:translate3d(-10000px,0,0)}
}
.mm-menu.mm-fullscreen.mm-bottom,.mm-menu.mm-fullscreen.mm-top{height:100%;min-height:140px;max-height:10000px}
html.mm-opened.mm-fullscreen .mm-page{box-shadow:none!important}
.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>a,.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>span,.mm-menu.mm-multiline .mm-listview>li>a,.mm-menu.mm-multiline .mm-listview>li>span{text-overflow:clip;white-space:normal}
html.mm-pagedim #mm-blocker,html.mm-pagedim-black #mm-blocker,html.mm-pagedim-white #mm-blocker{opacity:0}
html.mm-pagedim-black.mm-opening #mm-blocker,html.mm-pagedim-white.mm-opening #mm-blocker,html.mm-pagedim.mm-opening #mm-blocker{opacity:.3;transition:opacity .4s ease .4s}
html.mm-pagedim #mm-blocker{background:inherit}
html.mm-pagedim-white #mm-blocker{background:#fff}
html.mm-pagedim-black #mm-blocker{background:#000}
.mm-menu.mm-pageshadow:after{content:"";display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:99;box-shadow:0 0 10px rgba(0,0,0,.3)}
.mm-menu.mm-pageshadow.mm-right:after{left:auto;right:100%}
.mm-menu.mm-pageshadow.mm-front:after,.mm-menu.mm-pageshadow.mm-next:after{content:none;display:none}
.mm-menu.mm-popup{transition:opacity .4s ease;opacity:0;box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%;min-height:140px;max-height:880px;top:50%;left:50%;bottom:auto;right:auto;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
html.mm-popup.mm-opening .mm-menu.mm-popup{opacity:1}
html.mm-popup .mm-slideout{-webkit-transform:none!important;transform:none!important;z-index:0}
html.mm-popup #mm-blocker{transition-delay:0s!important;z-index:1}
html.mm-popup .mm-menu{z-index:2}
.mm-menu.mm-bottom,.mm-menu.mm-top{width:100%;min-width:100%;max-width:100%;height:80%;min-height:140px;max-height:880px}
.mm-menu.mm-right{left:auto;right:0}
html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}
@media all and (max-width:175px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}
}
@media all and (min-width:550px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}
}
html.mm-front .mm-slideout{-webkit-transform:none!important;transform:none!important;z-index:0}
html.mm-front #mm-blocker{z-index:1}
html.mm-front .mm-menu{z-index:2}
.mm-menu.mm-front,.mm-menu.mm-next{transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.mm-menu.mm-front.mm-right,.mm-menu.mm-next.mm-right{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.mm-menu.mm-top{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
.mm-menu.mm-bottom{top:auto;bottom:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
html.mm-opening .mm-menu.mm-front,html.mm-opening .mm-menu.mm-next{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-menu.mm-theme-dark{background:#333;border-color:rgba(0,0,0,.15);color:rgba(255,255,255,.8)}
.mm-menu.mm-theme-dark .mm-navbar a,.mm-menu.mm-theme-dark .mm-navbar>*,.mm-menu.mm-theme-dark em.mm-counter{color:rgba(255,255,255,.4)}
.mm-menu.mm-theme-dark .mm-btn:after,.mm-menu.mm-theme-dark .mm-btn:before{border-color:rgba(255,255,255,.4)}
.mm-menu.mm-theme-dark .mm-listview{border-color:rgba(0,0,0,.15)}
.mm-menu.mm-theme-dark .mm-listview>li .mm-arrow:after,.mm-menu.mm-theme-dark .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)}
.mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.1);tap-highlight-color:rgba(0,0,0,.1)}
.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.1)}
.mm-menu.mm-theme-dark .mm-divider,.mm-menu.mm-theme-dark .mm-fixeddivider span,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.05)}
.mm-menu.mm-theme-dark label.mm-check:before{border-color:rgba(255,255,255,.8)}
.mm-menu.mm-pageshadow.mm-theme-dark:after{box-shadow:0 0 20px rgba(0,0,0,.5)}
.mm-menu.mm-theme-dark .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.8)}
.mm-menu.mm-theme-dark .mm-indexer a,.mm-menu.mm-theme-dark .mm-noresultsmsg{color:rgba(255,255,255,.4)}
.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.1)}
.mm-menu.mm-theme-dark label.mm-toggle{background:rgba(0,0,0,.15)}
.mm-menu.mm-theme-dark label.mm-toggle:before{background:#333}
.mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle{background:#4bd963}
.mm-menu.mm-theme-white{background:#fff;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.6)}
.mm-menu.mm-theme-white .mm-navbar a,.mm-menu.mm-theme-white .mm-navbar>*,.mm-menu.mm-theme-white em.mm-counter{color:rgba(0,0,0,.3)}
.mm-menu.mm-theme-white .mm-btn:after,.mm-menu.mm-theme-white .mm-btn:before{border-color:rgba(0,0,0,.3)}
.mm-menu.mm-theme-white .mm-listview{border-color:rgba(0,0,0,.1)}
.mm-menu.mm-theme-white .mm-listview>li .mm-arrow:after,.mm-menu.mm-theme-white .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}
.mm-menu.mm-theme-white .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.05);tap-highlight-color:rgba(0,0,0,.05)}
.mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-white .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.05)}
.mm-menu.mm-theme-white .mm-divider,.mm-menu.mm-theme-white .mm-fixeddivider span,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.03)}
.mm-menu.mm-theme-white label.mm-check:before{border-color:rgba(0,0,0,.6)}
.mm-menu.mm-pageshadow.mm-theme-white:after{box-shadow:0 0 10px rgba(0,0,0,.2)}
.mm-menu.mm-theme-white .mm-search input{background:rgba(0,0,0,.05);color:rgba(0,0,0,.6)}
.mm-menu.mm-theme-white .mm-indexer a,.mm-menu.mm-theme-white .mm-noresultsmsg{color:rgba(0,0,0,.3)}
.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.05)}
.mm-menu.mm-theme-white label.mm-toggle{background:rgba(0,0,0,.1)}
.mm-menu.mm-theme-white label.mm-toggle:before{background:#fff}
.mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle{background:#4bd963}
.mm-menu.mm-theme-black{background:#000;border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.6)}
.mm-menu.mm-theme-black .mm-navbar a,.mm-menu.mm-theme-black .mm-navbar>*,.mm-menu.mm-theme-black em.mm-counter{color:rgba(255,255,255,.4)}
.mm-menu.mm-theme-black .mm-btn:after,.mm-menu.mm-theme-black .mm-btn:before{border-color:rgba(255,255,255,.4)}
.mm-menu.mm-theme-black .mm-listview{border-color:rgba(255,255,255,.2)}
.mm-menu.mm-theme-black .mm-listview>li .mm-arrow:after,.mm-menu.mm-theme-black .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)}
.mm-menu.mm-theme-black .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.3);tap-highlight-color:rgba(255,255,255,.3)}
.mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-black .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.3)}
.mm-menu.mm-theme-black .mm-divider,.mm-menu.mm-theme-black .mm-fixeddivider span,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.2)}
.mm-menu.mm-theme-black label.mm-check:before{border-color:rgba(255,255,255,.6)}
.mm-menu.mm-pageshadow.mm-theme-black:after{content:none;display:none}
.mm-menu.mm-theme-black .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.6)}
.mm-menu.mm-theme-black .mm-indexer a,.mm-menu.mm-theme-black .mm-noresultsmsg{color:rgba(255,255,255,.4)}
.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.3)}
.mm-menu.mm-theme-black label.mm-toggle{background:rgba(255,255,255,.2)}
.mm-menu.mm-theme-black label.mm-toggle:before{background:#000}
.mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle{background:#4bd963}
.mm-menu .mm-tileview.mm-listview:after,.mm-menu.mm-tileview .mm-listview:after{content:'';display:block;clear:both}
.mm-menu .mm-tileview.mm-listview>li>.mm-next:after,.mm-menu .mm-tileview.mm-listview>li>.mm-next:before,.mm-menu.mm-tileview .mm-listview>li>.mm-next:after,.mm-menu.mm-tileview .mm-listview>li>.mm-next:before,.mm-menu.mm-tileview .mm-panel:after{content:none;display:none}
.mm-menu .mm-tileview.mm-listview>li,.mm-menu.mm-tileview .mm-listview>li{width:50%;height:0;padding:50% 0 0;float:left;position:relative}
.mm-menu .mm-tileview.mm-listview>li:after,.mm-menu.mm-tileview .mm-listview>li:after{left:0;top:0;border-right-width:1px;border-right-style:solid;z-index:-1}
.mm-menu .mm-tileview.mm-listview>li.mm-tile-xs,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xs{width:12.5%;padding-top:12.5%}
.mm-menu .mm-tileview.mm-listview>li.mm-tile-s,.mm-menu.mm-tileview .mm-listview>li.mm-tile-s{width:25%;padding-top:25%}
.mm-menu .mm-tileview.mm-listview>li.mm-tile-l,.mm-menu.mm-tileview .mm-listview>li.mm-tile-l{width:75%;padding-top:75%}
.mm-menu .mm-tileview.mm-listview>li.mm-tile-xl,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xl{width:100%;padding-top:100%}
.mm-menu .mm-tileview.mm-listview>li>a,.mm-menu .mm-tileview.mm-listview>li>span,.mm-menu.mm-tileview .mm-listview>li>a,.mm-menu.mm-tileview .mm-listview>li>span{line-height:1px;text-align:center;padding:50% 10px 0;margin:0;position:absolute;top:0;right:1px;bottom:1px;left:0}
.mm-menu .mm-tileview.mm-listview>li>.mm-next,.mm-menu.mm-tileview .mm-listview>li>.mm-next{width:auto}
.mm-menu.mm-tileview .mm-panel{padding-left:0;padding-right:0}
.mm-menu.mm-tileview .mm-listview{margin:0}




/*-------->Niklas-NAB-Landing-page<----------*/

.contact-form-right h2 {
   font-size: 1.6em;
    font-weight: bold;
    color: #2c83b9;
    
}

.contact-form-right {
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 5px;
    border: 3px solid #2c83b9;
	padding-bottom: 20px;
	margin-bottom: 40px;
   
}

.landing-page-content-left {
	padding-right: 20px;
}


.landing-page-nab {
	margin-top:0px;
}



/*-------->Niklas-Contact-Form-7<----------*/

.wpcf7-form{
	
padding-left:1em;
padding-right:1em;
}

.wpcf7-checkbox {width:100%;}
.wpcf7-form checkbox {
    border:none;
	margin-top:20px;
	width:50px;
}
.wpcf7-form checkbox option{
	margin-top:5px;
}



.wpcf7 label {
    color: #555;
    font-weight: bold!important;
    line-height: 2.2em;

}

.wpcf7 p {
	margin:0.2em;

}


.wpcf7 span.required {
    color: red;
    font-weight: bold;
}


.wpcf7 input {
		margin:3px 0;
}
	
.wpcf7 input, .wpcf7 textarea {
	border-radius: 4px;
	border:1px solid #ccc;
	padding:10px;
	width:100%;
}
.widget .wpcf7 input, .widget .wpcf7 textarea {width:100%;}


.wpcf7-submit {
    background-color:#30abe2;
    color:#fff;
	height:3em;
	border:none;
	padding-left:10px!important;
	background-repeat:no-repeat;
	width:100%;
	margin-top:10px;
	font-size:1.2em;
	background-size:50px 50px;
	border-radius: 4px;
	cursor: pointer;

}


.wpcf7-submit:hover {
	background-color:#2981ba!important;
	
	}
	
	.wpcf7 input[type="text"]:focus{
	background: #fbfbfb;
	
}

.fn-left {
	padding-right: 1em;
	float:left;
	width:50%;
}
 .ln-right {
	padding-left: 1em;
	float:left;
	width:50%;}

@media screen and (max-width: 799px) {
	
.wpcf7 input, .wpcf7 textarea {width:100%;}
.wpcf7-submit {width:100%!important}
.fn-left {
	clear:both;
	padding-right: 0em!important;
	width:100%;}
.ln-right {
	clear:both;
	padding-left: 0em!important;
	width:100%;}

}

.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 10px;
	font-size: 16px;
	background: #59a80f;
	border-color: #59a80f;
	color: #fff;
	margin: 0;
}
	
.wpcf7-response-output.wpcf7-spam-blocked, .wpcf7-response-output.wpcf7-validation-errors {
    font-weight: bold;
    color: red;
    font-size: 1.2em;
    border: 3px solid red;
    border-radius: 4px;
    padding: 10px;
}

.wpcf7 input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    font-weight: normal;
}

.wpcf7 select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    width: 100%;
	border-radius: 4px;
	border:1px solid #ccc;
    height: 2em;
    padding-left: 5px;
}

.wpcf7 span.wpcf7-not-valid-tip {
	
	color:#f00!important;
}
	
	


.screen-reader-response {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-response:focus {
clip: auto !important;
display: block;
height: auto;
left: 5px;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}



/*ENDE-------->Niklas-Contact-Form-7<----------*/

/* VP9 Error message
-----------------------------------------------*/

#vp9-unsupported-message {padding:10px 15px; border:solid 1px #eee;color:#777;text-align:center;}