@import url('style.responsive.css');
#vmix-main
{
   background: #FFFFFF;
   margin:0 auto;
   font-size: 14px;
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   position: relative;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor:default;
   overflow:hidden;
}
table, ul.vmix-hmenu
{
   font-size: 14px;
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
   margin: 0;
   padding: 0;
}

/* Reset buttons border. It's important for input and button tags. 
 * border-collapse should be separate for shadow in IE. 
 */
.vmix-button
{
   border: 0;
   border-collapse: separate;
   -webkit-border-radius: 0;
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
   background: #1C69B5;
   border-width: 0;
   padding:0 20px;
   margin:0 auto;
   height:32px;
}

.vmix-postcontent,
.vmix-postheadericons,
.vmix-postfootericons,
.vmix-blockcontent,
ul.vmix-vmenu a 
{
   text-align: left;
}

.vmix-postcontent,
.vmix-postcontent li,
.vmix-postcontent table,
.vmix-postcontent a,
.vmix-postcontent a:link,
.vmix-postcontent a:visited,
.vmix-postcontent a.visited,
.vmix-postcontent a:hover,
.vmix-postcontent a.hovered,
a,
a:link,
a:visited,
a.visited,
a:hover,
a.hovered
{
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 175%;
}

.vmix-postcontent p
{
   margin: 13px 0;
}

.vmix-postcontent h1, .vmix-postcontent h1 a, .vmix-postcontent h1 a:link, .vmix-postcontent h1 a:visited, .vmix-postcontent h1 a:hover,
.vmix-postcontent h2, .vmix-postcontent h2 a, .vmix-postcontent h2 a:link, .vmix-postcontent h2 a:visited, .vmix-postcontent h2 a:hover,
.vmix-postcontent h3, .vmix-postcontent h3 a, .vmix-postcontent h3 a:link, .vmix-postcontent h3 a:visited, .vmix-postcontent h3 a:hover,
.vmix-postcontent h4, .vmix-postcontent h4 a, .vmix-postcontent h4 a:link, .vmix-postcontent h4 a:visited, .vmix-postcontent h4 a:hover,
.vmix-postcontent h5, .vmix-postcontent h5 a, .vmix-postcontent h5 a:link, .vmix-postcontent h5 a:visited, .vmix-postcontent h5 a:hover,
.vmix-postcontent h6, .vmix-postcontent h6 a, .vmix-postcontent h6 a:link, .vmix-postcontent h6 a:visited, .vmix-postcontent h6 a:hover,
.vmix-blockheader .t, .vmix-blockheader .t a, .vmix-blockheader .t a:link, .vmix-blockheader .t a:visited, .vmix-blockheader .t a:hover,
.vmix-vmenublockheader .t, .vmix-vmenublockheader .t a, .vmix-vmenublockheader .t a:link, .vmix-vmenublockheader .t a:visited, .vmix-vmenublockheader .t a:hover,
.vmix-headline, .vmix-headline a, .vmix-headline a:link, .vmix-headline a:visited, .vmix-headline a:hover,
.vmix-slogan, .vmix-slogan a, .vmix-slogan a:link, .vmix-slogan a:visited, .vmix-slogan a:hover,
.vmix-postheader, .vmix-postheader a, .vmix-postheader a:link, .vmix-postheader a:visited, .vmix-postheader a:hover
{
   font-size: 22px;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 120%;
}

.vmix-postcontent a, .vmix-postcontent a:link, a, a:link
{
font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   
   font-style: normal;
   text-decoration: none;
   color: #1C69B5;
}

.vmix-postcontent a:visited, .vmix-postcontent a.visited, a:visited, a.visited
{
font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #1C69B5;
}

.vmix-postcontent  a:hover, .vmix-postcontent a.hover, a:hover, a.hover
{
font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
   color: #1C69B5;
}

.vmix-postcontent h1, h1
{
   color: #000000;
   margin: 10px 0;
   font-size: 26px;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.vmix-blockcontent h1
{
   margin: 10px 0 0;
   font-size: 26px;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.vmix-postcontent h1 a, .vmix-postcontent h1 a:link, .vmix-postcontent h1 a:hover, .vmix-postcontent h1 a:visited, 
.vmix-blockcontent h1 a, .vmix-blockcontent h1 a:link, .vmix-blockcontent h1 a:hover, .vmix-blockcontent h1 a:visited,
h1 a, h1 a:link, h1 a:hover, h1 a:visited
{
   font-size: 26px;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.vmix-postcontent h2, h2
{
   color: #1C69B5;
   margin: 10px 0;
   font-size: 26px;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.vmix-blockcontent h2
{
   margin: 10px 0 0;
   font-size: 26px;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.vmix-postcontent h2 a, .vmix-postcontent h2 a:link, .vmix-postcontent h2 a:hover, .vmix-postcontent h2 a:visited, 
.vmix-blockcontent h2 a, .vmix-blockcontent h2 a:link, .vmix-blockcontent h2 a:hover, .vmix-blockcontent h2 a:visited,
h2 a, h2 a:link, h2 a:hover, h2 a:visited 
{
   font-size: 26px;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.vmix-postcontent h3, h3
{
   color: #000000;
   margin: 10px 0;
   font-size: 22px;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

h3.downsub
{
   color: #000000;
   margin: 10px 0 15px 0;
   font-size: 18px;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

h3.downsub2
{
   color: #000000;
   margin: 10px 0;
   font-size: 18px;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: 600;
   font-style: normal;
}

.vmix-blockcontent h3
{
   margin: 10px 0 0;
   font-size: 20px;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: 600;
   font-style: normal;
}

.vmix-postcontent h3 a, .vmix-postcontent h3 a:link, .vmix-postcontent h3 a:hover, .vmix-postcontent h3 a:visited, .vmix-blockcontent h3 a,
.vmix-blockcontent h3 a:link, .vmix-blockcontent h3 a:hover, .vmix-blockcontent h3 a:visited,
h3 a, h3 a:link, h3 a:hover, h3 a:visited
{
   font-size: 20px;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: 600;
   font-style: normal;
}

.vmix-postcontent h4, h4
{
   color: #1C69B5;
   margin: 10px 0;
   font-size: 20px;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: 600;
   font-style: normal;
}

h4.relnote
{
   color: #1C69B5;
   margin: 10px 0;
   font-size: 18px;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: 600;
   font-style: normal;
}

.vmix-blockcontent h4
{
   margin: 10px 0 0;
   font-size: 20px;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: 600;
   font-style: normal;
}

.vmix-postcontent h4 a, .vmix-postcontent h4 a:link, .vmix-postcontent h4 a:hover, .vmix-postcontent h4 a:visited, 
.vmix-blockcontent h4 a, .vmix-blockcontent h4 a:link, .vmix-blockcontent h4 a:hover, .vmix-blockcontent h4 a:visited,
h4 a, h4 a:link, h4 a:hover, h4 a:visited 
{
   font-size: 20px;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: 600;
   font-style: normal;
}

.vmix-postcontent h5, h5
{
   color: #1C69B5;
   margin: 10px 0;
   font-size: 18px;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: 600;
}

h2.supphar-h2
{
   color: #1C69B5;
   margin: 10px 5px;
   font-size: 20px;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: 600;
}

.vmix-blockcontent h5
{
   margin: 10px 0 0;
   font-size: 16px;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.vmix-postcontent h5 a, .vmix-postcontent h5 a:link, .vmix-postcontent h5 a:hover, .vmix-postcontent h5 a:visited, 
.vmix-blockcontent h5 a, .vmix-blockcontent h5 a:link, .vmix-blockcontent h5 a:hover, .vmix-blockcontent h5 a:visited ,
h5 a, h1 a:link, h5 a:hover, h5 a:visited
{
   font-size: 18px;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.vmix-postcontent h6, h6
{
   color: #000;
   margin: 10px 0 15px 0;
   font-size: 16px;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: 600;
}

.vmix-blockcontent h6
{
   margin: 10px 0 0;
   font-size: 16px;
   font-family: Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.vmix-postcontent h6 a, .vmix-postcontent h6 a:link, .vmix-postcontent h6 a:hover, .vmix-postcontent h6 a:visited, 
.vmix-blockcontent h6 a, .vmix-blockcontent h6 a:link, .vmix-blockcontent h6 a:hover, .vmix-blockcontent h6 a:visited,
h6 a, h6 a:link, h6 a:hover, h6 a:visited
{
   font-size: 16px;
   font-family: Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

header, footer, article, nav, #vmix-hmenu-bg, .vmix-sheet, .vmix-hmenu a, .vmix-vmenu a, .vmix-slidenavigator > a, .vmix-checkbox:before, .vmix-radiobutton:before
{
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
}

header, footer, article, nav, #vmix-hmenu-bg, .vmix-sheet, .vmix-slidenavigator > a, .vmix-checkbox:before, .vmix-radiobutton:before
{
   display: block;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

ul
{
   list-style-type: none;
}

ol
{
   list-style-position: inside;
}

html, body
{
   height: 100%;
}

/**
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * https://github.com/necolas/normalize.css
 */

html {
   -ms-text-size-adjust: 100%;
   /* 2 */
    -webkit-text-size-adjust: 100%;
/* 2 */}

body
{
   padding: 0;
   margin:0;
   min-width: 1100px;
   color: #000000;
}

.vmix-header:before, 
#vmix-header-bg:before, 
.vmix-layout-cell:before, 
.vmix-layout-wrapper:before, 
.vmix-footer:before, 
.vmix-nav:before, 
#vmix-hmenu-bg:before, 
.vmix-sheet:before 
{
   width: 100%;
   content: " ";
   display: table;
   border-collapse: collapse;
   border-spacing: 0;
}

.vmix-header:after, 
#vmix-header-bg:after, 
.vmix-layout-cell:after, 
.vmix-layout-wrapper:after, 
.vmix-footer:after, 
.vmix-nav:after, 
#vmix-hmenu-bg:after, 
.vmix-sheet:after,
.cleared, .clearfix:after 
{
   clear: both;
   font: 0/0 serif;
   display: block;
   content: " ";
}

form
{
   padding: 0 !important;
   margin: 0 !important;
}

table.position
{
   position: relative;
   width: 100%;
   table-layout: fixed;
}

li h1, .vmix-postcontent li h1, .vmix-blockcontent li h1 
{
   margin:1px;
} 
li h2, .vmix-postcontent li h2, .vmix-blockcontent li h2 
{
   margin:1px;
} 
li h3, .vmix-postcontent li h3, .vmix-blockcontent li h3 
{
   margin:1px;
} 
li h4, .vmix-postcontent li h4, .vmix-blockcontent li h4 
{
   margin:1px;
} 
li h5, .vmix-postcontent li h5, .vmix-blockcontent li h5 
{
   margin:1px;
} 
li h6, .vmix-postcontent li h6, .vmix-blockcontent li h6 
{
   margin:1px;
} 
li p, .vmix-postcontent li p, .vmix-blockcontent li p 
{
   margin:1px;
}


.vmix-shapes
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   overflow: hidden;
   z-index: 0;
}

.vmix-slider-inner {
   position: relative;
   overflow: hidden;
   width: 100%;
   height: 100%;
}

.vmix-slidenavigator > a {
   display: inline-block;
   vertical-align: middle;
   outline-style: none;
   font-size: 1px;
}

.vmix-slidenavigator > a:last-child {
   margin-right: 0 !important;
}

.vmix-logo
{
    display: block;
    left: 0;
    position: absolute;
    top: 21px;
    width: 207px;
    height: 76px;
    background-image: url('http://www.vmix.com/images/vMix-Logo.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    z-index: 1;
}

.vmix-toplinks{
    position: absolute;
    right: 0;
    top: 12px;
    font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-size: 14px;
    color: #000;
    width: 200px;
    height: 100%;
    font-weight: 600;
}

.vmix-toplinks a, .vmix-toplinks a:link, .vmix-toplinks a:visited
{
    color: #000;
    text-decoration: none;
}

.vmix-toplinks a:hover
{
   color: #1C69B5;
   text-decoration: underline;
}

.vmix-toplinks p{
    text-align: center;
}

.vmix-social-icons
{
    text-align: center;
}

.vmix-social-icons img
{
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 5px 4px 0 4px;
}

.vmix-textblock ul > li
{
    background-position-y: 1px !important;
}

.vmix-searchbox
{  
    z-index: 101;
  width: 200px;
  height: 28px;
}

.default-responsive .vmix-searchbox
{
    background-image: none;
  }

.gsc-result .gs-title {
    height: 1.6em !important;
}

.vmix-header
{
   margin:0 auto;
   background-color: #FFF;
   height: 120px;
   position:relative;
}

.vmix-header-inner{
   position: relative;
   width: 1100px;
   z-index: auto !important;
   margin: 0 auto;
}

.vmix-header>.widget 
{
   position:absolute;
   z-index:101;
}

.vmix-nav
{
   background: #D9DEE3;
   margin:0 auto;
   position: relative;
   z-index: 499;
}

ul.vmix-hmenu a, ul.vmix-hmenu a:link, ul.vmix-hmenu a:visited, ul.vmix-hmenu a:hover 
{
   outline: none;
   position: relative;
   z-index: 11;
   font-weight: normal !important;
}

ul.vmix-hmenu, ul.vmix-hmenu ul
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
}

ul.vmix-hmenu li
{
   position: relative;
   z-index: 5;
   display: block;
   float: left;
   background: none;
   margin: 0;
   padding: 0;
   border: 0;
}

ul.vmix-hmenu li:hover
{
   z-index: 10000;
   white-space: normal;
}

ul.vmix-hmenu:after, ul.vmix-hmenu ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}

ul.vmix-hmenu, ul.vmix-hmenu ul 
{
   min-height: 0;
}

ul.vmix-hmenu 
{
   display: inline-block;
   vertical-align: bottom;
   padding-left: 0;
   padding-right: 0;
}

.vmix-nav-inner:before 
{
   content:' ';
}

.vmix-nav-inner{
   text-align: left;
   margin:0 auto;
   width: 1080px;
}

.desktop  .vmix-nav-inner{
   width: 1080px;
   padding-left: 0;
   padding-right: 0;
   margin: 0 auto;
}

.desktop .vmix-nav
{
   padding-left: 0;
   padding-right: 0;
}

.vmix-hmenu-extra1
{
   position: relative;
   display: block;
   float: left;
   width: auto;
   height: auto;
   background-position: center;
}

.vmix-hmenu-extra2
{
   position: relative;
   display: block;
   float: right;
   width: auto;
   height: auto;
   background-position: center;
}

.vmix-hmenu
{
   float: left;
}

.vmix-menuitemcontainer
{
   margin:0 auto;
}
ul.vmix-hmenu>li {
   margin-left: 0;
}
ul.vmix-hmenu>li:first-child {
   margin-left: 0;
}
ul.vmix-hmenu>li:last-child, ul.vmix-hmenu>li.last-child {
   margin-right: 0;
}

ul.vmix-hmenu>li>a
{
   padding:0 30px;
   margin:0 auto;
   position: relative;
   display: block;
   height: 47px;
   cursor: pointer;
   text-decoration: none;
   color: #000000;
   line-height: 47px;
   text-align: center;
}

.vmix-hmenu>li>a, 
.vmix-hmenu>li>a:link, 
.vmix-hmenu>li>a:visited, 
.vmix-hmenu>li>a.active, 
.vmix-hmenu>li>a:hover
{
   font-size: 14px;
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   text-transform: uppercase;
   text-align: left;
}

ul.vmix-hmenu>li>a.active, ul.vmix-hmenu>li.active>a, ul.vmix-hmenu>li.selected>a
{
   background: #1C69B5;
   padding:0 30px;
   margin:0 auto;
   color: #FFFFFF;
   text-decoration: none;
}

ul.vmix-hmenu>li>a:visited, 
ul.vmix-hmenu>li>a:hover, 
ul.vmix-hmenu>li:hover>a {
   text-decoration: none;
}

ul.vmix-hmenu>li>a:hover, .desktop ul.vmix-hmenu>li:hover>a
{
   background: #1C69B5;
   padding:0 30px;
   margin:0 auto;
}
ul.vmix-hmenu>li>a:hover, 
.desktop ul.vmix-hmenu>li:hover>a {
   color: #FFFFFF;
   text-decoration: none;
}

ul.vmix-hmenu li li a
{
   background: #B9C2CB;
   background: transparent;
   padding:0 8px;
   margin:0 auto;
}
ul.vmix-hmenu li li 
{
   float: none;
   width: auto;
   margin-top: 0;
   margin-bottom: 0;
}

.desktop ul.vmix-hmenu li li ul>li:first-child 
{
   margin-top: 0;
}

ul.vmix-hmenu li li ul>li:last-child 
{
   margin-bottom: 0;
}

.vmix-hmenu ul a
{
   display: block;
   white-space: nowrap;
   height: 28px;
   min-width: 7em;
   border: 0 solid transparent;
   text-align: left;
   line-height: 28px;
   color: #FFFFFF;
   font-size: 14px;
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   margin:0;
}

.vmix-hmenu ul a:link, 
.vmix-hmenu ul a:visited, 
.vmix-hmenu ul a.active, 
.vmix-hmenu ul a:hover
{
   text-align: left;
   line-height: 28px;
   color: #FFFFFF;
   font-size: 14px;
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   margin:0;
}

ul.vmix-hmenu ul li a:hover, .desktop ul.vmix-hmenu ul li:hover>a, ul.vmix-hmenu ul li a.active
{
   background: #0E365D;
   margin:0 auto;
}
.vmix-hmenu ul a:hover
{
   text-decoration: none;
   color: #FFFFFF;
}

.desktop .vmix-hmenu ul li:hover>a
{
   color: #FFFFFF;
}

ul.vmix-hmenu ul:before
{
   background: #1C69B5;
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   z-index: 1;
}
.desktop ul.vmix-hmenu li:hover>ul {
   visibility: visible;
   top: 100%;
}
.desktop ul.vmix-hmenu li li:hover>ul {
   top: 0;
   left: 100%;
}

ul.vmix-hmenu ul
{
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background-image: url('http://www.vmix.com/images/spacer.gif');
}

.desktop ul.vmix-hmenu>li>ul
{
   padding: 11px 31px 31px 31px;
   margin: -10px 0 0 -30px;
}

.desktop ul.vmix-hmenu ul ul
{
   padding: 31px 31px 31px 11px;
   margin: -31px 0 0 -9px;
}

.desktop ul.vmix-hmenu ul.vmix-hmenu-left-to-right 
{
   right: auto;
   left: 0;
   margin: -10px 0 0 -30px;
}

.desktop ul.vmix-hmenu ul.vmix-hmenu-right-to-left 
{
   left: auto;
   right: 0;
   margin: -10px -30px 0 0;
}

.desktop ul.vmix-hmenu li li:hover>ul.vmix-hmenu-left-to-right {
   right: auto;
   left: 100%;
}
.desktop ul.vmix-hmenu li li:hover>ul.vmix-hmenu-right-to-left {
   left: auto;
   right: 100%;
}

.desktop ul.vmix-hmenu ul ul.vmix-hmenu-left-to-right
{
   right: auto;
   left: 0;
   padding: 31px 31px 31px 11px;
   margin: -31px 0 0 -9px;
}

.desktop ul.vmix-hmenu ul ul.vmix-hmenu-right-to-left
{
   left: auto;
   right: 0;
   padding: 31px 11px 31px 31px;
   margin: -31px -9px 0 0;
}

.desktop ul.vmix-hmenu li ul>li:first-child {
   margin-top: 0;
}
.desktop ul.vmix-hmenu li ul>li:last-child {
   margin-bottom: 0;
}

.desktop ul.vmix-hmenu ul ul:before
{
   border-radius: 0;
   top: 30px;
   bottom: 30px;
   right: 30px;
   left: 10px;
}

.desktop ul.vmix-hmenu>li>ul:before
{
   top: 10px;
   right: 30px;
   bottom: 30px;
   left: 30px;
}

.desktop ul.vmix-hmenu>li>ul.vmix-hmenu-left-to-right:before {
   right: 30px;
   left: 30px;
}
.desktop ul.vmix-hmenu>li>ul.vmix-hmenu-right-to-left:before {
   right: 30px;
   left: 30px;
}
.desktop ul.vmix-hmenu ul ul.vmix-hmenu-left-to-right:before {
   right: 30px;
   left: 10px;
}
.desktop ul.vmix-hmenu ul ul.vmix-hmenu-right-to-left:before {
   right: 10px;
   left: 30px;
}

.vmix-sheet
{
   background: #FFFFFF;
   margin: 10px auto;
   position:relative;
   cursor:auto;
   width: 1100px;
   z-index: auto !important;
   padding: 10px 0;
}

.vmix-layout-wrapper
{
   position: relative;
   margin: 0 auto 0 auto;
   z-index: auto !important;
}

.vmix-content-layout
{
   display: table;
   width: 100%;
   table-layout: fixed;
}

.vmix-content-layout-row 
{
   display: table-row;
}

.vmix-layout-cell
{
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   display: table-cell;
   vertical-align: top;
}

/* need only for content layout in post content */ 
.vmix-postcontent .vmix-content-layout
{
   border-collapse: collapse;
}

.vmix-vmenublock
{
   background: #D9DEE3;
   margin:10px;
}
div.vmix-vmenublock img
{
   margin: 0;
}

.vmix-vmenublockcontent
{
   margin:0 auto;
}

ul.vmix-vmenu, ul.vmix-vmenu ul
{
   list-style: none;
   display: block;
}

ul.vmix-vmenu, ul.vmix-vmenu li
{
   display: block;
   margin: 0;
   padding: 0;
   width: auto;
   line-height: 0;
}

ul.vmix-vmenu
{
   margin-top: 0;
   margin-bottom: 0;
}

ul.vmix-vmenu ul
{
   display: none;
   margin: 0;
   padding: 0;
   position: relative;
}

ul.vmix-vmenu ul.active
{
   display: block;
}

ul.vmix-vmenu>li>a
{
   padding:0 15px;
   margin:0 auto;
   font-size: 14px;
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   color: #000000;
   min-height: 30px;
   line-height: 30px;
}
ul.vmix-vmenu a 
{
   display: block;
   cursor: pointer;
   z-index: 1;
   position:relative;
}

ul.vmix-vmenu li{
   position:relative;
}

ul.vmix-vmenu>li
{
   margin-top: 4px;
}
ul.vmix-vmenu>li>ul
{
   padding: 0;
   margin-top: 4px;
   margin-bottom: 4px;
}
ul.vmix-vmenu>li:first-child
{
   margin-top:0;
}

ul.vmix-vmenu>li>a:hover, ul.vmix-vmenu>li>a.active:hover
{
   background: #1C69B5;
   padding:0 15px;
   margin:0 auto;
}
ul.vmix-vmenu>li>a:hover, ul.vmix-vmenu>li>a.active:hover
{
   text-decoration: none;
}

ul.vmix-vmenu a:hover, ul.vmix-vmenu a.active:hover 
{
   color: #FFFFFF;
}

ul.vmix-vmenu>li>a.active:hover>span.border-top, ul.vmix-vmenu>li>a.active:hover>span.border-bottom 
{
   background-color: transparent;
}

ul.vmix-vmenu>li>a.active
{
   background: #1C69B5;
   padding:0 15px;
   margin:0 auto;
   text-decoration: none;
   color: #FFFFFF;
}

ul.vmix-vmenu>li>ul:before
{
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

ul.vmix-vmenu li li a
{
   margin:0 auto;
   position: relative;
}
ul.vmix-vmenu ul li
{
   margin: 0;
   padding: 0;
}
ul.vmix-vmenu li li{
   position: relative;
   margin-top: 0;
}

ul.vmix-vmenu ul a
{
   display: block;
   position: relative;
   min-height: 22px;
   overflow: visible;
   padding: 0;
   padding-left: 27px;
   padding-right: 27px;
   z-index: 0;
   line-height: 22px;
   color: #000000;
   font-size: 14px;
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   margin-left: 0;
   margin-right: 0;
}

ul.vmix-vmenu ul a:visited, ul.vmix-vmenu ul a.active:hover, ul.vmix-vmenu ul a:hover, ul.vmix-vmenu ul a.active
{
   line-height: 22px;
   color: #000000;
   font-size: 14px;
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   margin-left: 0;
   margin-right: 0;
}

ul.vmix-vmenu ul ul a
{
   padding-left: 54px;
}
ul.vmix-vmenu ul ul ul a
{
   padding-left: 81px;
}
ul.vmix-vmenu ul ul ul ul a
{
   padding-left: 108px;
}
ul.vmix-vmenu ul ul ul ul ul a
{
   padding-left: 135px;
}

ul.vmix-vmenu ul>li>a:hover, ul.vmix-vmenu ul>li>a.active:hover
{
   background: #B9C2CB;
   margin:0 auto;
}
ul.vmix-vmenu ul li a:hover, ul.vmix-vmenu ul li a.active:hover
{
   text-decoration: none;
   color: #000000;
}

ul.vmix-vmenu ul a:hover:after
{
   background-position: center ;
}
ul.vmix-vmenu ul a.active:hover:after
{
   background-position: center ;
}
ul.vmix-vmenu ul a.active:after
{
   background-position: bottom ;
}

ul.vmix-vmenu ul>li>a.active
{
   background: #B9C2CB;
   margin:0 auto;
}
ul.vmix-vmenu ul a.active, ul.vmix-vmenu ul a:hover, ul.vmix-vmenu ul a.active:hover
{
   text-decoration: none;
   color: #000000;
}

.vmix-block
{
   background: #D9DEE3;
   padding:7px;
   margin:10px;
}
div.vmix-block img
{
   border: none;
   margin: 0;
}

.vmix-blockheader
{
   padding:6px 5px;
   margin:0 auto;
}
.vmix-blockheader .t,
.vmix-blockheader .t a,
.vmix-blockheader .t a:link,
.vmix-blockheader .t a:visited, 
.vmix-blockheader .t a:hover
{
   color: #000000;
   font-size: 22px;
   font-family: Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   margin: 0 5px;
}

.vmix-blockcontent
{
   padding:5px;
   margin:0 auto;
   color: #000000;
   font-size: 14px;
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 175%;
}
.vmix-blockcontent table,
.vmix-blockcontent li, 
.vmix-blockcontent a,
.vmix-blockcontent a:link,
.vmix-blockcontent a:visited,
.vmix-blockcontent a:hover
{
   color: #000000;
   font-size: 14px;
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 175%;
}

.vmix-blockcontent p
{
   margin: 0 5px;
}

.vmix-blockcontent a, .vmix-blockcontent a:link
{
   color: #1C69B5;
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.vmix-blockcontent a:visited, .vmix-blockcontent a.visited
{
   color: #1C69B5;
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.vmix-blockcontent a:hover, .vmix-blockcontent a.hover
{
   color: #1C69B5;
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}
.vmix-block ul>li:before
{
   content:url('http://www.vmix.com/images/blockbullets.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   margin-left: -13px;
}
.opera .vmix-block ul>li:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.vmix-block li
{
   font-size: 14px;
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 175%;
   color: #000000;
   margin: 5px 0 0 10px;
}

.vmix-block ul>li, .vmix-block ol
{
   padding: 0;
}

.vmix-block ul>li
{
   padding-left: 13px;
}

.vmix-breadcrumbs
{
   margin:0 auto;
}

.vmix-breadcrumb
{
    text-align: center;
    color: #FFF;
       font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       font-size: 13px;
       margin-top: 7px;
}

.vmix-breadcrumb a,
.vmix-breadcrumb a:link,
.vmix-breadcrumb a:visited,
.vmix-breadcrumb a:hover
{
    color: #FFF;
    margin: 0 8px;
       font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       font-weight: 400;
}

.vmix-breadcrumb .currentpage
{
    font-weight: bold;
    padding-left: 8px;
}

.vmix-breadcrumb .kbbclabel
{
padding-left: 8px;
padding-right: 8px;
}

a.vmix-button.backtokb,
a.vmix-button.backtokb:link,
a.vmix-button.backtokb:visited,
a.vmix-button.backtokb:hover
{
margin-bottom: 15px !important;
}

a.vmix-button,
a.vmix-button:link,
a:link.vmix-button:link,
body a.vmix-button:link,
a.vmix-button:visited,
body a.vmix-button:visited,
input.vmix-button,
button.vmix-button
{
   text-decoration: none;
   font-size: 14px;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: 600;
   font-style: normal;
   position:relative;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   color: #FFFFFF;
   margin: 0;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
   line-height: 32px;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
}

.vmix-button img
{
   margin: 0;
   vertical-align: middle;
}

.firefox2 .vmix-button
{
   display: block;
   float: left;
}

input, select, textarea, a.vmix-search-button span, select:focus
{
   vertical-align: middle;
   font-size: 14px;
font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: 600;
   font-style: normal;
}

select, select:focus{
    border: 1px solid #a9a9a9;
}

.vmix-block select 
{
   width:96%;
}

input.vmix-button
{
   float: none !important;
   -webkit-appearance: none;
}

.vmix-button.active, .vmix-button.active:hover
{
   background: #0E365D;
   border-width: 0;
   padding:0 20px;
   margin:0 auto;
}
.vmix-button.active, .vmix-button.active:hover {
   color: #FFFFFF !important;
}

.vmix-button.hover, .vmix-button:hover
{
   background: #0E365D;
   border-width: 0;
   padding:0 20px;
   margin:0 auto;
   text-decoration: none !important;
}
.vmix-button.hover, .vmix-button:hover {
   color: #FFFFFF !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea
{
   background: #EDF0F2;
   background: -webkit-linear-gradient(top, #D0D6DC 0, #F0F2F4 40%, #F3F5F6 50%, #F3F5F6 100%) no-repeat;
   background: -moz-linear-gradient(top, #D0D6DC 0, #F0F2F4 40%, #F3F5F6 50%, #F3F5F6 100%) no-repeat;
   background: -o-linear-gradient(top, #D0D6DC 0, #F0F2F4 40%, #F3F5F6 50%, #F3F5F6 100%) no-repeat;
   background: -ms-linear-gradient(top, #D0D6DC 0, #F0F2F4 40%, #F3F5F6 50%, #F3F5F6 100%) no-repeat;
   -svg-background: linear-gradient(top, #D0D6DC 0, #F0F2F4 40%, #F3F5F6 50%, #F3F5F6 100%) no-repeat;
   background: linear-gradient(to bottom, #D0D6DC 0, #F0F2F4 40%, #F3F5F6 50%, #F3F5F6 100%) no-repeat;
   border:1px solid #B9C2CB;
   margin:0 auto;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea
{
   width: 100%;
   padding: 4px 0;
   color: #000000 !important;
   font-size: 14px;
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-shadow: none;
}
input.vmix-error, textarea.vmix-error
{
   background: #F6FAFE;
   border:1px solid #E2341D;
   margin:0 auto;
}
input.vmix-error, textarea.vmix-error {
   color: #16528D !important;
   font-size: 14px;
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}
form.vmix-search input[type="text"]
{
   background: #FFFFFF;
   background: -webkit-linear-gradient(top, #D6D6D6 0, #F2F2F2 40%, #F5F5F5 50%, #F5F5F5 100%) no-repeat;
   background: -moz-linear-gradient(top, #D6D6D6 0, #F2F2F2 40%, #F5F5F5 50%, #F5F5F5 100%) no-repeat;
   background: -o-linear-gradient(top, #D6D6D6 0, #F2F2F2 40%, #F5F5F5 50%, #F5F5F5 100%) no-repeat;
   background: -ms-linear-gradient(top, #D6D6D6 0, #F2F2F2 40%, #F5F5F5 50%, #F5F5F5 100%) no-repeat;
   -svg-background: linear-gradient(top, #D6D6D6 0, #F2F2F2 40%, #F5F5F5 50%, #F5F5F5 100%) no-repeat;
   background: linear-gradient(to bottom, #D6D6D6 0, #F2F2F2 40%, #F5F5F5 50%, #F5F5F5 100%) no-repeat;
   border-radius: 0;
   border:1px solid #B9C2CB;
   margin:0 auto;
   width: 100%;
   padding: 4px 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   color: #000000 !important;
   font-size: 14px;
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

input.gsc-input
{
   padding-top: 0 !important;
   padding-bottom: 0 !important;
}

table.gsc-search-box td
{
   vertical-align: top !important;
}

input.gsc-search-button-v2
{
    margin-top: 0 !important;
}

.vmix-header td.gsib_a
{
    padding: 5px 0 0 5px !important;
}

.vmix-sheet td.gsib_a
{
    padding: 0 0 0 5px !important;
}

form.vmix-search 
{
   background-image: none;
   border: 0;
   display:block;
   position:relative;
   top:0;
   padding:0;
   margin:5px;
   left:0;
   line-height: 0;
}

form.vmix-search input, a.vmix-search-button
{
   -webkit-appearance: none;
   top:0;
   right:0;
}

form.vmix-search>input, a.vmix-search-button{
   bottom:0;
   left:0;
   vertical-align: middle;
}

form.vmix-search input[type="submit"], input.vmix-search-button, a.vmix-search-button
{
   border-radius: 0;
   margin:0 auto;
}
form.vmix-search input[type="submit"], input.vmix-search-button, a.vmix-search-button {
   position:absolute;
   left:auto;
   display:block;
   border:none;
   background:url('http://www.vmix.com/images/searchicon.png') center center no-repeat;
   width:24px;
   height: 100%;
   padding:0;
   color: #FFFFFF !important;
   cursor: pointer;
}

a.vmix-search-button span.vmix-search-button-text {
   display: none;
}

label.vmix-checkbox:before
{
   background: #F6FAFE;
   -webkit-border-radius:1px;
   -moz-border-radius:1px;
   border-radius:1px;
   border-width: 0;
   margin:0 auto;
   width:16px;
   height:16px;
}
label.vmix-checkbox
{
   cursor: pointer;
   font-size: 14px;
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 16px;
   display: inline-block;
   color: #364049 !important;
}

.vmix-checkbox>input[type="checkbox"]
{
   margin: 0 5px 0 0;
}

label.vmix-checkbox.active:before
{
   background: #419CF6;
   -webkit-border-radius:1px;
   -moz-border-radius:1px;
   border-radius:1px;
   border-width: 0;
   margin:0 auto;
   width:16px;
   height:16px;
   display: inline-block;
}

label.vmix-checkbox.hovered:before
{
   background: #D9DEE3;
   -webkit-border-radius:1px;
   -moz-border-radius:1px;
   border-radius:1px;
   border-width: 0;
   margin:0 auto;
   width:16px;
   height:16px;
   display: inline-block;
}

label.vmix-radiobutton:before
{
   background: #F6FAFE;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   border-width: 0;
   margin:0 auto;
   width:12px;
   height:12px;
}
label.vmix-radiobutton
{
   cursor: pointer;
   font-size: 14px;
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 12px;
   display: inline-block;
   color: #364049 !important;
}

.vmix-radiobutton>input[type="radio"]
{
   vertical-align: baseline;
   margin: 0 5px 0 0;
}

label.vmix-radiobutton.active:before
{
   background: #B9C2CB;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   border-width: 0;
   margin:0 auto;
   width:12px;
   height:12px;
   display: inline-block;
}

label.vmix-radiobutton.hovered:before
{
   background: #D9DEE3;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   border-width: 0;
   margin:0 auto;
   width:12px;
   height:12px;
   display: inline-block;
}

.vmix-comments
{
   border-top:1px dotted #A1ADBA;
   margin:0 auto;
   margin-top: 25px;
}

.vmix-comments h2
{
   color: #23292F;
}

.vmix-comment-inner
{
   -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   padding:5px;
   margin:0 auto;
   margin-left: 96px;
}
.vmix-comment-avatar 
{
   float:left;
   width:80px;
   height:80px;
   padding:2px;
   background:#fff;
   border:1px solid #D7E8F9;
}

.vmix-comment-avatar>img
{
   margin:0 !important;
   border:none !important;
}

.vmix-comment-content
{
   padding:10px 0;
   color: #11406E;
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.vmix-comment
{
   margin-top: 6px;
}

.vmix-comment:first-child
{
   margin-top: 0;
}

.vmix-comment-header
{
   color: #23292F;
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 100%;
}

.vmix-comment-header a, 
.vmix-comment-header a:link, 
.vmix-comment-header a:visited,
.vmix-comment-header a.visited,
.vmix-comment-header a:hover,
.vmix-comment-header a.hovered
{
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 100%;
}

.vmix-comment-header a, .vmix-comment-header a:link
{
   font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: 600;
   font-style: normal;
   color: #758799;
}

.vmix-comment-header a:visited, .vmix-comment-header a.visited
{
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #758799;
}

.vmix-comment-header a:hover,  .vmix-comment-header a.hovered
{
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #758799;
}

.vmix-comment-content a, 
.vmix-comment-content a:link, 
.vmix-comment-content a:visited,
.vmix-comment-content a.visited,
.vmix-comment-content a:hover,
.vmix-comment-content a.hovered
{
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.vmix-comment-content a, .vmix-comment-content a:link
{
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #0969C8;
}

.vmix-comment-content a:visited, .vmix-comment-content a.visited
{
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #175492;
}

.vmix-comment-content a:hover,  .vmix-comment-content a.hovered
{
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #0969C8;
}

.vmix-pager
{
   background: #1C69B5;
   padding:6px;
   margin:2px;
}

.vmix-pager>*:last-child
{
   margin-right:0 !important;
}

.vmix-pager>span {
   cursor:default;
}

.vmix-pager>*
{
   background: #D9DEE3;
   padding:10px;
   margin:0 4px 0 auto;
   line-height: normal;
   position:relative;
   display:inline-block;
   margin-left: 0;
}

.vmix-pager a:link,
.vmix-pager a:visited,
.vmix-pager .active
{
   line-height: normal;
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #1C2126
;
}

.vmix-pager .active
{
   background: #0E365D;
   padding:10px;
   margin:0 4px 0 auto;
   color: #FFFFFF
;
}

.vmix-pager .more
{
   background: #D9DEE3;
   margin:0 4px 0 auto;
}
.vmix-pager a.more:link,
.vmix-pager a.more:visited
{
   color: #03213F
;
}
.vmix-pager a:hover
{
   background: #0E365D;
   padding:10px;
   margin:0 4px 0 auto;
}
.vmix-pager  a:hover,
.vmix-pager  a.more:hover
{
   text-decoration: none;
   color: #CDD4DA
;
}
.vmix-pager>*:after
{
   margin:0 0 0 auto;
   display:inline-block;
   position:absolute;
   content: ' ';
   top:0;
   width:0;
   height:100%;
   right: 0;
   text-decoration:none;
}

.vmix-pager>*:last-child:after{
   display:none;
}

.vmix-commentsform
{
   background: #D7E8F9;
   background: transparent;
   padding:10px;
   margin:0 auto;
   margin-top:25px;
   color: #23292F;
}

.vmix-commentsform h2{
   padding-bottom:10px;
   margin: 0;
   color: #23292F;
}

.vmix-commentsform label {
   display: inline-block;
   line-height: 25px;
}

.vmix-commentsform input:not([type=submit]), .vmix-commentsform textarea {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   width:100%;
   max-width:100%;
}

.vmix-commentsform .form-submit
{
   margin-top: 10px;
}
.vmix-post
{
   padding:5px;
}
a img
{
   border: 0;
}

.vmix-metadata-icons img
{
   border: none;
   vertical-align: middle;
   margin: 2px;
}

.vmix-article table, table.vmix-article
{
   border-collapse: separate;
}

.vmix-post .vmix-content-layout-br
{
   height: 0;
}

.vmix-article th
{
   text-align: center;
   vertical-align: middle;
   padding: 7px;
}

pre
{
   overflow: auto;
   padding: 0.1em;
}

.preview-cms-logo
{
   border: 0;
   margin: 1em 1em 0 0;
   float: left;
}

.image-caption-wrapper
{
   padding: 0 0 0 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.image-caption-wrapper img
{
   margin: 0 !important;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.image-caption-wrapper div.vmix-collage
{
   margin: 0 !important;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.image-caption-wrapper p
{
   font-size: 80%;
   text-align: right;
   margin: 0;
}

h1.vmix-postheader
{
   color: #000000;
   margin: 0 10px 15px 10px;
   font-size: 30px;
   font-family: Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

.vmix-postheader a, 
.vmix-postheader a:link, 
.vmix-postheader a:visited,
.vmix-postheader a.visited,
.vmix-postheader a:hover,
.vmix-postheader a.hovered
{
   font-size: 26px;
   font-family: Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

.vmix-postheader a, .vmix-postheader a:link
{
   font-family: Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #000000;
}

.vmix-postheader a:visited, .vmix-postheader a.visited
{
   font-family: Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #000000;
}

.vmix-postheader a:hover,  .vmix-postheader a.hovered
{
   font-family: Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #1C69B5;
}

.vmix-postheadericons,
.vmix-postheadericons a,
.vmix-postheadericons a:link,
.vmix-postheadericons a:visited,
.vmix-postheadericons a:hover
{
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #1C69B5;
}

.vmix-postheadericons
{
   padding: 1px;
   margin: 0 0 0 10px;
}

.vmix-postheadericons a, .vmix-postheadericons a:link
{
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #3294F5;
}

.vmix-postheadericons a:visited, .vmix-postheadericons a.visited
{
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   color: #2075CB;
}

.vmix-postheadericons a:hover, .vmix-postheadericons a.hover
{
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: underline;
   color: #0B75E0;
}

.vmix-postdateicon:before
{
   content:url('http://www.vmix.com/images/postdateicon.png');
   margin-right:6px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   bottom: auto;
}
.opera .vmix-postdateicon:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.vmix-postauthoricon:before
{
   content:url('http://www.vmix.com/images/postauthoricon.png');
   margin-right:6px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   bottom: auto;
}
.opera .vmix-postauthoricon:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.vmix-postediticon:before
{
   content:url('http://www.vmix.com/images/postediticon.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera .vmix-postediticon:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.vmix-postcontent ul>li:before,  .vmix-post ul>li:before,  .vmix-textblock ul>li:before
{
   content:url('http://www.vmix.com/images/postbullets.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera .vmix-postcontent ul>li:before, .opera   .vmix-post ul>li:before, .opera   .vmix-textblock ul>li:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.vmix-postcontent li, .vmix-post li, .vmix-textblock li
{
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   
   margin: 3px 0 0 11px;
}

.vmix-postcontent ul>li, .vmix-post ul>li, .vmix-textblock ul>li, .vmix-postcontent ol, .vmix-post ol, .vmix-textblock ol
{
   padding: 0;
}

.vmix-postcontent ul>li, .vmix-post ul>li, .vmix-textblock ul>li
{
   padding-left: 13px;
}

.vmix-postcontent ul>li:before,  .vmix-post ul>li:before,  .vmix-textblock ul>li:before
{
   margin-left: -13px;
}

.vmix-postcontent ol, .vmix-post ol, .vmix-textblock ol, .vmix-postcontent ul, .vmix-post ul, .vmix-textblock ul
{
   margin: 1em 0 1em 11px;
}

.vmix-postcontent li ol, .vmix-post li ol, .vmix-textblock li ol, .vmix-postcontent li ul, .vmix-post li ul, .vmix-textblock li ul
{
   margin: 0.5em 0 0.5em 11px;
}

.vmix-postcontent li, .vmix-post li, .vmix-textblock li
{
   margin: 3px 0 0 0;
}

.vmix-postcontent ol>li, .vmix-post ol>li, .vmix-textblock ol>li
{
   /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}

.vmix-postcontent ul>li, .vmix-post ul>li, .vmix-textblock ul>li
{
   /* makes "ul li" not to align behind the image if they are in the same line */
  overflow-x: visible;
   overflow-y: hidden;
}

blockquote
{
   background: #1C66B0 url('http://www.vmix.com/images/postquote.png') no-repeat scroll;
   background: rgba(28, 102, 176, 0.24) url('http://www.vmix.com/images/postquote.png') no-repeat scroll;
   padding:10px 10px 10px 38px;
   margin:10px 0 0 25px;
   color: #000000;
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   text-align: left;
   /* makes block not to align behind the image if they are in the same line */
  overflow: auto;
   clear:both;
}
blockquote a, .vmix-postcontent blockquote a, .vmix-blockcontent blockquote a, .vmix-footer blockquote a,
blockquote a:link, .vmix-postcontent blockquote a:link, .vmix-blockcontent blockquote a:link, .vmix-footer blockquote a:link,
blockquote a:visited, .vmix-postcontent blockquote a:visited, .vmix-blockcontent blockquote a:visited, .vmix-footer blockquote a:visited,
blockquote a:hover, .vmix-postcontent blockquote a:hover, .vmix-blockcontent blockquote a:hover, .vmix-footer blockquote a:hover
{
   color: #000000;
   font-family: Muli, 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   text-align: left;
}

/* Override native 'p' margins*/
blockquote p,
.vmix-postcontent blockquote p,
.vmix-blockcontent blockquote p,
.vmix-footer blockquote p
{
   margin: 0;
   margin: 5px 0;
}

.Sorter img
{
   border:0;
   vertical-align:middle;
   padding:0;
   margin:0;
   position:static;
   z-index:1;
   width: 12px;
   height: 6px;
}

.Sorter a
{
   position:relative;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #647587;
}

.Sorter a:link
{
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #647587;
}

.Sorter a:visited, .Sorter a.visited
{
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #647587;
}

.Sorter a:hover, .Sorter a.hover
{
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #4C5967;
}

.Sorter
{
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color:#364049;
}

.vmix-footer
{
   background: #1C69B5;
   margin: 0 auto;
   position: relative;
   color: #FFFFFF;
   font-size: 14px;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 175%;
   text-align: left;
   padding: 0;
}

.vmix-footer a,
.vmix-footer a:link,
.vmix-footer a:visited,
.vmix-footer a:hover,
.vmix-footer td, 
.vmix-footer th,
.vmix-footer caption
{
   color: #FFFFFF;
   font-size: 14px;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 175%;
   font-weight: normal;
}

.vmix-footer p 
{
   padding:0;
   text-align: left;
}

.vmix-footer a,
.vmix-footer a:link
{
   color: #FFFFFF;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.vmix-footer a:visited
{
   color: #FFFFFF;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.vmix-footer a:hover
{
   color: #FFFFFF;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
}

.vmix-footer h1, p.footer-head
{
   color: #FFF;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-size: 16px;
   text-transform: uppercase;
   margin: 5px 0 5px 5px;
   font-weight: 600;
}

.vmix-footer h2
{
   color: #A1ADBA;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.vmix-footer h3
{
   color: #1585F4;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.vmix-footer h4
{
   color: #8CBDED;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.vmix-footer h5
{
   color: #8CBDED;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.vmix-footer h6
{
   color: #8CBDED;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.vmix-footer img
{
   border: none;
   margin: 0;
}

.vmix-footer-inner
{
   margin: 0 auto;
   width:1050px;
   padding:25px;
   padding-right: 25px;
   padding-left: 25px;
   display: table;
}

.vmix-rss-tag-icon
{
   background:  url('http://www.vmix.com/images/footerrssicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.vmix-rss-tag-icon:empty
{
   vertical-align: middle;
}

.vmix-facebook-tag-icon
{
   background:  url('http://www.vmix.com/images/footerfacebookicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.vmix-facebook-tag-icon:empty
{
   vertical-align: middle;
}

.vmix-twitter-tag-icon
{
   background:  url('http://www.vmix.com/images/footertwittericon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.vmix-twitter-tag-icon:empty
{
   vertical-align: middle;
}

.vmix-tumblr-tag-icon
{
   background:  url('http://www.vmix.com/images/tumblricon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.vmix-tumblr-tag-icon:empty
{
   vertical-align: middle;
}

.vmix-pinterest-tag-icon
{
   background:  url('http://www.vmix.com/images/pinteresticon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.vmix-pinterest-tag-icon:empty
{
   vertical-align: middle;
}

.vmix-vimeo-tag-icon
{
   background:  url('http://www.vmix.com/images/vimeoicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.vmix-vimeo-tag-icon:empty
{
   vertical-align: middle;
}

.vmix-youtube-tag-icon
{
   background:  url('http://www.vmix.com/images/youtubeicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.vmix-youtube-tag-icon:empty
{
   vertical-align: middle;
}

.vmix-linkedin-tag-icon
{
   background:  url('http://www.vmix.com/images/linkedinicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.vmix-linkedin-tag-icon:empty
{
   vertical-align: middle;
}

.vmix-footer li
{
   font-size: 14px;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #D8EBFD;
}

.vmix-footer ul>li, .vmix-footer ol
{
   padding: 0;
}

.vmix-footer ul>li
{
   padding-left: 5px;
}

.vmix-page-footer, 
.vmix-page-footer a,
.vmix-page-footer a:link,
.vmix-page-footer a:visited,
.vmix-page-footer a:hover
{
   font-family: Arial;
   font-size: 10px;
   letter-spacing: normal;
   word-spacing: normal;
   font-style: normal;
   font-weight: normal;
   text-decoration: underline;
   color: #D6DBE1;
}

.vmix-page-footer
{
   position: relative;
   z-index: auto !important;
   padding: 1em;
   text-align: center !important;
   text-decoration: none;
   color: #A2C9F1;
}

.vmix-lightbox-wrapper 
{
   background: #333;
   background: rgba(0, 0, 0, .8);
   bottom: 0;
   left: 0;
   padding: 0 100px;
   position: fixed;
   right: 0;
   text-align: center;
   top: 0;
   z-index: 1000000;
}

.vmix-lightbox,
.vmix-lightbox-wrapper .vmix-lightbox-image
{
   cursor: pointer;
}

.vmix-lightbox-wrapper .vmix-lightbox-image
{
   border: 6px solid #fff;
   border-radius: 3px;
   display: none;
   max-width: 100%;
   vertical-align: middle;
}

.vmix-lightbox-wrapper .vmix-lightbox-image.active
{
   display: inline-block;
}

.vmix-lightbox-wrapper .lightbox-error
{
   background: #fff;
   border: 1px solid #b4b4b4;
   border-radius: 10px;
   box-shadow: 0 2px 5px #333;
   height: 80px;
   opacity: .95;
   padding: 20px;
   position: fixed;
   width: 300px;
   z-index: 100;
}

.vmix-lightbox-wrapper .loading
{
   background: #fff url('http://www.vmix.com/images/preloader-01.gif') center center no-repeat;
   border: 1px solid #b4b4b4;
   border-radius: 10px;
   box-shadow: 0 2px 5px #333;
   height: 32px;
   opacity: .5;
   padding: 10px;
   position: fixed;
   width: 32px;
   z-index: 10100;
}

.vmix-lightbox-wrapper .arrow
{
   cursor: pointer;
   height: 100px;
   opacity: .5;
   filter: alpha(opacity=50);
   position: fixed;
   width: 82px;
   z-index: 10003;
}

.vmix-lightbox-wrapper .arrow.left
{
   left: 9px;
}

.vmix-lightbox-wrapper .arrow.right
{
   right: 9px;
}

.vmix-lightbox-wrapper .arrow:hover
{
   opacity: 1;
   filter: alpha(opacity=100);
}

.vmix-lightbox-wrapper .arrow.disabled 
{
   display: none;
}

.vmix-lightbox-wrapper .arrow-t, 
.vmix-lightbox-wrapper .arrow-b
{
   background-color: #fff;
   border-radius: 3px;
   height: 6px;
   left: 26px;
   position: relative;
   width: 30px;
}

.vmix-lightbox-wrapper .arrow-t
{
   top: 38px;
}

.vmix-lightbox-wrapper .arrow-b
{
   top: 50px;
}

.vmix-lightbox-wrapper .close
{
   cursor: pointer;
   height: 22px;
   opacity: .5;
   filter: alpha(opacity=50);
   position: fixed;
   right: 39px;
   top: 30px;
   width: 22px;
   z-index: 10003;
}

.vmix-lightbox-wrapper .close:hover 
{
   opacity: 1;
   filter: alpha(opacity=100);
}

.vmix-lightbox-wrapper .close .cw, 
.vmix-lightbox-wrapper .close .ccw
{
   background-color: #fff;
   border-radius: 3px;
   height: 6px;
   position: absolute;
   left: -4px;
   top: 8px;
   width: 30px;
}

.vmix-lightbox-wrapper .cw
{
   transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   /* IE 9 */
    -webkit-transform: rotate(45deg);
   /* Safari and Chrome */
    -o-transform: rotate(45deg);
   /* Opera */
    -moz-transform: rotate(45deg);
/* Firefox */}

.vmix-lightbox-wrapper .ccw
{
   transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   /* IE 9 */
    -webkit-transform: rotate(-45deg);
   /* Safari and Chrome */
    -o-transform: rotate(-45deg);
   /* Opera */
    -moz-transform: rotate(-45deg);
/* Firefox */}

.vmix-lightbox-wrapper .close-alt, 
.vmix-lightbox-wrapper .arrow-right-alt, 
.vmix-lightbox-wrapper .arrow-left-alt 
{
   color: #fff;
   display: none;
   font-size: 2.5em;
   line-height: 100%;
}

.ie8 .vmix-lightbox-wrapper .close-alt, 
.ie8 .vmix-lightbox-wrapper .arrow-right-alt, 
.ie8 .vmix-lightbox-wrapper .arrow-left-alt 
{
   display: block;
}

.ie8 .vmix-lightbox-wrapper .cw, 
.ie8 .vmix-lightbox-wrapper .ccw 
{
   display: none;
}

.vmix-content-layout .vmix-sidebar1
{
   margin:0 auto;
   width: 250px;
}

.vmix-content-layout .vmix-content
{
   margin:0 auto;
}

/* Begin Additional CSS Styles */

/* End Additional CSS Styles */

/* Start Footer Content */

.foot-padding-box{

}

.footer-copyright p{
    text-align: left;
}

.bottom-footer-bar{
    background:#0E365D;
    padding: 10px 0;
    font-size: 14px;
}

.inner-bottom-footer-bar{
    margin: 0 auto;
    width: 1020px;
    padding: 0 15px;
}

.bottom-footer-bar p, .vmix-footer-social-icons, .vmix-footer-social-icons img
{
    display: inline-block;
}

.vmix-footer-social-icons{
    float: right;
}

.vmix-footer-social-icons img
{
    margin: 0 7px;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.vmix-footer .layout-item-0
{
    width: 29%;
}

.vmix-footer .layout-item-0.last-foot-cell
{
    width: 11%;
}

.footer-partners, .footer-menu, .footer-software, .footer-support, .footer-news
{
    margin-bottom: 15px;
}

.r-block {
    display: table-cell;
    vertical-align: top;
}

.rb-1
{
    width: 53%;
}

.rb-2
{
    width: 47%;
}

/* End Footer Content */

/* Start Home Boxes */

.leftrightboxwrap
{
    width: 1080px;
    margin: 0 auto;
    height: 145px;
}

.ndi-box-left
{
    width: 500px;
    margin-right: 10px;
    background: #231f20;
    padding: 15px 10px;
    float: left;
    border: 1px solid #231f20;
}

.live-box-right
{
    width: 500px;
    margin-left: 10px;
    padding: 15px 10px;
    float: right;
    border: 1px solid #231f20;
}

.home-top-3box {
    width: 1082px;
    margin: 0 auto 20px auto;
}

.home-top-3box td {
    vertical-align: top;
}

.home-top-3box td.ndi-h-box,
.home-top-3box td.live-h-box,
.home-top-3box td.training-h-box 
{
    width: 30%;
    text-align: center;
    font-size: 20px;
    color: #FFF;
    font-weight: 300;
}

.home-top-3box td.live-h-box.vmix18box
{
    background: url(http://www.vmix.com/images/vmix18bg.jpg) no-repeat center center;
    border: 1px solid #3a6b6c;
    width: 35%;
    padding: 20px 10px 15px 10px;
}


.home-top-3box td.live-h-box.vmix19box
{
    background: url(http://www.vmix.com/images/call/call-bubble.png) no-repeat center center;
    border: 0;
    width: 35%;
    padding: 15px 10px 15px 10px;
    height: 208px;
}

.home-top-3box td.live-h-box.vmix18box p,
.home-top-3box td.live-h-box.vmix19box p
{
    font-family: Raleway, Lato, Muli, 'Open Sans', sans-serif;
    color: #FFF;
}

.home-top-3box td.live-h-box.vmix19box p
{
font-size: 26px;
margin: 10px 0 5px 0;
}

.buttonwrap19
{
    max-width: 277px;
    margin: 0 auto;
    padding-right: 5px;
}

.home-top-3box td.live-h-box.vmix18box .box-button,
.home-top-3box td.live-h-box.vmix19box .box-button
{
    display: inline-block;
    width: 40%;
}

.home-top-3box td.live-h-box.vmix19box .box-button
{
   word-wrap: break-word;
   text-align: center;
}

.home-top-3box td.live-h-box.vmix18box a.box-button, 
.home-top-3box td.live-h-box.vmix18box a.box-button:link, 
.home-top-3box td.live-h-box.vmix18box a.box-button:visited,
.home-top-3box td.live-h-box.vmix19box a.box-button, 
.home-top-3box td.live-h-box.vmix19box a.box-button:link, 
.home-top-3box td.live-h-box.vmix19box a.box-button:visited
{
    padding: 5px;
}

    .home-top-3box td.live-h-box.vmix19box a.box-button,
    .home-top-3box td.live-h-box.vmix19box a.box-button:link,
    .home-top-3box td.live-h-box.vmix19box a.box-button:visited {
        margin: 10px 7px 0 5px;
        line-height: 20px;
        width: 114px;
    }

h3.vmix18title
{
    font-family: 'Century Gothic', Lato, Muli, 'Open Sans', sans-serif;
    color: #FFF;
    text-shadow: 0 3px 2px rgba(69,89,114,1);
    font-size: 70px;
    margin-top: 0;
    line-height: 60px;
}

.home-top-3box td.ndi-h-box,
.home-top-3box td.training-h-box 
{
    width: 32%;
    padding: 30px 20px 15px 20px;
}

.home-top-3box td.ndi-h-box p
{
    margin: 15px 0 20px 0;
    line-height: 26px;
    font-size: 26px;
}

.home-top-3box td.live-h-box p
{
    margin: 10px 0;
    line-height: 24px;
    font-weight: 400;
}

.home-top-3box td.live-h-box
{
    width: 34%;
    padding: 20px 30px 15px 30px;
}

.home-top-3box a.box-button, .home-top-3box a.box-button:link, .home-top-3box a.box-button:visited
{
    width: auto;
    padding: 5px 20px;
    margin-top: 0;
}

.home-top-3box a.box-button:hover
{
    color: #1C69B5;
}

.home-top-3box td.spacer-h-box{
    width: 1%;
}

td.ndi-h-box{
    background: #231f20;
    color: #FFF;
    border: 1px solid #231f20;
}

.home-top-3box td.live-h-box
{
    border: 1px solid #231f20;
    color: #231f20;
}

td.training-h-box{
    background-image: url(http://www.vmix.com/images/whiteplay.png),
                      url(http://www.vmix.com/images/surfersblue.jpg);
    background-repeat: no-repeat;
    background-position: center center, bottom center;
    color: #FFF;
    border: 1px solid #052439;
}

.home-top-3box td.training-h-box p
{
    margin: 15px 0 20px 0;
    line-height: 26px;
        font-size: 28px;
}

@media (max-width: 1082px)
{
.home-top-3box 
{
    width: auto;
}

.home-top-3box td.live-h-box.vmix19box
{
    background-size: 100% 100%;
    height: auto;
    padding-top: 20px;
}

}

@media (max-width: 1082px) and (min-width: 801px){
    /*.home-top-3box td.live-h-box.vmix19box a.box-button.new19btn,
    .home-top-3box td.live-h-box.vmix19box a.box-button.new19btn:link,
    .home-top-3box td.live-h-box.vmix19box a.box-button.new19btn:visited {
        display: none;
    }*/

    .home-top-3box td.live-h-box.vmix19box a.box-button, 
.home-top-3box td.live-h-box.vmix19box a.box-button:link, 
.home-top-3box td.live-h-box.vmix19box a.box-button:visited
{
    width: auto;
    max-width: 170px;
    display: block;
    padding: 6px 10px;
    margin: 5px auto 0 auto;
}

    .vmix19box img{
        height: 40px;
    }

    .home-top-3box td.live-h-box.vmix19box
    {
        padding-top: 10px;
    }

    .home-top-3box td.live-h-box.vmix19box p
    {
        font-size: 22px;
        margin: 5px 0;
    }
}

@media (max-width: 800px)
{
.home-top-3box,
.home-top-3box tbody,
.home-top-3box tr,
.home-top-3box td{
    display: block;
    width: auto;
    text-align: center;
}

.home-top-3box td.ndi-h-box, 
.home-top-3box td.training-h-box
{
    width: auto;
  background-size: auto, cover;
}

.home-top-3box td.live-h-box.vmix19box
{
    margin: 0 auto;
    background-size: 100% 100%;
}

    .home-top-3box td.live-h-box.vmix19box a.box-button,
    .home-top-3box td.live-h-box.vmix19box a.box-button:link,
    .home-top-3box td.live-h-box.vmix19box a.box-button:visited {
        display: inline-block;
    }
}

@media (max-width: 800px) and (min-width: 350px){
    .home-top-3box td.live-h-box.vmix19box
{
    width: 350px;
    height: 210px;
}
}

@media (max-width: 349px){
    .home-top-3box td.live-h-box.vmix19box
{
    width: 280px;
    height: 250px;
}

        .home-top-3box td.live-h-box.vmix19box a.box-button, 
.home-top-3box td.live-h-box.vmix19box a.box-button:link, 
.home-top-3box td.live-h-box.vmix19box a.box-button:visited
{
    width: auto;
    max-width: 170px;
    display: block;
    padding: 6px 10px;
    margin: 15px auto 0 auto;
}
}

td.training-h-box img{
    width: 136px;
    height: 50px;
}

img.d-vmix-live{
    width: 235px;
    height: 50px;
}

img.ndib-img{
    width: 183px;
    height: 50px;
}

.ndi-box-left table
{
    width: 500px;
    height: 95px;
}

.ndi-box-left table td{
    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    color: #FFF;
    padding: 0 10px;
    font-weight: 300;
}

.ndi-box-left table td.b-right{
    border-right: 1px solid #FFF;
    padding-right: 20px;
}

.ndi-box-left table td.b-left{
    padding-left: 15px;
}

.ndi-box-left a.box-button {
    width: 150px;
    padding: 3px 0;
}

.ndi-box-left a.box-button:hover {
   background: #FFF;
   color: #231f20;
   border: 1px solid #231f20;
}

.live-box-right table
{
    height: 95px;
}


.live-box-right table td{
    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    color: #000;
    padding: 0 10px;
    font-weight: 500;
}

.live-box-right table td.l-right{
    width: 50%;
}

.live-box-right table td.l-left{
   border-left: 1px solid #000;
   width: 50%;
}

.live-box-right a.box-button {
    width: 150px;
    padding: 3px 0;
}

.live-box-right a.box-button:link, .live-box-right a.box-button, .live-box-right a.box-button:link:visited{
    background: #FFF;
    color: #000;
    border: 1px solid #000;
}

a.live-a-link, a.live-a-link:link, a.live-a-link:visited
{
    color: #000;
    text-decoration: none;
    font-weight: 600;
    font-size: 24px;
    font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    margin-top: 10px;
}

a.live-a-link:hover{
    text-decoration: underline;
}


.vmix-software-box, .vmix-systems-box, .vmix-replay-social-box
{
    font-size: 20px;
    margin: 0 auto 20px auto;
    
}

.vmix-systems-box
{
            padding: 20px;
            width: 1040px;
}

.vmix-systems-box .box-text a.box-button
{
    width: 240px;
}

.vmix-replay-social-box
{
            padding: 30px 30px 0 30px;
            width: 1020px;
}

.vmix-software-box
{
            padding: 20px;
        width: 1040px;
}

.vmix-software-box2, .vmix-replay-box, .vmix-systems-box1, .vmix-systems-box2, .vmix-social-box, .vmix-software-box-home
{
    font-size: 20px;
    margin: 0 auto 20px auto;
}

.vmix-software-box2, .vmix-software-box-home
{
            width: 1100px;
        margin: 0 auto;
            font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            text-align: center;
}


.vmix-software-box-full
{
            width: 100%;
        padding: 20px 0;
        background-image: url(http://www.vmix.com/images/software/software-bg.jpg);
        background-size: cover;
        background-position: bottom center;
}


    .vmix-software-box-home .box-img2 {
        text-align: center;
    }

.vmix-software-box-home a.box-button
{
    margin-top: 0;
}

.vmix-systems-box2
{
            width: 1050px;
        padding: 20px;
}

.vmix-software-box-home
{
            width: 1080px;
        padding: 15px 10px;
}

.vmix-systems-box1
{
            width: 1060px;
        padding: 20px;
}

.vmix-replay-box
{
            width: 1020px;
        padding: 20px 30px 30px 30px;
}

.vmix-social-box
{
            width: 1040px;
        padding: 20px 20px 10px 20px;
}

.vmix-software-box/*, .vmix-software-box-full*/
{
background: #135b96; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMTM1Yjk2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjMTg3ZGJjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(45deg,  #135b96 0%, #187dbc 32%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#135b96), color-stop(32%,#187dbc), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  #135b96 0%,#187dbc 32%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  #135b96 0%,#187dbc 32%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  #135b96 0%,#187dbc 32%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(45deg,  #135b96 0%,#187dbc 32%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#135b96', endColorstr='#7db9e8',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.vmix-systems-box, .vmix-systems-box1, .vmix-systems-box2, .vmix-social-box
{
background: #5cc489; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNWNjNDg5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjMlIiBzdG9wLWNvbG9yPSIjMGI3YTJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA4NTYyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(45deg,  #5cc489 0%, #0b7a2a 63%, #085622 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#5cc489), color-stop(63%,#0b7a2a), color-stop(100%,#085622)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  #5cc489 0%,#0b7a2a 63%,#085622 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  #5cc489 0%,#0b7a2a 63%,#085622 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  #5cc489 0%,#0b7a2a 63%,#085622 100%); /* IE10+ */
background: linear-gradient(45deg,  #5cc489 0%,#0b7a2a 63%,#085622 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cc489', endColorstr='#085622',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.vmix-replay-social-box, .vmix-replay-box
 {
    background: #770f11; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNzcwZjExIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjOWIxNDE2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1NTQ1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(45deg, #770f11 0%, #9b1416 32%, #e55457 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#770f11), color-stop(32%,#9b1416), color-stop(100%,#e55457)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, #770f11 0%,#9b1416 32%,#e55457 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg, #770f11 0%,#9b1416 32%,#e55457 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg, #770f11 0%,#9b1416 32%,#e55457 100%); /* IE10+ */
    background: linear-gradient(45deg, #770f11 0%,#9b1416 32%,#e55457 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#770f11', endColorstr='#e55457',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.vmixreplayhome,
.vmixsocialhome,
.vmixrefsyshome,
.vmixcallhome
{
margin-left: 5px;
margin-right: 5px;
    padding: 10px 15px 20px 15px;
width: 46%;
        background-size: cover;
    margin-bottom: 10px;
}

.vmixrefsyshome,
.vmixcallhome {
    height: 275px;
}

.vmixreplayhome,
.vmixsocialhome {
    height: 330px;
}

.vmixreplayhome
{
        background-image: url(http://www.vmix.com/images/replay/replaybghome.jpg);
    float: left;
}

.vmixsocialhome{
    background-image: url(http://www.vmix.com/images/social/socialbghome.jpg);
    float: right;
}

.vmixrefsyshome
{
    background-image: url(http://www.vmix.com/images/screens.jpg);
    float: left;
}

.vmixcallhome
{
    background-image: url(http://www.vmix.com/images/call/vmixcallbg-2.jpg);
    float: right;
}

img.homerefsysimg
{
    width: 280px;
}

.home-inner-boxes td p{
    margin: 0 0 20px 0;
}

.home-inner-boxes td{
    vertical-align: top;
}

@media (max-width: 1100px) {
    .vmixsocialhome,
    .vmixreplayhome,
    .vmixrefsyshome,
    .vmixcallhome {
        padding: 20px;
        height: auto;
        text-align: center;
		color: #FFFFFF !important;
    }

    .vmixrefsyshome,
    .vmixcallhome {
        height: 270px;
    }

   .vmixsocialhome,
    .vmixreplayhome{
        height: 330px;
    }


.home-inner-boxes .mon-pic img
{
    max-width: 180px !important;
}
}


@media (max-width: 1030px) {


    .vmixsocialhome,
    .vmixreplayhome,
    .vmixrefsyshome,
    .vmixcallhome {
        width: auto;
        float: none;
        text-align: center;
        height: auto;
    }

    .home-inner-boxes
    {
        max-width: 440px;
        margin: 0 auto;
    }
}

@media (max-width: 460px) {
        .home-inner-boxes
    {
        max-width: 100%;
        width: auto;
    }
.home-inner-boxes,
.home-inner-boxes tbody,
.home-inner-boxes tr,
.home-inner-boxes td
    {
        display: block;
        width: auto;
    }

}

.box-text, .box-img, .box-text2, .box-img2
{
 display: table-cell;  
 vertical-align: middle; 
 font-weight: 300;
}

.box-text, .box-img
{
 height: 100%;
  width: 50%;
}

.vmix-systems-box1 .box-text, .vmix-systems-box1 .box-img,
.vmix-systems-box2 .box-text, .vmix-systems-box2 .box-img
{
  width: auto;
}

.box-text2, .box-img2
{
 height: 200px;
  width: 500px;
}

.vmix-software-box2 .box-text2
{
 height: 200px;
  width: 600px;
}

.vmix-software-box-home .box-text2
{
 height: 200px;
  width: 550px;
  padding-right: 10px;
}

.vmix-software-box2 .box-img2
{
 height: 200px;
  width: 400px;
}


.vmix-software-box-home .box-img2
{
 height: 200px;
  width: 500px;
  margin-left: 30px;
}

.vmix-social-box .box-text2
{
 height: 200px;
  width: 700px;
}

.vmix-social-box .box-img2
{
 height: 200px;
  width: 300px;
}

.box-text p, .box-text2 p
{
    line-height: 150%;
}

.box-text, .box-text2, .replay-social-table,
.vmix-software-box2 .box-heading h1,
.vmix-software-box-home .box-heading h1,
.replay-social-home,
.home-inner-boxes
{
    color: #FFF;
    text-align: center;
}

.box-heading
{
    font-size: 30px;
    line-height: 130%;
}

.vmix-software-box-home .box-heading h1
{
font-weight: 400;
margin: 0 0 15px 0 !important;
    font-size: 33px;
    line-height: 150%;
}

.vmix-software-box2 .box-heading h1
{
font-weight: 400;
margin: 0 !important;
    font-size: 33px;
    line-height: 150%;
}

.vmix-software-box2 .box-text2 p,
.vmix-software-box-home .box-text2 p
{
    margin: 8px 0 12px 0;
}

.vmix-systems-box2 .box-heading,
.vmix-systems-boxhome .box-heading
{
    text-align: center;
    font-size: 34px;
    line-height: 130%;
    color: #FFF;
}

.vmix-systems-box2 
{
    color: #FFF;
}

.vmix-systems-box2 p
{
    font-size: 22px;
    font-weight: 300;
}

.vmix-systems-box1 .box-text,
.vmix-systems-box2 .box-text{
    vertical-align: top;
}

.vmix-systems-box1 .box-text
{
    padding: 20px 0 0 15px;
}

a.box-button
{
    display: inline-block;
    padding: 7px 0;
    border: 1px solid #FFF;
    font-size: 16px;
    font-weight: 300;
    margin: 15px 10px 0 10px;
    width: 180px;
}

.vmix-software-box .box-img{
    text-align: right;
}

.vmix-software-box a.box-button
{
    width: 160px;
        margin: 15px 7px 0 7px;
}

h2.header-subtitle
{
    font-weight: 500;
    color: #FFF;
}


.vmix-software-box-home a.box-button
{
    width: 220px;
    margin-bottom: 10px;
}

.vmix-software-box2 a.box-button
{
    width: 160px;
}

.go-header a.box-button
{
    width: 130px;
            margin: 15px 7px 0 7px;
}

.cs-header .box-text{
    width: 510px;
}

.thunder-header a.box-button
{
    width: auto;
            margin: 15px 10px 0 10px;
            padding-left: 15px;
            padding-right: 15px;
}

.cs-header a.box-button
{
    width: 180px;
            margin: 15px 10px 0 10px;
}

.thunder-header .box-text, .thunder-pro-header .box-text
{
    width: 600px;
}

.thunder-header .box-img, .thunder-pro-header .box-img
{
    padding-right: 10px;
}

.go-header .box-text
{
    width: 650px;
}

.thunder-pro-header a.box-button
{
    width: 185px;
            margin: 15px 10px 0 10px;
}

a.box-button, a.box-button:link, a.box-button:visited, a.box-button:hover{
    color: #FFF;
    text-decoration: none;
    font-weight: 600;
        /*border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;*/
    text-align: center;
}

a.box-button, a.box-button:link, a.box-button:visited
{
    background-color: #1C69B5;
    border: 1px solid #1C69B5;
}

a.box-button:hover{
    background-color: #FFF;
    border: 1px solid #FFF;
    color: #1C69B5;
}

.vmix-download a.box-button
{
    width: 290px;
}

.vmix-press a.box-button
{
    width: 220px;
}

.vmix-reference a.box-button
{
    width: 240px;
}

.vmix-buy-software a.box-button
{
    width: 250px;
}

/*.vmix-software-box a.box-button:hover, .vmix-software-box2 a.box-button:hover,
.vmix-title-bar a.box-button:hover, .vmix-software-box-home a.box-button:hover
{
    color: #011028;
}

.vmix-systems-box a.box-button:hover, .vmix-systems-box1 a.box-button:hover, .vmix-systems-box2 a.box-button:hover
{
    color: #0b7a2a;
}

.vmix-replay-social-box a.box-button:hover, .vmix-replay-box a.box-button:hover, .vmix-social-box a.box-button:hover
{
    color: #9b1416;
}*/

.vmix-replay-box a.box-button
{
    padding-left: 0;
    padding-right: 0;
    width: 180px;
}

.vmix-social-box a.box-button
{
    padding-left: 0;
    padding-right: 0;
    width: 150px;
}

.vmix-social-box .box-img2{
    text-align: right;
}

.replay-social-table
{
    width: 100%;
    height: 260px;
}

.home-inner-boxes
{
    width: 100%;
}

.replay-social-table td,
.replay-social-home td,
.home-inner-boxes td
{
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    height: 100%;
    line-height: 150%;
}


td.social-side1{
    width: 45%;
    vertical-align: top;
}

td.social-side2{
    width: 10%;
    vertical-align: top;
}

td.social-side3{
    width: 45%;
    vertical-align: top;
}

.replay-social-table .box-heading img,
.replay-social-home .box-heading img,
.home-inner-boxes .box-heading img
{
    vertical-align: middle;
}

.replay-social-table a.box-button,
.replay-social-home a.box-button,
.home-inner-boxes a.box-button
{
    margin-top: 25px;
}

.home-content
{
    padding: 0 10px;
}

.vmix-software-banner-outer
{
    width: 100%;
    height: 380px;
    background: #020c1c;
}

.vmix-software-banner
{
    width: 1060px;
    height: 340px;
    margin: 0 auto;
    padding: 20px;
    background: #020c1c url(images/home/softwarebgr.jpg) top right no-repeat;
    color: #FFF;
    font-size: 16px;
}

.vmix-portable-banner-outer
{
    width: 100%;
    height: 380px;
    background: #003a7f;
}

.vmix-portable-banner
{
    width: 1060px;
    height: 340px;
    margin: 0 auto;
    padding: 20px;
    background: #003a7f url(images/home/productbg.jpg) top left no-repeat;
    color: #FFF;
    font-size: 16px;
}

img.vmix-banner-logo{
width: 150px;
height: 55px;
vertical-align: top;
margin-right: 10px;
}

.software-banner-table h1
{
    color: #FFF;
    font-size: 28px;
    font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: 400;
    line-height: 55px;
}

.software-banner-table {
        color: #FFF;
    font-size: 22px;
    font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-align: center;
    font-weight: 300;
    width: 100%;
}

.software-banner-table td{

}

.software-banner-table p{
    margin: 25px 0;
}

.trial-p{
    font-size: 22px;
    font-weight: 300;
}

.trial-p a, .trial-p a:link, .trial-p a:visited
{
    color: #FFF;
    font-weight: 600;
}


.software-banner-table .soft1 {
    vertical-align: top;
    padding: 0 15px 0 0;
}

.software-banner-table .soft2 {
    vertical-align: middle;
    text-align: right;
    padding: 0 0 0 15px;
}

.software-banner-table .soft2 img {
    vertical-align: middle;
}

.software-banner-table a.box-button,.software-banner-table a.box-button:link, .software-banner-table a.box-button:visited,
.vmix-portable-box a.box-button, .vmix-portable-box a.box-button:link, .vmix-portable-box a.box-button:visited
{
font-weight: 600;
}

.software-banner-table a.box-button:hover, .vmix-portable-box a.box-button:hover
{
color: #020c1c;
}

.vmix-portable-box
{
        background: #020c1c;
        padding: 10px;
}

.vmix-portable-box a.box-button
{
    width: auto;
    padding-left: 11px;
    padding-right: 11px;
}

.vmix-portable-box a.box-img-button img{
    margin: 15px 7px 0 7px;
    height: 22px;
}

.vmix-portable-box a.box-button img{
    height: 18px;
}

.home-product-table
{
    width: 100%;
}

.home-product-table td
{
    width: 50%;
    padding: 0 10px;
    vertical-align: top;
}

/* End Home Boxes */

/* Start Misc */

.vtop, td.vtop
{
    vertical-align: top;
}

.vmid{
    vertical-align: middle;
}

.vbot{
    vertical-align: bottom;
}

p.download-trial
{
    font-weight: 600;
    font-size: 15px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
    font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.bold{
    font-weight: 600;
}

.tcenter{
    text-align: center;
}

.tleft{
    text-align: left;
}

.tright{
    text-align: right;
}

.r-show, ul.vmix-hmenu .r-show,
#replay-menu-div2.r-show,
#social-menu-div2.r-show,
#cs-menu-div2.r-show,
#go-menu-div2.r-show,
#thunder-menu-div2.r-show,
#u-menu-div2.r-show,
#product-menu-div2.r-show
{
    display: none;
}

.f-left{
    float: left;
}

.f-right{
    float: right;
}

.clear
{
    clear: both;
}

.cs-table-img{
    width: 350px;
    height: 341px;
}

.breadcrumbs{
margin: 0 0 10px 15px;
font-size: 16px;
    font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.breadcrumbs .bc-page{
    font-weight: 600;
    font-size: 16px;
}

.lookup-table, .transfer-table{
    width: 100%;
}

.lookup-table td.td-head, .transfer-table td.td-head
{
    width: 134px;
}

.lookup-table-regkey
{
    width: 400px;
}

.smwimg
{
position: absolute;
top: 10px; 
right: 220px;
}

img.svgimg
{
position: absolute;
top: 32px; 
right: 240px;
width: 250px;
height: 56px;
}

.event-img
{
position: absolute;
top: 22px; 
right: 220px;
}

.event-img2
{
position: absolute;
top: 22px; 
right: 550px;
}

.nab-event{
    position: absolute;
    top: 7px;
    right: 220px;
}



a.vmix-button.vmix-button-p,
a.vmix-button.vmix-button-p:link,
a.vmix-button.vmix-button-p:visited,
.purchasetable a.vmix-button.vmix-button-p,
.purchasetable a.vmix-button.vmix-button-p:link,
.purchasetable a.vmix-button.vmix-button-p:visited
{
    display: inline-block !important;
    padding: 0 20px !important;
    margin-left: 10px !important;
}

.purchasetable a, .purchasetable a:link, .purchasetable a:visited, .purchasetable a:hover
{
color: #042479;
font-weight: bold;
}

.blue-button, a.blue-button, a.blue-button:link, a.blue-button:visited {
    font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-decoration: none;
    background: #1C69B5;
    color: #FFF;
    font-size: 18px;
    padding: 6px 20px;
    margin: 10px;
    display: inline-block;
    text-transform: uppercase;
    vertical-align: top;
    line-height: 30px;
}

a.blue-button:hover {
    font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-decoration: none;
    background: #0E365D;
    color: #FFF;
}

.blue-button img.phone-link-img
{
    vertical-align: middle;

}

.red{
color: red;
}

.newred{
   color: #FF0000;
   font-weight: bold;
}

.fourkay{
    color: #FF9900;
    font-weight: bold;
}

/* End Misc */

/* Start Features Page Content */

.features-table
{
width: 100%;
}

.features-table td{
    vertical-align: top;
}

.hr-line, .hrline{
    width: 980px;
    height: 15px;
    margin: 5px auto;
    background: url(http://www.vmix.com/images/separator.png) no-repeat;
}

.action-sep
{
    width: 980px;
    height: 15px;
    margin: 15px auto;
    background: url(http://www.vmix.com/images/separator.png) no-repeat;
}

.header-sep img, .header-sep-up img
{
    height: 15px;
    width: 1100px;
}

.features-table p{
    margin: 3px 0;
}

.features-table td
{
    padding: 5px 10px;
    position: relative;
}

.features-table h4{
    margin-top: 0;
}

.features-img img{
    width: 276px;
    height: 155px;
}

.replay-table img
{
    width: 300px;
    height: 168px;
}

p.toplink, p.toplink-white
{
    text-align: right;
    margin-bottom: 0;
    bottom: 0;
    right: 15px;
}

.features-table .toplink{
    position: absolute;
}

p.toplink a,p.toplink a:link, p.toplink a:visited, p.toplink a:hover,
p.toplink-white a,p.toplink-white a:link, p.toplink-white a:visited, p.toplink-white a:hover
{
    font-size: 17px;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: 600;
}

p.toplink a,p.toplink a:link, p.toplink a:visited, p.toplink a:hover
{
    color: #000;
}

p.toplink-white a,p.toplink-white a:link, p.toplink-white a:visited, p.toplink-white a:hover
{
    color: #FFF;
}

/* End Features Page Content */

/* Start Download Page */

.downloadButton
{
    background-color: #333333;
    display: inline-block;
    padding: 16px;
    color: #FFFFFF !important;
    font-weight: 600;
    text-decoration: none !important;
    font-size: 16px;
    text-align: center;
    height: 30px;
    vertical-align: middle;
    line-height: 30px;
    font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.downloadButton.soc-btn
{
width: 220px;
height: 20px;
line-height: 20px !important;
}


.downloadButton
{
    width: 300px;
}

.downloadButton.dcButton
{
    width: 350px;
    text-align: left;
}

.downloadButton:hover
{
background-color: #000;
}

.downloadLink
{
    display: inline-block;
    margin-left: 20px;
}

.downloadLink img{
    box-shadow: 0 0 2px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.7);
    vertical-align: middle;
}

.download-boxes, .release-note-box
{
    padding: 0 20px;
}

.release-note-box, .padding-box
{
    position: relative;
}

.download-boxes h4{
    margin: 15px 0;
}

.padding-box
{
    padding: 10px 5px;
}

.padding-box2
{
    padding:0 15px;
}

.content-inner{
    padding: 0 10px;
}

.vmix-title-bar.vmix-download,
.vmix-title-bar.vmix-partners,
.vmix-title-bar.vmix-titles
{
    margin-bottom: 20px;
}

/* End Download Page */

/* Start Supported Hardware Page */

.vmix-title-bar.vmix-supp-hardware a.box-button{
    width: 240px;
}

.sh-name a, .sh-name a:link, .sh-name a:visited, .sh-name a:hover, .hardwareTable td.sh-name
{
    font-size: 16px;
}

.ht-col1.sh-name, .ht-col3.sh-name, .hardwareTable td.sh-name
{
    background-color: #D9DEE3;
}

.hardwareTable td.sh-name
{
color: #1C69B5;
font-weight: 600;
border-top: 10px solid #FFF;
}

.hardwareTable td.sh-name.btopn{
    border-top: 0;
}

.hardwareTable
{
    margin-top: 10px;
}

.hardwareTable td.sh-name-top
{
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    color: #FFF;
    background-color: #1C69B5;
    font-size: 16px;
}

.hardwareTable, table.hardwareTable
{
    width: 100%;
    border-spacing: 4px;
    border: 1px solid #D9DEE3;
}

.hardwareTable td {
    background-color: #EDEDED;
    padding: 5px 10px;
}

.hardwareTable .ht-col1{
    width: 300px;
}

.hardwareTable .ht-col2{
    width: 252px;
}

.hardwareTable .ht-col3{
    width: 311px;
}

/* End Supported Hardware Page */

/* Start vMix Social Page*/

.vmix-socialpage-bg
{
background-image: url(http://www.vmix.com/images/social/social-bg.jpg);
background-position: center -50px;
background-size: cover;
padding-top: 30px;
}

.vmix-socialpage-inner {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.vmix-social-logo{
    background: url(http://www.vmix.com/images/vmixsocial/logo.png) no-repeat;
    width: 300px;
    height: 84px;
    margin: 0 auto;
}

h3.social-headline {
    font-weight: normal;
    text-align: center;
    font-size: 24px;
    color: #FFF;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'Open Sans', 'Muli', 'Century Gothic', arial, helvetica, verdana, sans-serif;
}

#social-menu-div, #social-menu-div2
{
    display: inline-block;
    width: 100%;
    position: relative;
    top:0;
    border-bottom: 1px solid #FFF;
    background: #0E365D;
    box-shadow: 0 2px 5px -2px rgba(0,0,0,0.9);
    -webkit-box-shadow: 0 2px 5px -2px rgba(0,0,0,0.9);
    -moz-box-shadow: 0 2px 5px -2px rgba(0,0,0,0.9);
    text-align: center;
    margin: 0;
    padding: 12px 0 15px 0;
    z-index: 3000;
}

#social-menu-div.fixed {
    position: fixed;
    top: 0;
}

.social-menu-inner {
    width: 1080px;
    margin: 0 auto;
}

.social-page-menu
{
    width: 1000px;
    margin: 0 auto 0 auto;
}

.social-page-menu td
{
    width: 20%;
    text-align: center;
    padding: 10px;
}

.social-page-menu a, .social-page-menu a:link, .social-page-menu a:visited {
    color: #FFF;
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
    display: block;
    line-height: 17px;
    background: transparent;
    border: 1px solid #FFF;
    padding: 10px;
    font-family: 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
    }

.social-page-menu a:hover {
    color: #0E365D;
    text-decoration: none;
    background: #FFF;
    border: 1px solid #0E365D;
    }

.social-header-table{
    width: 100%;
}

.social-header-table td.social-top-text
{
    width: 60%;
    padding-right: 20px;
}


.social-monitor{
    height: 240px;
    width: 357px;
}

.social-firstblock
{
    width: 100%;
    overflow: hidden;
    background: #f1f1f1;
    padding: 10px 0 20px 0;
}

.social-firstblock-inner{
    width: 1040px;
    margin: 0 auto;
    text-align: center;
}

.social-secondblock {
    width: 100%;
    overflow: hidden;
    background: #001e00 url(http://www.vmix.com/images/vmixsocial/bg-texture.jpg) repeat;
    color: #FFF;
}

.social-secondblock .features-table h4{
    color: #FFF;
}

.top-social-table
{
    width: 100%;
}

.top-social-table td
{
    width: 33%;
    vertical-align: top;
}

.top-social-table a.vmix-button, .top-social-table a.vmix-button:link, .top-social-table a.vmix-button:visited
{
    height: 62px !important;
    line-height: 62px !important;
    font-size: 16px;
    margin-right: 10px;
}

iframe.youtube-vid {
    width: 800px;
    height: 450px;
}

iframe.vftls-vid {
    width: 1070px;
height: 601px;
margin: 0 auto;
}

iframe.liveshow-vid, iframe.live-show-vid
{
width: 640px; 
height: 360px;
}


iframe.liveshow-chat
{
width:400px;
height:430px;
}

iframe.live-show-chat
{
width: 100%;
height: 600px;
margin: 0 auto;
}

iframe.g-calendar
{
width: 500px;
height: 600px;
}

iframe.liveshow-chat #chatbox #chatbox-messages
{
overflow: scroll !important;
}

.demovid-wrapper{
    width: 800px;
    margin: 20px auto;
}

/* End vMix Social Page*/

/* Start vMix Replay Page */

.vmix-replaypage-bg{
    height: 700px;
    width: 100%;
    background-image: url(http://www.vmix.com/images/replay/replay_bg.jpg);
    background-position: center center;
    background-size: cover;
    position: relative;
}

.vmix-replaypage-inner{
    width: 1000px;
    margin: 0 auto;
        text-align: center;
        padding-top: 15px;
}

.vmix-replaypage-bg .vmix-replay-logo {
    width: 332px;
    height: 84px;
    margin: 0 auto;
}

.vmix-replaypage-bg .logo-white {
    background: url(http://www.vmix.com/images/replay/vmixreplaylogo.png);
}

h3.replay-longpage-headline {
    font-weight: normal;
    text-align: center;
    font-size: 30px;
    color: #FFF;
    margin-top: 10px;
    font-family: 'Muli', 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
}

.replay-price {
    background: #1C69B5;
    color: #FFF;
    font-weight: 600;
    font-size: 24px;
    width: 160px;
    text-align: center;
    font-family: 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
}

.replay-pro-price p,
.replay-price,
.replay-pro-price img
{
    line-height: 37px;
    display: inline-block;
}

.replay-pro-price{
    padding: 5px 10px;
    color: #FFF;
    font-weight: 600;
    font-size: 24px;
    text-align: center;
    font-family: 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
    margin: 15px auto 0 auto;
}

.replay-pro-price img
{
    vertical-align: middle;
    margin: 0 10px;
    height: 37px;
    width: 154px;
}

a.box-button.replay-buy-button,
a.box-button.replay-buy-button:link,
a.box-button.replay-buy-button:visited
{
    font-size: 22px;
    background: #ee1d25;
    border: 1px solid #ee1d25;
}

a.box-button.replay-buy-button:hover
{
    font-size: 22px;
    background: #FFF;
    border: 1px solid #FFF;
    color: #ee1d25;
}

.replay-img {
    width: 820px;
    height: 276px;
    margin: 20px auto 10px auto;
    background: url(http://www.vmix.com/images/replay/replaymonitors.png) no-repeat;
}

#replay-menu-div, #replay-menu-div2
{
    top:0;
}

#replay-menu-div, #replay-menu-div2,
#product-menu-div, #product-menu-div2
{
    display: inline-block;
    width: 100%;
    position: relative;
  background: #0E365D;
    border-bottom: 1px solid #FFF;
    box-shadow: 0 2px 5px -2px rgba(0,0,0,0.9);
    -webkit-box-shadow: 0 2px 5px -2px rgba(0,0,0,0.9);
    -moz-box-shadow: 0 2px 5px -2px rgba(0,0,0,0.9);
    text-align: center;
    margin: 0;
    padding: 12px 0 15px 0;
    z-index: 3000;
}

#product-menu-div, #product-menu-div2 {
    top: 5px;
}

#replay-menu-div.fixed,
#product-menu-div.fixed 
{
    position: fixed;
    top: 0;
}

.replay-menu-inner,
.product-menu-inner
{
    width: 1080px;
    margin: 0 auto;
}


.replay-wheretobuy {
    width: 840px;
    margin: 0 auto;
}

.replay-page-menu,
.product-page-menu
{
    width: 1000px;
    margin: 0 auto 0 auto;
}

.replay-page-menu td,
.product-page-menu td
{
    width: 20%;
    text-align: center;
    padding: 10px;
}

.replay-page-menu a, .replay-page-menu a:link, .replay-page-menu a:visited,
.product-page-menu a, .product-page-menu a:link, .product-page-menu a:visited {
    color: #FFF;
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
    display: block;
    line-height: 17px;
    background: transparent;
    border: 1px solid #FFF;
    padding: 10px 3px;
    font-family: 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
    }

.replay-page-menu a:hover,
.product-page-menu a:hover
{
    color: #0E365D;
    text-decoration: none;
    background: #FFF;
    border: 1px solid #0E365D;
    }

.replay-firstblock
{
    width: 100%;
    overflow: hidden;
    background: #f1f1f1;
    padding: 10px 0 20px 0;
}

.replay-firstblock-inner{
    width: 1040px;
    margin: 0 auto;
}

.replay-inner-block{
    width: 1000px;
    margin: 15px auto;
    overflow: hidden;
}

.replay-fourthblock
{
    width: 100%;
    overflow: hidden;
    background: url(http://www.vmix.com/images/replay/bg-texture.jpg) repeat;
    padding: 20px 0;
}

.replay-thirdblock
{
    width: 100%;
    overflow: hidden;
    background: #FFF;
}

.replay-secondblock {
    width: 100%;
    overflow: hidden;
    background: #2d0002;
    color: #FFF;
}

.replay-secondblock vmix-postcontent{
        text-align: center;
        font-size: 14px;
}

.trial-table{
    width: 800px;
    margin: 0 auto;
}

.trial-table td{
    text-align: center;
    width: 50%;
}

.trial-table td p {
        font-size: 20px;
        font-family: 'Muli', 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
        padding: 0 10px;
        color: #FFF;
}

a.replay-download-button, a.replay-download-button:link, a.replay-download-button:visited{
    color: #FFF;
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
    display: block;
    line-height: 17px;
    background: transparent;
    border: 1px solid #FFF;
    padding: 10px 20px;
    font-family: 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
    display: inline-block;
    }

a.replay-download-button:hover {
    color: #2d0002;
    text-decoration: none;
    background: #FFF;
    border: 1px solid #2d0002;
    }

.replay-vid-text{
    text-align: center;
    font-size: 16px;
    color: #000;
}


.replay-sixthblock
{
    line-height: 170%;
    font-size: 16px;
    background: #030a16 url(http://www.vmix.com/images/replay/sixthblock-bg2.png) top center no-repeat;
    width: 100%;
    height: auto;
    color: #FFF;
}

.replay-wheretobuy .replay-box-button
{
    display: block !important;
    margin-top: 10px !important;
}

a.purchase-button, a.purchase-button:link, a.purchase-button:visited,
a.go-button, a.go-button:link, a.go-button:visited
{
    color: #FFF;
    font-size: 20px;
    text-decoration: none;
    font-weight: 600;
    display: block;
    line-height: 17px;
    background: transparent;
    padding: 15px;
    font-family: 'Open Sans', Muli, 'Century Gothic', arial, helvetica, verdana, sans-serif;
}

a.purchase-button, a.purchase-button:link, a.purchase-button:visited {
        background: #2f78bb;
        border: 1px solid #2f78bb;
}

a.replay-box-button, a.replay-box-button:link, a.replay-box-button:visited
{
    color: #FFF;
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
    display: block;
    line-height: 17px;
    background: transparent;
    border: 1px solid #FFF;
    padding: 10px 20px;
        font-family: 'Open Sans', Muli, 'Century Gothic', arial, helvetica, verdana, sans-serif;
    display: inline-block;
    }

a.replay-box-button:hover {
    color: #030a16;
    text-decoration: none;
    background: #FFF;
    border: 1px solid #FFF;
    }

.replay-wheretobuy td{
    width: 50%;
    text-align: center;
    vertical-align: top;
    font-size: 24px;
    font-family: Muli, 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
    color: #FFF;
    padding: 0 20px;
}

a.purchase-button:hover 
{
    color: #2f78bb;
    text-decoration: none;
    border: 1px solid #2f78bb;
    background: transparent;
}

a.go-button:hover 
{
    color: #28a035;
    text-decoration: none;
    border: 1px solid #28a035;
    background: transparent !important;
}

a.go-button, a.go-button:link, a.go-button:visited {
        background: #28a035;
        border: 1px solid #28a035;
}

p.open{
        font-family: 'Open Sans', Muli, 'Century Gothic', arial, helvetica, verdana, sans-serif;
}

/* Endt vMix Replay Page */

/* Start Products Page */

h1.productstitle
{
color: #020f1d;
text-align: center;
font-weight: 300;
padding: 0;
margin: 0;
line-height: 50%;
}

.products-feature{
    width: 100%;
    position: relative;
    height: auto;
    background: #020f1d;
}

.feature-inner
{
    width: 1060px;
    height: auto;
    margin: 0 auto;
    position: relative;
}

.banner-link {
    display: block;
    width: 1100px;
    height: 410px;
}

.banner-link-sr {
    display: block;
    width: 1100px;
    height: 360px;
}

.banner-link-u {
    display: block;
    width: 1100px;
    height: 330px;
}

.g-banner-link {
    display: block;
    width: 1100px;
    height: 440px;
    margin-bottom: 20px;
}

.t-banner-link {
    display: block;
    width: 1100px;
    height: 360px;
    margin-bottom: 20px;
}

a.banner-link, a.banner-link:hover,
a.t-banner-link, a.t-banner-link:hover,
a.g-banner-link, a.g-banner-link:hover,
a.banner-link-u, a.banner-link-u:hover,
a.banner-link-sr, a.banner-link-sr:hover
{
color: #FFF;
text-decoration: none;
}


.go-feature .vMix-Logo-White
{
background: url(http://www.vmix.com/images/vMix-Logo-White.png) center center no-repeat;
width: 207px;
height: 76px;
margin: 0 auto 15px auto;
}

.cs-feature .vmix-cs-logo
{
background: url(http://www.vmix.com/images/products/vmix-cs-logo.png) center center no-repeat;
width: 211px;
height: 50px;
margin: 0 auto 15px auto;
}

.u-feature .vmix-u-logo
{
background: url(http://www.vmix.com/images/products/vmix-u-logo.png) center center no-repeat;
width: 166px;
height: 50px;
margin: 0 auto 15px auto;
}

.go-fw{
    width: 100%;
}

.go-fw.software-fw
{
    background: url(http://www.vmix.com/images/software/software-bg.jpg);
    background-size: cover;
    background-position: center bottom;
}

.go-fw.social-fw
{  
    background: url(http://www.vmix.com/images/social/social-bg.jpg);
    background-size: cover;
    background-position: center top;
}

.go-fw.replay-fw
{  
    background: url(http://www.vmix.com/images/replay/replay_bg.jpg);
    background-size: cover;
    background-position: center top;
}

.go-fw.refsys-fw
{  
    background: url(http://www.vmix.com/images/screens.jpg);
    background-size: cover;
    background-position: center top;
}

.go-fw.refsys-fw h1
{
    text-align: center;
    color: #FFF;
    font-family: 'Open Sans', 'Muli', 'Century Gothic', arial, helvetica, verdana, sans-serif;
    font-weight: 500;
    font-size: 32px;
}

.go-fw.refsys-fw a.vmix-button{
    width: 350px !important;
}

.thunder-fw{
    width: 100%;
    background: #09001e;
}

.go-fw-inner,
.thunder-fw-inner
{
    width: 1100px;
    margin: 0 auto;
}

.go-systems-table, .cs-systems-table, .thunder-systems-table
{
    width: 1000px;
    font-family: 'Open Sans', 'Muli', 'Century Gothic', arial, helvetica, verdana, sans-serif;
    margin: 0 auto;
}

.thunder-systems-table {
    margin-top: 25px;
}

    .thunder-systems-table td.sys2.thunder-text {
        padding: 0 30px;
    }

.thunder-systems-table td
{
    vertical-align: middle;
}

.go-systems-table td.sys2,
.go-systems-table td.sys3,
.thunder-systems-table td.sys2,
.thunder-systems-table td.sys3,
.cs-systems-table td.sys2,
.cs-systems-table td.sys3,
.thunder-systems-table td.systext
{
    color: #FFF;
    text-align: center;
}

.go-systems-table td.sys2, .thunder-systems-table td.sys2, .cs-systems-table td.sys2, .thunder-systems-table td.systext
{
    font-size: 22px;
    line-height: 150%;
}

.go-systems-table td.sys2 
{
        width: 50%;
}

.thunder-systems-table td.sys2
{
     width: 50%;
}

.cs-systems-table td.sys2
{
    padding: 0;
     width: 50%;
}

.go-systems-table td.sys3, .thunder-systems-table td.sys3
{
     width: 50%;
}

.cs-systems-table td.sys3
{
     width: 50%;
}

.cs-systems-table td.sys3 img{
   vertical-align: middle;
   margin-top: 30px;
}

.go-systems-table .go-price
{
background: #28a035;
padding: 5px 10px;
color: #FFF;
font-weight: 600;
font-size: 26px;
width: 300px;
text-align: center;
margin: 15px auto 0 auto;
font-family: 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif
}



p.click-banner
{
    text-align: center;
    color: #FFF;
    font-size: 18px;
    font-family: 'Muli', 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
    margin: 5px 0 0 0;
}

.go-feature a, .thunder-feature a, .cs-feature a, .sr-feature a
{
    text-decoration: none;
}

.thunder-feature .thunder-headline{
    width: 307px;
    height: 50px;
    background: url(http://www.vmix.com/images/products/thunder-logo.png) no-repeat;
    margin: 0 auto;
}

.thunder-feature .thunder-headline-pro{
    width: 307px;
    height: 50px;
    background: url(http://www.vmix.com/images/products/thunder-pro-logo.png) no-repeat;
    margin: 0 auto;
}

.thunder-feature .thunder-price, .cs-systems-table .cs-price
{
background: #28a035;
padding: 5px 10px;
color: #FFF;
font-weight: 600;
font-size: 26px;
width: 300px;
text-align: center;
font-family: 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
margin: 15px auto 0 auto;
}

.products-feature .vmix-button, .products-feature a.vmix-button, .products-feature a.vmix-button:link, .products-feature a.vmix-button:visited
{
    width: 300px;
    padding: 5px 10px;
    color: #FFF;
    font-weight: 600;
    font-size: 18px;
    margin-top: 10px;
}

.products-feature .thunder-feature .vmix-button, .products-feature .thunder-feature a.vmix-button, .products-feature .thunder-feature a.vmix-button:link, .products-feature .thunder-feature a.vmix-button:visited
{
    margin-bottom: 15px;
}

.feature-inner .price-text
{
    font-weight: normal;
    font-size: 22px;
    line-height: 28px;
    padding-bottom: 5px;
}

.thunder-feature{
    background: #09001e url(http://www.vmix.com/images/products/thunder-header.jpg) center center no-repeat;
    margin-bottom: 20px;
}

.go-feature
{
    height: 380px;
    padding: 30px 20px;
    width: 1060px;
}

.u-feature{
    background: #020f1d url(http://www.vmix.com/images/products/u-header.jpg) center center no-repeat;
}

.cs-feature
{
    height: 350px;
    padding: 30px 20px;
    width: 1060px;
}

.sr-feature
{
    height: 300px;
    padding: 30px 20px;
    width: 1060px;
}

.thunder-feature
{
    height: 300px;
    padding: 30px 20px;
    width: 1060px;
}

.systems-table
{
    width: 1090px;
    border-spacing: 10px;
    margin: 0 auto;
}

.systems-table td
{
    width: 33%;
    text-align: center;
    background: #f1f1f1;
    padding: 15px 10px;
}

.systems-table td p
{
        font-size: 17px;
        font-weight: 600;
        line-height: 160%;
}

span.price-text
{
    font-weight: normal;
    font-size: 14px;
    vertical-align: middle;
}

.systems-table .price-button,
.price-button
{
    width: 310px;
    font-size: 22px;
    padding: 5px;
    background: #dcdcdc;
    margin: 10px auto;
    color: #000;
    font-weight: 600 !important;
}

.vmix-systems-box2 .price-button
{
    display: inline-block;
    width: 260px;
    margin: 0 10px;
}

.systems-table a.vmix-button{
    width: 310px !important;
    font-size: 16px !important;
    font-weight: normal !important;
    padding: 5px !important;
}

.cs-img{
    margin: 45px auto;
}

/* End Products Page */

/* Start vMix U Page */

.vmix-upage-bg{
    height: 490px;
    width: 100%;
    background: #020f1d url(http://www.vmix.com/images/u/vmixubg.jpg) bottom center no-repeat;
    text-align: center;
    padding-top: 30px;
}

.vmix-upage-inner
{
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.logo-u-new
{
    width: 320px;
    margin: 0 auto;
    position: relative;
    padding-top: 5px;
}

.logo-u-new p{
    color: red;
    text-align: right;
    font-weight: bold;
    font-size: 20px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.circle-new, .circle-price
{
    width: 115px;
    height: 82px;
    position: absolute;
    padding-top: 40px;
    padding-right: 7px;
}

.circle-contact
{
    width: 115px;
    height: 82px;
    position: absolute;
    padding-top: 40px;
    padding-right: 7px;
}

/*.circle-contact-link
{
    width: 117px;
    height: 88px;
    display: block;
}*/

a.circle-contact-link:hover
{
    color: #FFF;
}

.circle-new{
    background: url(http://www.vmix.com/images/u/redcircle2.png) no-repeat;
    top: 0;
    left: 30px;
}

.circle-price{
    background: url(http://www.vmix.com/images/u/greencircle2.png) no-repeat;
    top: 0;
    left: 30px;
}

.circle-contact{
    background: url(http://www.vmix.com/images/u/bluecircle.png) no-repeat;
    top: 0;
    right: 30px;
}

.circle-new-inner, .circle-price-inner
{
    text-align: center;
    font-size: 26px;
    color: #FFF;
    font-weight: 600;
    font-family: 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
}

.circle-contact-inner
{
    line-height: 22px;
        text-align: center;
    font-size: 22px;
    color: #FFF;
    font-weight: 600;
    font-family: 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
}

.r-too-block
{
    display: inline;
}

.u-headline
{
    background: url(http://www.vmix.com/images/u/vmixu-logo-white.png) no-repeat;
    width: 212px;
    height: 64px;
    margin: 10px auto 20px auto;
}

h3.u-subline
{
    text-align: center;
    color: #FFF;
    font-size: 32px;
    margin: 25px 0 20px 0;
}

img.u-img
{
    width: 850px;
    height: 126px;
    margin: 0 auto;
}

.u-bullet-text
{
    text-align: center;
    color: #FFF;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    margin-top: 20px;
    font-family: 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
}

.starbullet, .starbullet2
{
    background: url(http://www.vmix.com/images/u/starbullet.png) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
}

.starbullet
{
    margin-left: 40px;
}

#u-menu-div, #u-menu-div2
{
    display: inline-block;
    width: 100%;
    position: relative;
    top:0;
    background: #020f1d;
    border-bottom: 1px solid #FFF;
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    text-align: center;
    margin: 0;
    padding: 12px 0 15px 0;
    z-index: 3000;
}

#u-menu-div.fixed {
    position: fixed;
    top: 0;
}

.u-menu-inner {
    width: 1080px;
    margin: 0 auto;
}

.u-page-menu
{
    width: 1080px;
    margin: 0 auto 0 auto;
}

.u-page-menu td
{
    width: 14%;
    text-align: center;
    padding: 10px;
}

.u-page-menu a, .u-page-menu a:link, .u-page-menu a:visited {
    color: #FFF;
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
    display: block;
    line-height: 17px;
    background: transparent;
    border: 1px solid #FFF;
    padding: 10px;
    font-family: 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
    }

.u-page-menu a:hover {
    color: #020f1d;
    text-decoration: none;
    background: #FFF;
    border: 1px solid #020f1d;
    }

.u-firstblock
{
    width: 100%;
    overflow: hidden;
    background: #f1f1f1;
    padding: 10px 0;
}

img.u-ndi-img{
    width: 130px;
    margin-top: 15px;
    height: 35px;
}

.u-firstblock
{
    width: 100%;
    overflow: hidden;
    background: #f1f1f1;
    padding: 10px 0;
}

.u-logo-black
{
    background: url(http://www.vmix.com/images/u/vmixu-logo.png) no-repeat;
    width: 215px;
    height: 64px;
    margin: 10px auto;
}


.vmix-u-overview table td{
        font-size: 17px;
    text-align: left;
    margin-top: 15px;
    line-height: 160%;
}

.vmix-u-overview table td{
        font-size: 17px;
    text-align: left;
    line-height: 160%;
    vertical-align: top;
}

.vmix-u-overview table td.u-tab-l
{
    text-align: justify;
    padding-right: 30px;
}

.u-thirdblock .techspecs-info p.u-top-p
{
    margin: 0 0 10px 0 !important;
}

.u-fourthblock
{
    width: 100%;
    overflow: hidden;
    background: url(http://www.vmix.com/images/go/bg-texture.jpg) repeat;
    padding: 20px 0;
}

.u-thirdblock
{
    width: 100%;
    overflow: hidden;
}

.u-secondblock {
    width: 100%;
    overflow: hidden;
    background: #020f1d;
    color: #FFF;
}

.u-secondblock .vmix-postcontent{
        text-align: center;
        font-size: 14px;
}

.u-secondblock .vmix-postcontent.inner-block
{
margin: 15px auto 25px auto;
}

.u-fifthblock
{
    background: #f1f1f1;
}

.u-sixthblock {
    line-height: 170%;
    font-size: 18px;
    background: #030a16 url(http://www.vmix.com/images/go/sixblock.jpg) top center no-repeat;
    width: auto;
    height: 100%;
    color: #FFF;
}
.u-sixthblock .inner-block{
    text-align: center;
}

p.u-features-blurb
{
font-weight: 600; 
text-align: center; 
font-size: 16px;
font-family: "Open Sans",Muli,Arial,"Arial Unicode MS",Helvetica,sans-serif;
color: #000;
}

.u-secondblock .diagram-table 
{
    text-align: left;
}

/* End vMix U Page */

/* Start vMix GO Page*/

.vmix-gopage-bg{
    height: 580px;
    width: 100%;
    background: #020f1d url(images/go/top-bg-img.jpg) bottom center no-repeat;
    padding-top: 20px;
    text-align: center;
}

.vmix-go-logo
{
    background: url(http://www.vmix.com/images/go/vmix-go-logo.png);
    width: 300px;
    height: 84px;
    margin: 0 auto;
}

.go-header-title
{
    font-weight: normal;
    text-align: center;
    font-size: 30px;
    color: #FFF;
    margin-top: 10px;
    font-family: 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
}

.go-longpage-table {
    margin: 40px auto 0 auto;
    width: 940px;
    font-family: 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
}

.go-longpage-table td.side-1{
    width: 55%;
    vertical-align: top;
    line-height: 180%;
    padding: 0 10px 0 10px;
    color: #FFF;
    text-align: center;
    font-size: 24px;
    padding-top: 15px;
}

.go-longpage-table td.side-2{
    width: 45%;
    vertical-align: top;
    text-align: center;
    padding-bottom: 37px;
}

.go-longpage-table td.side-1 h6 {
    font-weight: bold;
    text-align:center;
}

#go-menu-div, #go-menu-div2
{
    display: inline-block;
    width: 100%;
    position: relative;
    top:0;
    background: #020f1d;
    border-bottom: 1px solid #FFF;
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    text-align: center;
    margin: 0;
    padding: 12px 0 15px 0;
    z-index: 3000;
}

#go-menu-div.fixed {
    position: fixed;
    top: 0;
}

.go-menu-inner {
    width: 1080px;
    margin: 0 auto;
}

.go-page-menu
{
    width: 1080px;
    margin: 0 auto 0 auto;
}

.go-page-menu td
{
    width: 14%;
    text-align: center;
    padding: 10px;
}

.go-page-menu a, .go-page-menu a:link, .go-page-menu a:visited {
    color: #FFF;
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
    display: block;
    line-height: 17px;
    background: transparent;
    border: 1px solid #FFF;
    padding: 10px;
    font-family: 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
    }

.go-page-menu a:hover {
    color: #020f1d;
    text-decoration: none;
    background: #FFF;
    border: 1px solid #020f1d;
    }

.go-firstblock
{
    width: 100%;
    overflow: hidden;
    background: #f1f1f1;
    padding: 10px 0;
}

.go-price
{
background: #28a035;
padding: 5px 10px;
color: #FFF;
font-weight: 600;
font-size: 24px;
width: 280px;
text-align: center;
margin: 15px auto 0 auto;
font-family: 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif
}

.go-pricing
{
background: #28a035;
padding: 5px 15px;
color: #FFF;
font-weight: 600;
font-size: 24px;
width: auto;
text-align: center;
margin: 10px;
font-family: 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
display: inline-block;
vertical-align: top;
line-height: 30px;
}


a.anchor, a.anchor1
{
    top: -170px;
    display: block;
    width: 100%;
    position: relative;
    visibility: hidden;
}

a.anchor1
{
    top: 0;
    display: block;
    width: 100%;
    position: relative;
    visibility: hidden;
}

.block-padding {
    padding: 10px 0;
}

.inner-block {
    width: 1100px;
    margin: 15px auto;
    overflow: hidden;
}

.firstblock-icons
{
    width: 1000px;
    margin: 0 auto;
}

.firstblock-icons td{
    width: 16%;
    text-align: center;
    padding: 10px;
    vertical-align: top;
    font-size: 15px;
    line-height: 150%;
}

    .firstblock-icons td img {
        margin-bottom: 10px;
    }

.vMix-go-types
{
    width: 100%;
}

.vMix-go-types td
{
    /*width: 50%;*/
    text-align: center;
    vertical-align: top;
}

.vMix-go-types td.tleft
{
    text-align: left;
    font-size: 16px;
    padding-right: 15px;
}

.vMix-go-types-pics
{
    width: 100%;
    margin: 20px 0 10px 0;
}

.vMix-go-types-pics td
{
    vertical-align: middle;
}

.vMix-go-types-pics td.pic1
{
    /*width: 53%;*/
    text-align: right;
    padding-right: 25px;
}

.vMix-go-types-pics td.pic2
{
    /*width: 47%;*/
    text-align: left;
    padding-left: 25px;
}

.vMix-go-types-pics td img.img-go-front {
    width: 336px;
    height: 300px;
}

.vMix-go-types-pics td img.img-go-side {
    width: 253px;
    height: 300px;
}

.go-inclusions
{
    background: #FFF;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    padding: 30px;
    margin: 15px 0;
    height: auto;
}

.go-inclusion-text
{
    padding: 0 20px;
    font-size: 16px;
    font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.go-inclusion-text p 
{
    line-height: 150%;
}

.plus-base-div
{
    padding: 0 15px;
    line-height: 35px;
    font-size: 28px;
    font-weight: 600;
    font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    width: 500px;
    margin: 0 auto;
}

.price-text
{
    font-weight: normal;
    font-size: 22px;
    line-height: 28px;
}

.techspecs-table, .thunder-pro-specs
{
    border-spacing: 3px;
    margin: 0 auto;
    background: #FFF;
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    padding: 5px;
        font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        color: #000;
}

.techspecs-table {
    width: 900px;
}

.thunder-pro-specs{
        width: 1000px;
}

.techspecs-table td, .thunder-pro-specs td{
    padding: 8px;
    vertical-align: top;
    background: #f4f4f4;
    text-align: left;
}

td.techspecs-heading{
    text-align: center;
    font-weight: 600;
    background: #e1e1e1;
    width: 135px;
    font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.techspecs-table p, .thunder-pro-specs p{
    margin: 0 !important;
}

.thunder-pro-laptop {
    display: inline-block;
    width: 300px;
    height: 241px;
    margin-left: 50px;
    margin-top: 50px;
    vertical-align: top;
}

.vmix-go-features {
    height: auto;
    width: 100%;
    background: #020f1d url(images/go/top-img-large.jpg) center center no-repeat;
    position: relative;
    overflow: hidden;
    padding-bottom: 20px;
}

.vmix-go-features-table
{
    padding: 10px 20px;
    background: #2c3543;
    background: rgba(2,15,29,0.7);
    border: 1px solid #020f1d;
    text-align: center;
    margin-bottom: 15px;
}

.vmix-go-features-table td
{
    width: 50%;
    color: #FFF;
    padding: 10px;
    vertical-align: top;
}

.vmix-go-features-table td p,
.vmix-go-features-table p{
    margin: 5px 0 15px 0;
    line-height: 130%;
    font-size: 14px;
    color: #FFF;
}

.vmix-go-features-table td h6,
.vmix-go-features-table h6{
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    color: #28a035;
    font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.vmix-go-features .vmix-go-features-inner {
    width: 1000px;
    height: auto;
    margin: 0 auto 0 auto;
    padding: 35px 0 0 0;
    z-index: 1050;
    position: relative;
}

#morefeatures, #morefeatures h6, #morefeatures p,
#featuresnoscript, #featuresnoscript h6, #featuresnoscript p
{
    text-align: left;
}

.diagram-box
{
    background: #f1f1f1;
    padding: 30px 20px 20px 20px;
    width: 1000px;
    margin: 0 auto 15px auto;
}

.amp{

    font-size: 26px;
    font-weight: 600;
    display: inline-block;
    margin: 0 10px !important;
   line-height: 40px;
}

.vmix-diagram-logos
{
    text-align: center;
}

.vmix-diagram-logos img
{
    display: inline-block;
    vertical-align:  middle;
}

.panel-diagram {
    width: 960px;
    margin: 0 auto;
    color: #000;
    font-size: 16px;
}

.panel-info-1
{
    font-weight: 600;
    font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    line-height: 80px;
    height: 80px;
}

.panel-info-2
{
    font-weight: 600;
    line-height: 72px;
    height: 72px;
    font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.panel-1-td {
    width: 31%;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 15px;
}

.panel-2-td {
    width: 40%;
    text-align: center;
    vertical-align: middle;
}

.panel-3-td
{
     width:30%;
     vertical-align: top;
     text-align: center;
}

.panel-info-3
{
    font-weight: 600;
    font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    line-height: 22px;
    height: 22px;
    padding: 20px 0;
}

.interface-pic{
    width: 900px;
    height: 506px;
    margin: 0 auto;
}

.interface-table{
    width: 900px;
    margin: 20px auto 0 auto;
font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    background: #FFF;
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    padding: 5px;
}

.interface-table td.int-head{
    width: 33%;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    padding: 5px 7px;
    background: #e1e1e1;
    color: #000;
    line-height: 32px;
    vertical-align: top;
}

.interface-table td.int-text{
    font-size: 14px;
    font-weight: normal;
    padding: 5px 7px;
    background: #ededed;
    color: #000;
    vertical-align: top;
    line-height: 26px;
}

td.int-head img{
    width: 25px;
    height: 26px;
    margin-right: 7px;
    vertical-align: middle;
}

span.te-text
{
    font-weight: normal;
    font-size: 12px;
}

a.go-buy-button
{
    display: inline-block !important;
    margin-bottom: 15px;
}

a.sc-link, a.sc-link:link
{
    font-size: 24px;
    color: #FFF;
    font-weight: 600;
}

.vmix-systems-box2 .f-left{
    text-align: center;
    width: 410px
}

.vmix-systems-box2 .f-right{
    text-align: center;
    width: 300px
}

.powered-aja
{
    margin-top: 15px;
}

.go-header .box-img, .thunder-header .box-img
{
    position: relative;
}

.go-fourthblock
{
    width: 100%;
    overflow: hidden;
    background: url(http://www.vmix.com/images/go/bg-texture.jpg) repeat;
    padding: 20px 0;
}

.go-thirdblock
{
    width: 100%;
    overflow: hidden;
}

.go-secondblock {
    width: 100%;
    overflow: hidden;
    background: #020f1d;
    color: #FFF;
}

.go-secondblock .vmix-postcontent{
        text-align: center;
        font-size: 14px;
}

h6.secondblock-headline, h6.fourthblock-headline, h6.sixthblock-headline
{
    color: #FFF
}

.go-fifthblock
{
    background: #f1f1f1;
}

.go-sixthblock {
    line-height: 170%;
    font-size: 18px;
    background: #030a16 url(http://www.vmix.com/images/go/sixblock.jpg) top center no-repeat;
    width: auto;
    height: 100%;
    color: #FFF;
}
.go-sixthblock .inner-block{
    text-align: center;
}

p.go-features-blurb
{
font-weight: 600; 
text-align: center; 
font-size: 16px;
font-family: "Open Sans",Muli,Arial,"Arial Unicode MS",Helvetica,sans-serif;
}

span.hdsdi{
    font-weight: normal;
    font-size: 18px;
}

.contactme-box{
    background: rgba(248,248,248,0.7);
    padding: 20px;
    width: 70%;
    margin: 0 auto;
    border: 2px solid #2f78bb;
}

.contactme-form
{
    width: 100%;
}

.contactme-form
{
    color: #333;
}

.contactme-form .formhead{
    text-align: left;
    font-weight: bold;
}

.contactme-form td{
    text-align: left;
    width: 50%;
}

input.contact-me-input
{
    width: 95%;
    margin: 0 0 10px 0;
    padding: 5px;
}

select.contact-me-input
{
    width: 95%;
    margin: 0 0 15px 0;
    padding: 3px;
}

.contactme-form td span{
    color: red;
}

.contactme-box h6{
    font-weight: normal;
    font-size: 30px;
    text-align: center;
    font-family: 'Muli', 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
    margin: 5px 0 15px 0;
    color: #000;
}

p.contactme-note
{
    text-align: center;
    font-weight: 500;
    color: #000;
}

/* End vMix GO Page*/

/* Start vMix Thunder Page */

h3.thunder-longpage-headline
{
    font-weight: normal;
    text-align: center;
    font-size: 30px;
    color: #FFF;
    margin-top: 10px;
    font-family: 'Muli', 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
    font-size: 28px;
}

#thunder-menu-div, #thunder-menu-div2
{
    display: inline-block;
    width: 100%;
    position: relative;
    top:0;
    background: #09001e;
    border-bottom: 1px solid #FFF;
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    text-align: center;
    margin: 0;
    padding: 12px 0 15px 0;
    z-index: 3000;
}

#thunder-menu-div.fixed {
    position: fixed;
    top: 0;
}

.thunder-menu-inner {
    margin: 0 auto;
}

.thunder-page-menu
{
    width: 1080px;
    margin: 0 auto 0 auto;
}

.thunder-page-menu td
{
    text-align: center;
    padding: 3px 8px;
}

.thunder-page-menu.thunder-pro-menu td
{
    width: 20%;
}

.thunder-page-menu a, .thunder-page-menu a:link, .thunder-page-menu a:visited {
    color: #FFF;
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
    display: block;
    line-height: 17px;
    background: transparent;
    border: 1px solid #FFF;
    padding: 10px 5px;
    font-family: 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
    }

.thunder-page-menu a:hover {
    color: #09001e;
    text-decoration: none;
    background: #FFF;
    border: 1px solid #09001e;
    }

.thunder-submenu-button a.vmix-button, .thunder-submenu-button a.vmix-button:link, .thunder-submenu-button a.vmix-button:visited
{
    text-decoration: underline !important;
    font-weight: 600;
    font-size: 18px;
    font-family: 'Open Sans', Muli, 'Century Gothic', arial, helvetica, verdana, sans-serif;
  display: block;
  margin: 0 20px;
  color: #FFF;
  min-width: 4em;
  padding: 6px;
  width: 350px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #000;
  line-height: 31px;
}

.thunder-submenu-button a.vmix-button:hover
{
  text-decoration: none !important;
}

.thunder-headline{
    width: 319px;
    margin: 0 auto;
    height: 64px;
    background: url(http://www.vmix.com/images/thunder/vmix-thunder-logo.png) no-repeat;
}

.thunder-logo-black{
    background: url(http://www.vmix.com/images/thunder/vmix-thunder-logo-black.png) no-repeat;
    width: 344px;
    height: 58px;
    margin: 0 auto 15px auto;
}


.thunder-firstblock
{
    width: 100%;
    overflow: hidden;
    background: #f1f1f1;
    padding: 10px 0;
}

.thunder-fourthblock
{
    width: 100%;
    overflow: hidden;
    background: url(http://www.vmix.com/images/thunder/bg-texture.jpg) repeat;
    padding: 20px 0;
}

.thunder-thirdblock, .thunder-pro-thirdblock
 {
    width: 100%;
    overflow: hidden;
}

.thunder-thirdblock{
    background: #FFF;
}

.thunder-secondblock, .thunder-pro-thirdblock {
    width: 100%;
    overflow: hidden;
    background: #09001e;
    color: #FFF;
}

.thunder-secondblock .vmix-postcontent{
        text-align: center;
        font-size: 14px;
}

h6.secondblock-headline, h6.fourthblock-headline, h6.sixthblock-headline
{
    color: #FFF
}

h6.secondblock-headline, 
h6.thirdblock-headline,
h6.fourthblock-headline,
h6.fifthblock-headline,
h6.sixthblock-headline
{
    font-weight: normal;
    font-size: 32px;
    text-align: center;
    font-family: 'Muli', 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
    margin: 5px 0 15px 0;
}

.thunder-sixthblock{
    line-height: 170%;
    font-size: 18px;
    background: #030a16 url(http://www.vmix.com/images/go/sixthblock-bg.jpg) top center no-repeat;
    width: 100%;
    height: auto;
    color: #FFF;
}
.thunder-sixthblock .inner-block{
    text-align: center;
}


.thunder-submenu
{
    width: 100%;
    padding: 30px 0;
}

.thunder-submenu-inner
{
    width: 830px;
    margin: 0 auto;
}

.vmix-thunderpage-bg{
    height: 700px;
    width: 100%;
    background: #09001e url(http://www.vmix.com/images/thunder/thunder-top-img.jpg) bottom center no-repeat;
    position: relative;
}

.vmix-thunderpage-inner{
    width: 1000px;
    margin: 0 auto;
        text-align: center;
        padding-top: 30px;
}

.thunder-images {
    width: 848px;
    margin: 25px auto 0 auto;
    height: 392px;
}

.laptop-asterix
{
font-weight: bold;
font-size: 10px;
text-align: left;
vertical-align: top;
margin-left: 100px;
margin-top: 5px;
color: #FFF;
}

.msi-title{
    font-size: 13px;
    font-weight: bold;
text-align: left;
vertical-align: top;
margin-left: 100px;
color: #FFF;
}


.thunder-overview
{
    width: 1060px;
    padding: 15px;
    /* background: #FFF; */
    text-align: center;
    margin: 0 auto 15px auto;
}

.thunder-overview td, .specs-box td
{
    vertical-align: top;
}


.hi-res-img
{
    text-align: center;
}

.hi-res-img a
{
    vertical-align: top;
    display: inline-block;
}


.thunder-comp-logos {
    width: 25%;
text-align: right;
padding-right: 30px;
}

.fl-side1
{
    width:520px;
}

.thunder-overview td.fl-side2, .thunder-overview td.fl-side2 img
{
    
    vertical-align: middle;
}

.features-list td.thund-doc, .features-list td.thund-doc h6, .features-list td.thund-doc div
{
    text-align: center;
}

.features-list td.thund-doc h6, .features-list td.thund-doc img
{
    margin-bottom: 10px;
}

.features-list td.thund-doc div.thund-doc-div
{
    background: #FFF;
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
    padding: 10px 0 20px 0;
    width: 360px;
    margin: 0 auto;
}

.company-images{
    margin-top: 30px;
}

.features-list .fl-side2 h6, .features-list .fl-side2
{
    text-align: center;
}

.features-list .fl-side2 h6
{
    margin-bottom: 15px;
}

.features-list .fl-side2 a.vmix-button{
    margin-top: 15px;
    margin-bottom: 15px;
}

.features-list
{
    width: 1000px;
    margin: 0 auto;
}

.features-list h6{
    text-align: left;
    margin-bottom: 0;
    font-size: 22px;
}

.features-list td{
    font-size: 22px;
        font-family: Muli, 'Open Sans', 'Century Gothic', Arial, Verdana, Helvetica, Sans-Serif;
        text-align: left;
}

.features-list ul li
{
    font-size: 20px;
        font-family: Muli, 'Open Sans', 'Century Gothic', Arial, Verdana, Helvetica, Sans-Serif;
        line-height: 35px;
        text-align: left;
}

.features-list ul
{
    margin: 10px 0 10px 10px;
}

.features-list td img{
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

.thunder-comp-logos img{
    margin: 4px 0;
}

.laptop-list
{
    width: 1040px;
    margin: 0 auto;
}

.laptop-list td 
{
   vertical-align: top;
}


.laptop-list td li
{
    text-align: left;
    color: #FFF;
    font-size: 16px;
}

p.thunder-t
{
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

h6.thunder-h6, .hi-res-img h5, h6.thunder-pro-h6{
    text-align: center;
    margin: 15px 0 10px 0;
    font-size: 20px;
}

h6.thunder-pro-h6{
        color: #FFF;
}

.config-info
{
    padding: 10px;
}

.thunder-example-config{
    width: 450px;
    margin: 0 auto;
}

.pro-config
{
    color: #FFF;
}

ul.config-ul li{
    color: #FFF !important;
}

.config-info p, .hi-res-img p{
    font-size: 14px;
    line-height: 20px;
}

.hi-res-img
{
    text-align: center;
}

.hi-res-img table{
    width: 100%;
}

.hi-res-img table td{
    width: 33%;
    text-align: center;
    vertical-align: top;
    padding: 10px;
}

.thunder-ts-table td:before {
    content: '\2022';
    font-size: 18px;
    padding-right: 10px;
}

.interface-pic{
    width: 900px;
    height: 506px;
    margin: 0 auto;
}

.interface-table, .diagram-table
{
    width: 900px;
    margin: 20px auto 0 auto;
    font-family: 'Muli', 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
    background: #FFF;
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    padding: 5px;
}

.dsw{

}

.interface-table td.int-head, .diagram-table td.int-head
{
    width: 33%;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 7px;
    background: #e1e1e1;
    color: #000;
    line-height: 32px;
    vertical-align: top;
}

.u-secondblock .diagram-table td.int-head
{
    width: 25%;
    font-weight: 600;
}

.interface-table td.int-text{
    font-size: 14px;
    font-weight: normal;
    padding: 5px 7px;
    background: #ededed;
    color: #000;
    vertical-align: top;
    line-height: 26px;
}

.diagram-table td.int-head
{
    font-size: 15px !important;
}

.diagram-table td.int-head p.te-text, p.te-text
{
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    padding: 0 5px;
}

td.int-head img{
    width: 25px;
    height: 26px;
    margin-right: 7px;
    vertical-align: middle;
}

.thunder-price
{
background: #28a035;
padding: 5px 10px;
color: #FFF;
font-weight: 600;
font-size: 26px;
width: 210px;
text-align: center;
font-family: 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
margin: 15px auto 0 auto;
}

/* End vMix Thunder Page */

/* Start vMix Control Surface Page */

#cs-menu-div, #cs-menu-div2
{
    display: inline-block;
    width: 100%;
    position: relative;
    top:0;
    background: #020f1d;
    border-bottom: 1px solid #FFF;
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    text-align: center;
    margin: 0;
    padding: 12px 0 15px 0;
    z-index: 3000;
}

#cs-menu-div.fixed {
    position: fixed;
    top: 0;
}

.cs-menu-inner {
    width: 1080px;
    margin: 0 auto;
}

.cs-page-menu
{
    width: 1010px;
    margin: 0 auto 0 auto;
}

.cs-page-menu td
{
    width: 16%;
    text-align: center;
    padding: 5px;
}

.cs-page-menu a, .cs-page-menu a:link, .cs-page-menu a:visited {
    color: #FFF;
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
    display: block;
    line-height: 17px;
    background: transparent;
    border: 1px solid #FFF;
    padding: 10px;
    font-family: 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
    }

.cs-page-menu a:hover {
    color: #020f1d;
    text-decoration: none;
    background: #FFF;
    border: 1px solid #020f1d;
    }

.cs-price
{
background: #28a035;
padding: 5px 10px;
color: #FFF;
font-weight: 600;
font-size: 28px;
width: 210px;
text-align: center;
font-family: 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
margin: 15px auto 0 auto;
line-height: 40px;
}

.cs-firstblock
{
    width: 100%;
    overflow: hidden;
    background: #f1f1f1;
    padding: 10px 0;
}

.vmix-cspage-bg{
    height: 470px;
    width: 100%;
    background: #020f1d url(http://www.vmix.com/images/controlsurface/top-bg-img.jpg) top center no-repeat;
    position: relative;
}

.vmix-cspage-inner {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
}

.vmixsocialprod
{
background: url(images/vmixsocial/logo.png);
width: 300px;
height: 84px;
margin: 0 auto;
}

.vmixreplaylog
{
background: url(images/replay/vmixreplaylogo.png);
width: 332px;
height: 84px;
margin: 0 auto;
}

.cs-logo{
    width: 300px;
    margin: 0 auto;
    height: 84px;
    background: url(images/controlsurface/vmix-cs-logo-black.png) no-repeat;
}

.cs-longpage-table {
    margin: 20px auto 0 auto;
    width: 980px;
    font-family: 'Muli', 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
}

.cs-longpage-table td.side-1{
    vertical-align: middle;
    line-height: 170%;
    padding: 0;
    color: #FFF;
    text-align: center;
    font-size: 24px;
    padding-right: 10px;
}

.cs-longpage-table td.side-2{
    vertical-align: middle;
    text-align: center;
    padding-left: 10px;
}

.cs-longpage-table td.side-1 h6 {
    font-weight: bold;
    text-align:center;
}

h3.cs-longpage-headline
{
    font-weight: normal;
    text-align: center;
    font-size: 30px;
    color: #FFF;
    margin-top: 10px;
    font-family: 'Muli', 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
}

.cs-pic{
    margin-top: 35px;
}

.cs-overview
{
    width: 1000px;
    margin: 0 auto;
}

.cs-overview td, .specs-box td
{
    vertical-align: top;
}

.cs-interface-table{
    width: 1000px;
    margin: 20px auto 0 auto;
    font-family: 'Muli', 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
    background: #FFF;
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    padding: 5px;
    text-align: left !important;
}

.cs-interface-table td.int-head{
    width: 25%;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 7px;
    background: #e1e1e1;
    color: #000;
    line-height: 32px;
    vertical-align: top;
}

.cs-interface-table td.int-text{
    font-size: 14px;
    font-weight: normal;
    padding: 7px 7px 10px 7px;
    background: #ededed;
    color: #000;
    vertical-align: top;
    line-height: 26px;
}

.cs-interface-table td.int-head img{
    width: 25px;
    height: 26px;
    margin-right: 7px;
    vertical-align: middle;
}

.cs-interface-pic {
    width: 948px;
    margin: 0 auto;
}

.cs-firstblock
{
    width: 100%;
    overflow: hidden;
    background: #f1f1f1;
    padding: 10px 0;
}

.inner-block{
    width: 1100px;
    margin: 15px auto;
    overflow: hidden;
}

.cs-fourthblock
{
    width: 100%;
    overflow: hidden;
    background: url(http://www.vmix.com/images/go/bg-texture.jpg) repeat;
    padding: 20px 0;
}

.cs-thirdblock
{
    width: 100%;
    overflow: hidden;
    background: #FFF;
}

.cs-secondblock {
    width: 100%;
    overflow: hidden;
    background: #020f1d;
    color: #FFF;
}

.cs-secondblock .studio-postcontent{
        text-align: center;
        font-size: 14px;
}

h6.secondblock-headline, h6.fourthblock-headline, h6.sixthblock-headline
{
    color: #FFF
}

h6.firstblock-headline,
h6.secondblock-headline, 
h6.thirdblock-headline,
h6.fourthblock-headline,
h6.fifthblock-headline,
h6.sixthblock-headline
{
    font-weight: normal;
    font-size: 32px;
    text-align: center;
    font-family: 'Muli', 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
    margin: 5px 0 15px 0;
}

.cs-sixthblock
{
    line-height: 170%;
    font-size: 16px;
    background: #030a16 url(http://www.vmix.com/images/go/sixthblock-bg.jpg) top center no-repeat;
    width: 100%;
    height: auto;
    color: #FFF;
    text-align: center;
}

.cs-sixthblock .inner-block {
    text-align: center;
}

/* End vMix Control Surface Page */


/* Start Purchase Page */

.purchasetable
{
     width: 100%;
     border-spacing: 2px;
}
 
.purchasetable td
{
      text-align:center;
      width: 114px;
      padding: 5px;
vertical-align: middle;
}

.purchasetable td img
{
vertical-align: middle;
}

    .purchasetable td.tdalt {
        width: 162px;
    }

.purchasetable td.row1
{
   border-left: 1px solid #dfdfdf;
   border-right: 1px solid #dfdfdf;
   background: #f1f1f1; 
}

.purchasetable td.row2
{
   border-left: 1px solid #dfdfdf;
   border-right: 1px solid #dfdfdf;
   background: #f2f2f2; 
   background: -moz-linear-gradient(top, #f3f3f3 0%, #f2f2f2 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#f2f2f2)); 
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f2f2f2',GradientType=0 );  
}

.purchasetable td.row3
{
   border-left: 1px solid #dfdfdf;
   border-right: 1px solid #dfdfdf;
   background: #f1f1f1; 
   background: -moz-linear-gradient(top, #f2f2f2 0%, #f1f1f1 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#f1f1f1)); 
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2F2F2', endColorstr='#F1F1F1',GradientType=0 );  
}

.purchasetable td.row4
{
   border-left: 1px solid #dfdfdf;
   border-right: 1px solid #dfdfdf;
   background: #efefef; 
   background: -moz-linear-gradient(top, #f1f1f1 0%, #efefef 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#efefef)); 
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#efefef',GradientType=0 );  
}

.purchasetable td.row5
{
   border-left: 1px solid #dfdfdf;
   border-right: 1px solid #dfdfdf;
   background: #ededed; 
   background: -moz-linear-gradient(top, #efefef 0%, #ededed 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#ededed)); 
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ededed',GradientType=0 );  
}

.purchasetable td.row6
{
   border-left: 1px solid #dfdfdf;
   border-right: 1px solid #dfdfdf;
   background: #ebebeb; 
   background: -moz-linear-gradient(top, #ededed 0%, #ebebeb 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ebebeb)); 
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ebebeb',GradientType=0 );  
}

.purchasetable td.row7
{
   border-left: 1px solid #dfdfdf;
   border-right: 1px solid #dfdfdf;
   background: #e9e9e9; 
   background: -moz-linear-gradient(top, #ebebeb 0%, #e9e9e9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#e9e9e9)); 
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#e9e9e9',GradientType=0 );  
}

.purchasetable td.row8
{
   border-left: 1px solid #dfdfdf;
   border-right: 1px solid #dfdfdf;
   background: #e8e8e8; 
   background: -moz-linear-gradient(top, #e9e9e9 0%, #e8e8e8 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#e8e8e8)); 
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#e8e8e8',GradientType=0 );  
}

.purchasetable td.row9
{
   border-left: 1px solid #dfdfdf;
   border-right: 1px solid #dfdfdf;
   background: #e7e7e7; 
   background: -moz-linear-gradient(top, #e8e8e8 0%, #e7e7e7 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#e7e7e7)); 
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#e7e7e7',GradientType=0 );  
}

.purchasetable td.row10
{
   border-left: 1px solid #dfdfdf;
   border-right: 1px solid #dfdfdf;
   border-bottom: 1px solid #dfdfdf;
   background-color: #e7e7e7; 
}
  
.purchasetable td.tdalt
{
       text-align:right;
       font-weight:bold;
       color: #042479;
       border: none;
       background: none;
       border: 1px solid #dfdfdf;
}

.purchasetable td.tdhead
{
    text-align:center;
    font-size:16px;
    font-weight: 600;
    color:#fff;
    width: 114px;
    background: #2478bd; 
    background: -moz-linear-gradient(top, #2478bd 0%, #185180 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2478bd), color-stop(100%,#185180)); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2478bd', endColorstr='#185180',GradientType=0 ); 
    background: -ms-linear-gradient(top, #2478bd 0, #185180 100%) no-repeat;
    border: 1px solid #2478bd;
    margin: 0 auto;
    height: 20px;
    padding: 5px;
}

.purchasetable td.pricehead
{
    font-size:16px;
    font-weight:bold;
    text-align:center;
    width: 114px;
    background: #FFF; 
}

.purchasetable td.alt
{
   border: 1px solid #dfdfdf;
}

.purchasetable td.alt1
{
    border: 1px solid #dfdfdf;
}

.purchasetable td.alt2
{
   border: 1px solid #dfdfdf;
}

.purchasetable td.buyrow{
    padding: 0 !important;
    text-align: center;
}

.purchasetable .vmix-button, .purchasetable a.vmix-button, .purchasetable a.vmix-button:link, .purchasetable a.vmix-button:visited, .purchasetable a.vmix-button:hover{
    width: auto;
padding: 0 !important;
display: block;
}

.purchasepage-link
{
    font-weight: bold;
    font-size: 18px;
}

.purchasepage-table
{
    width: 100%;
    border: 1px solid #dfdfdf;
    background: #fff; 
    border-spacing: 2px;
}

.purchasepage-table td
{
    text-align: center;
    border: 1px solid #dfdfdf;
    width:50%;
    vertical-align:top;
    padding: 5px;
}

.purchasepage-table td h3
{
    text-align: center;
}

.outer-submenu
{
    width: 100%;
    margin: 0 auto;
}

        .submenuContainer
        {
          width: 1060px;
          margin: 10px auto 0 auto; 
          text-align: center; 
         background: #135b96;        
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMTM1Yjk2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjMTg3ZGJjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(45deg,  #135b96 0%, #187dbc 32%, #7db9e8 100%);
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#135b96), color-stop(32%,#187dbc), color-stop(100%,#7db9e8));
        background: -webkit-linear-gradient(45deg,  #135b96 0%,#187dbc 32%,#7db9e8 100%);
        background: -o-linear-gradient(45deg,  #135b96 0%,#187dbc 32%,#7db9e8 100%); 
        background: -ms-linear-gradient(45deg,  #135b96 0%,#187dbc 32%,#7db9e8 100%);
        background: linear-gradient(45deg,  #135b96 0%,#187dbc 32%,#7db9e8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#135b96', endColorstr='#7db9e8',GradientType=1 );
          padding: 15px 10px;
        }

        .submenuActive, .submenuInactive
        {
            display: inline-block;
            color: #FFF;
            font-size: 14px;
            text-decoration: none !important;
            line-height: 30px !important;
            padding: 0 20px;
            text-align: center;
            vertical-align: middle;
            border: 1px solid #FFF;
            margin-right: 10px;
        }
        .submenuActive, a.submenuActive, a.submenuActive:link, a.submenuActive:visited
        {
            height: 30px;
            color: #135b96;
            font-weight: 600;
            background: #FFF;
        }

        .submenuInactive, .submenuInactiveWithoutSpace
        {
            height: 30px;
         }

        a.submenuInactive, a.submenuInactiveWithoutSpace, a.submenuInactive:link, a.submenuInactiveWithoutSpace:link, a.submenuInactive:visited, a.submenuInactiveWithoutSpace:visited
        {
            color: #FFF;
            font-weight: 400;
        }

        .submenuInactive:hover, a.submenuInactive:hover
        {
            color: #135b96;
            background: #FFF;
        }

        .submenuInactive.endmenu, .submenuActive.endmenu
        {
            margin-right: 0px;
        }

.important-note{
    padding: 10px;
    border: 1px solid #89b5e1;
    background: #d5e5f5
}

.important-note p
{
    margin: 5px 0 0 0;
    font-size: 15px;
}

.important-note p.sysref
{
    margin: 0;
    font-size: 15px;
}

.important-note .notehead
{
   color: #1C69B5;
   margin: 0;
   font-size: 18px;
   font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: 600;
}

.important-note{
    margin-bottom: 20px;
}

.important-note.commonpurchase{
     padding: 10px;
    border: 1px solid #41b649;
    background: #ddf7de;
}

.important-note.commonpurchase .notehead
{
    color: #1c8f24;
}

@media (min-width: 1100px) {
    .important-note.purchasenote,
    .important-note.commonpurchase {
        display: inline-block;
        width: 47%;
        vertical-align: top;
        height: 160px;
    }

    .important-note.purchasenote {
        margin-right: 5px;
    }

    .important-note.commonpurchase{
    margin-left: 5px;
}
}

.purchase-bold-text {
    /* color: #1C69B5; */
    color: #000;
    font-size: 16px;
    font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: 600;
    text-align: left;
    margin: 20px 0 !important;
}

.purchase-bold-text a,.purchase-bold-text a:link, .purchase-bold-text a:visited
{
    text-decoration: underline;
    font-weight: 600;
}

.purchase-bold-text a:hover{
    text-decoration: none;
}

/* End Purchase Page */

/* Start Resellers Page */

.resellers-table{
    font-size: 14px; 
    font-weight: bold; 
    color: #1C69B5; 
    margin: auto auto;
}

.resellers-table td
{
    padding: 4px;
}

.resellers-top-div {
    margin: 0 auto; 
    text-align: center;
    width: 100%;
    padding: 10px 0 20px 0;
}

.features-row h5, .features-row h5 a, .features-row h5 a:link, .features-row h5 a:visited, .features-row h5 a:hover
{
    font-size: 20px;
    font-weight: 600;
    margin-top: 0;
}

.reseller-box .features-row h4{
        font-size: 20px;
    font-weight: 600;
    margin-top: 0;
    color: #1C69B5;
    margin: 10px 0;
    font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.reseller-box
{
    padding: 20px;
    /* background: #ececec; */
    background: #f1f1f1;
    margin: 15px 0;
}

.resell-serv
{
    color: #006600; 
    font-weight: bold; 
    font-size: 14px;
}

/*h2.country-h2
{
 margin-left: 0;
 margin-bottom: 15px;
 margin-top: 20px;
}*/

h2.country-h2 {
    padding: 15px;
    background: #D9DEE3;
    display: block;
    color: #1C69B5;
    font-weight: 600;
    text-decoration: none !important;
    text-align: left;
    font-size: 20px;
    line-height: 20px;
}

      h2.country-h2
      {
            margin: 0 0 20px 0;
      }

.grey-box{
    background: #f1f1f1;
    padding: 10px 20px;
    width: 1040px;
    margin: 0 auto 20px auto;
}

.d-grey-box{
    background: #f1f1f1;
    padding: 10px 20px 20px 20px;
    margin: 25px auto 10px auto;
    width: 1040px;
}

.a-grey-box{
    background: #f1f1f1;
    padding: 10px 20px 20px 20px;
    width: 1040px;
    margin: 0 auto 20px auto;
}

.d-text-img
{
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}

h1.d-inline{
    display: inline-block;
    margin: 0;
    line-height: 60px;
}

.d-inline {
    display: inline-block;
}

.d-60day-text, .sixtydayimg
{
    display: table-cell;
}

.reseller-services, .reseller-details
{
    float: right;
    width: 600px; 
}

.reseller-name{
    float: left;
    width: 350px; 
    margin-top: 10px;
}

.reseller-address{
    float: left;
    width: 350px; 
}

.reseller-row{
    width: 975px;
    height: auto;
}

h3.state-h3{
    font-size: 22px;
    margin-top: 20px;
}

.reseller-program-table{
    width: 100%;
}

.reseller-program-table td
{
    padding: 4px;
}

.reseller-program-table td.td-head
{
    width: 211px
}

/* End Resellers Page */

/* Start Partners Page */

      .partnerHeading, .partnerHeading a, .partnerHeading a:link, .partnerHeading a:visited,
      .partnerHeading h2, .partnerHeading h2 a, .partnerHeading h2 a:link, .partnerHeading h2 a:visited
      {
           color: #1C69B5;
           font-weight: 600;
           text-decoration:  none !important;       
           text-align: left;           
            font-size: 20px;  
            line-height: 20px;
            margin: 0;
       }

      .partnerHeading
      {
            padding: 15px;
            background: #D9DEE3;
            width: 1070px;
            margin-bottom: 0;
      }

      h2.suppharhead, h2.suppharhead2, h2.downhead, h2.downhead2, h2.presshead, h2.presshead2, h2.traininghead
      {
            padding: 15px;
            background: #D9DEE3;
            display: block;
            color: #1C69B5;
           font-weight: 600;
           text-decoration:  none !important;       
           text-align: left;           
            font-size: 20px;  
            line-height: 20px;
      }

      h2.suppharhead, h2.downhead, h2.presshead
      {
            margin: 30px 0 20px 0;
      }

      h2.suppharhead2, h2.downhead2, h2.presshead2
      {
            margin: 0 0 20px 0;
      }

      h2.traininghead
      {
            margin: 0;
      }

       .partnerLink
       {
           color: #1C69B5;
           text-decoration:  underline !important;
       }
       .partnerDescription
       {
           margin-top: 0;
           margin-bottom: 10px;
       }
      .logoImage
      {
          border-width: 0px;
        width: 200px;
          height: 100px;
          margin: 0 30px;
      }


.submenu-box
{
    width: 1080px;
    margin: 0 auto; 
    text-align: center; 
    padding: 15px 10px;
    display: inline-block;
}

.submenu-box a, .submenu-box a:link, .submenu-box a:visited
{
    display: inline-block;
            color: #FFF;
            font-size: 14px;
            text-decoration: none !important;
            line-height: 30px !important;
            padding: 0 20px;
            text-align: center;
            vertical-align: middle;
            border: 1px solid #FFF;
            margin: 0 30px;
            background: #1C69B5;
}

.submenu-box.solut-box a
{
        width: 150px;
}

.submenu-box.suphar-box a{
    width: 170px;
}

.submenu-box.trainvid-box a,
.submenu-box.trainvid-box a:link,
.submenu-box.trainvid-box a:visited,
.submenu-box.trainvid-box a:hover
{
    width: 160px;
        margin: 0 15px;
        padding: 0 10px;
}

.submenu-box.press-box a
{
    width: 180px;
    margin: 0 20px;
}

.submenu-box.down-box a{
    width: 250px;
}

.submenu-box a:hover
{
    color: #FFF;
    background: #135b96;
}

/* End Partners Page */

/* Start Other Pages */

.church-form{
    width: 100%;
    font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.church-form td{
    vertical-align: top;
    padding: 5px 10px 10px 0;
}

.church-form span{
    color: red;
}

.church-head{
    width: 130px;
    font-weight: 600;
    text-align: right;
}

      .resellerHeading
      {
           color: #1C69B5;
           font-weight: 600;
           text-decoration:  none !important;       
           text-align: left;           
            font-size: 20px;  
            line-height: 20px;
            padding: 15px;
            background: #D9DEE3;
            width: 1070px;
      }

       .resellerLink
       {
           color: #FFFFFF !important;
           text-decoration:  underline !important;
       }
       .resellerDescription
       {
    background: #f1f1f1;
    padding: 10px 20px;
    margin-bottom: 20px;
    width: 1060px;
}
       }

            .answersBox
        {
            background-color: #880000;
            color: White;
            font-size: 14px;
            padding: 15px;
        }

.contact-note{
    font-size: 16px;
    font-weight: 600;
    font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    margin: 20px 0;
}

.contact-form-wrapper{
    background: #f1f1f1;
    padding-bottom: 10px;
}

.vmix-contactform
{
    width: 950px; 
    margin:20px;
}

.vmix-contactform td.formhead
{
     width:250px;
     text-align:right;
     font-weight:bold;
     vertical-align:top;
     padding-right: 10px;
}

.vmix-contactform td
{
    padding: 5px;
}

.vmix-contactform textarea
{
    border: 1px solid #dfdfdf;
}

input.contact-form-input
{
    width: 80%;
}

textarea.contact-form-text
{
    width: 80%;
}

span#SheetContentPlaceHolder_vMessageRequired, span#SheetContentPlaceHolder_vSubjectRequired, span#SheetContentPlaceHolder_vEmailRequired, span#SheetContentPlaceHolder_vNameRequired
{
    color: red;
}

#ctl00_SheetContentPlaceHolder_pAnswersList a{
    text-decoration: underline !important;
}

#ctl00_SheetContentPlaceHolder_pAnswersList a:hover
{
    text-decoration: none !important;
}

.support-table
{
    width: 1100px;
        border-spacing: 20px;
}

.support-table2
{
        border-spacing: 20px;
}

.support-table td
{
    width: 33%;
    text-align: center;
    vertical-align: top;
}

.support-table2 td
{
    width: 25%;
    text-align: center;
    vertical-align: top;
}

.support-table2 td img{
    width:60px;
    height: 60px;
}

.vmix-button.supp-button, a.vmix-button.supp-button, a.vmix-button.supp-button:link
{
    font-size: 18px;
    padding: 7px;
    width: 200px;
}

.support-table2 .vmix-button.supp-button, 
.support-table2 a.vmix-button.supp-button, 
.support-table2 a.vmix-button.supp-button:link
{
    width: 190px;
    font-size: 16px;
}

.support-box{
        background: #f1f1f1;
        margin-top: -50px;
        padding: 60px 15px 10px 15px;
}

.support-box2{
        background: #f1f1f1;
        margin-top: -30px;
        padding: 40px 15px 10px 15px;
}

.supp-row1
{
        height: 130px;
}

.supp-row2
{
        height: 170px;
}

.supp-row3
{
        height: 180px;
}

.event-title
{
background: #D9DEE3;
padding: 5px 15px;
margin-bottom: 0;
font-size: 22px;
font-weight: 600;
}

.event-title h5, .event-title h5 a, .event-title h5 a:link, .event-title h5 a:visited, .event-title h5 a:hover,
.event-title h3, .event-title h3 a, .event-title h3 a:link, .event-title h3 a:visited, .event-title h3 a:hover
{
font-size: 22px;
font-weight: 600;
display: inline-block;
}

.event-grey-box, .news-grey-box
{
    background: #f1f1f1;
    padding: 10px 20px;
    margin-bottom: 20px;
    /*width: 1030px;*/
}

.partnerDescription
{
    /*background: #f1f1f1;*/
    padding: 10px 20px;
    margin-bottom: 20px;
    width: 1060px;
}

h1.event-date{
    display: inline-block;
    font-size: 22px;
}

h5.news-title, h5.account-key-title, h2.news-title
{
background: #D9DEE3;
padding: 10px 15px;
margin-bottom: 0;
}

h6.news-date, h3.news-date
{
    margin-bottom: 0;
    margin-top: 15px;
}

h2.news-title
{
    font-size: 18px;
    font-weight: 600;
}

h3.news-date
{
    font-size: 16px;
    color: #000;
     font-weight: 600;
}

/* End Other Pages */

/* Start Account Page */

input.account-regkey-input
{
    width: 400px;
}

.account-login-table
{
    width: 100%;
}

.account-login-table td
{
    padding: 4px;
}

.account-login-table td.alt-td
{
    width: 103px;
}

.account-grey-box
{
    background: #f1f1f1;
    padding: 10px 20px;
    margin-bottom: 20px;
}

.account-table-area
{
    width: 100%;
}

.account-table-area td.td-side1
{
    width: 300px;
}

h5.account-login-title
{
background: #D9DEE3;
padding: 10px 15px;
margin-bottom: 0;
}

/* End Account Page */

/* Start Solutions Pages */

.solutions-table, .solutions-sm-table
{
    width: 100%;
}

.solutions-sm-table
{
    margin-bottom: 20px;
}

.solutions-table td
{
    width: 33%;
    padding: 5px;
}

.solutions-sm-table td
{
    width: 16%;
    padding: 0 2px 0 2px;
}

.solutions-box
{
    text-align: center;
}

.solutions-box a.sb-button, .solutions-box a.sb-button:link, .solutions-box a.sb-button:visited, .solutions-box a.sb-button:hover
{
    font-size: 34px;
    width: 320px;
    display: block;
    padding: 0;
    color: #FFF;
    background: rgba(0,0,0,0.6);
    font-weight: 400;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.9);
}

.solutions-sm-table a.sm-button, .solutions-sm-table a.sm-button:link, .solutions-sm-table a.sm-button:visited
{
    font-size: 24px;
    width: 170px;
    display: block;
    padding: 0;
    color: #FFF;
    font-weight: 600;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.9);
    line-height: 96px;
    height: 96px;
    text-align: center;
    background: rgba(0,0,0,0.3);
}

.solutions-box a.sb-button, .solutions-box a.sb-button:link, .solutions-box a.sb-button:visited, .solutions-box a.sb-button:hover
{
    line-height: 180px;
    height: 180px;
}

.solutions-box a.sb-button.m-button, .solutions-box a.sb-button.m-button:link, .solutions-box a.sb-button.m-button:visited, .solutions-box a.sb-button.m-button:hover
{
    line-height: 100%;
    height: 100px;
    padding: 40px 0;
}

.solutions-sm-table a.sm-button.sm-m-button, .solutions-sm-table a.sm-button.sm-m-button:link, .solutions-sm-table a.sm-button.sm-m-button:visited, .solutions-sm-table a.sm-button.sm-m-button:hover
{
    line-height: 100%;
    height: 76px;
    padding: 10px 0;
}

.solutions-box a.sb-button:hover, .solutions-sm-table a.sm-button:hover
{
    text-decoration: none;
}

.solutions-box:hover a.sb-button
{
    background: rgba(14,54,93,0.7);
}

.solutions-sm-table a.sm-button:hover
{
    background: rgba(14,54,93,0.6);
}

.church-box, .sports-box, .events-box, .meetings-box, .education-box, .gaming-box
{
    width: 320px;
    height: 180px;
    border: 7px solid #D9DEE3;
}

.church-box{
    background: url(http://www.vmix.com/images/solutions/churches.jpg) no-repeat;
}

.sports-box{
    background: url(http://www.vmix.com/images/solutions/sports.jpg) no-repeat;
}

.events-box{
    background: url(http://www.vmix.com/images/solutions/concert.jpg) no-repeat;
}

.meetings-box{
    background: url(http://www.vmix.com/images/solutions/meetings.jpg) no-repeat;
}

.education-box{
    background: url(http://www.vmix.com/images/solutions/education.jpg) no-repeat;
}

.gaming-box{
    background: url(http://www.vmix.com/images/solutions/gaming.jpg) no-repeat;
}

.church-sm-box, .sports-sm-box, .events-sm-box, .meetings-sm-box, .education-sm-box, .gaming-sm-box
{
    width: 170px;
    height: 96px;
    border: 4px solid #D9DEE3;
}

.church-sm-box{
    background: url(http://www.vmix.com/images/solutions/churches-sm-bw.jpg) no-repeat;
}

.church-sm-box:hover, .church-sm-box-active
{
    background: url(http://www.vmix.com/images/solutions/churches-sm-colour.jpg) no-repeat;
}

.sports-sm-box
{
    background: url(http://www.vmix.com/images/solutions/sports-sm-bw.jpg) no-repeat;
}

.sports-sm-box:hover, .sports-sm-box-active
{
    background: url(http://www.vmix.com/images/solutions/sports-sm-colour.jpg) no-repeat;
}

.events-sm-box
{
    background: url(http://www.vmix.com/images/solutions/concert-sm-bw.jpg) no-repeat;
}

.events-sm-box:hover, .events-sm-box-active
{
    background: url(http://www.vmix.com/images/solutions/concert-sm-colour.jpg) no-repeat;
}

.meetings-sm-box
{
    background: url(http://www.vmix.com/images/solutions/meetings-sm-bw.jpg) no-repeat;
}

.meetings-sm-box:hover, .meetings-sm-box-active
{
    background: url(http://www.vmix.com/images/solutions/meetings-sm-colour.jpg) no-repeat;
}

.education-sm-box
{
    background: url(http://www.vmix.com/images/solutions/education-sm-bw.jpg) no-repeat;
}

.education-sm-box:hover, .education-sm-box-active
{
    background: url(http://www.vmix.com/images/solutions/education-sm-colour.jpg) no-repeat;
}

.gaming-sm-box
{
    background: url(http://www.vmix.com/images/solutions/gaming-sm-bw.jpg) no-repeat;
}

.gaming-sm-box:hover, .gaming-sm-box-active
{
    background: url(http://www.vmix.com/images/solutions/gaming-sm-colour.jpg) no-repeat;
}

.solution-img
{
    float: right;
    margin-left: 10px;
    border: 6px solid #D9DEE3;
}

.action-img
{
    float: right;
    margin-left: 20px;
    border: 6px solid #D9DEE3;
}

h1.action-header
{
   color: #000000;
   margin: 10px auto 0 auto;
   font-size: 30px;
   font-family: Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
    padding: 10px 15px;
    background: #D9DEE3;
    width: 1050px;
}

.action-div{
    margin: 10px 0;
}

/* End Solutions Pages */

/* Start Software Page */

.software-img
{
    float: right;
    margin-left: 25px;
    margin-bottom: 25px;
}

software-text
{
    float: left;
}

.flowchart-table
{
    width: auto;
}

.flowchart-table.fc-table2{
    margin-left: 100px;
}

.flowchart-table td.content-td
{
    vertical-align: bottom;
    padding: 0 20px 0 30px;
    width: 270px;
}

.flowchart-table td.camera-td
{
    vertical-align: bottom;
    padding: 0 20px 0 0;
    width: 320px;
}

.flowchart-table td.capture-td
{
    vertical-align: bottom;
    padding: 10px 20px 0 0;
    width: 290px;
}

td.content-td p, td.camera-td p, td.capture-td p{
    margin-bottom: 0;
}

.flowchart-table ul li{
       font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.flowchart-table td.record-td ul{
    margin-top: 0;
}

.flowchart-table td.record-td, .flowchart-table td.output-td
{
    vertical-align: top;
}

.flowchart-table td.output-td ul{
    margin-top: 0;
}


.flowchart-table td.left-icons, .flowchart-table td.right-icons
{
    position: relative;
}

.flowchart-table td.left-icons
{
    vertical-align: bottom;
    text-align: right;
}

.flowchart-table td.right-icons
{
    vertical-align: bottom;
    text-align: left;
}

.flowchart-table td.left-icons .record-icon{
    position: absolute;
    bottom: 50px;
    right: 0;
}

.flowchart-table td.left-icons .camera-icon{
    position: absolute;
    top: 0;
    right: 0;
}

.flowchart-table td.right-icons .output-icon{
    position: absolute;
    bottom: 50px;
    left: 0;
}

.flowchart-table td.right-icons .content-icon{
    position: absolute;
    top: 0;
    left: 0;
}

.flowchart-table td h6.fc-title, .flowchart-table td h6.record-title, .flowchart-table td h6.output-title, .flowchart-table td h6.content-title, .flowchart-table td h6.camera-title, .flowchart-table td h6.capture-title, .flowchart-table td h6.stream-title
{
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 5px;
}

.flowchart-table td h6.record-title
{
    color: #be3626;
    margin-right: 5px;
}

.flowchart-table td h6.output-title
{
    color: #5f007d;
    margin-left: 20px;
}

.flowchart-table td h6.content-title
{
    color: #17a187;
}

.flowchart-table td h6.camera-title
{
    color: #2482b8
}

.flowchart-table td h6.produce-title
{
    color: #2478bd;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 5px;
}

.flowchart-table td h6.capture-title
{
    color: #f39b13;
}

.flowchart-table td h6.stream-title
{
    color: #00893c;
    margin-top: 0;
    margin-bottom: 15px;
}

.stream-td img{
    width: 100px;
    margin: 0 5px 5px 0;
}

.camera-text{
    padding-right: 15px;
}
.vmix-screen
{
width: 570px;
height: 345px;
background: url(http://www.vmix.com/images/software/vmix-screen-black.png) center bottom no-repeat;
padding-top: 25px;
}

.vmix-screen ul{
    margin-top: 5px;
}

.vmix-screen ul li{
    font-size: 16px;
    margin-top: 5px;
    color: #FFF;
    font-weight: 600;
}

.flowchart-table td.capture-td, .flowchart-table td.stream-td, .flowchart-table td.content-td, .flowchart-table td.vmix-td, .flowchart-table td.camera-td
{
    text-align: center;
}

.flowchart-table td.output-td
{
    text-align: left;
}

.flowchart-table td.record-td
{
    text-align: left;
    width: 360px;
    padding-left: 30px;
}

.flowchart-table td.stream-td
{
    padding-right: 90px;
}

.flowchart-table td.output-td
{

}

.produce-table{
    width: 530px;
    margin: 0 auto;
}

.produce-table ul{
    text-align: left;
}

.fc-img
{
    text-align: center;
}

.flowchart-wrapper
{
    width: 880px;
    margin: 0 auto;
    height: auto;
    padding: 20px;
}

.flowchart-box1
{
    position: relative;
    width: 300px;
}

.flowchart-box2
{
    margin-left: 70px;
    position: relative;
    width: 370px;
    vertical-align: bottom;
}

.flowchart-box3
{
    margin-left: 60px;
    position: relative;
    width: 345px;
    display: inline-block;
    vertical-align: bottom;
}

.flowchart-box4
{
    position: relative;
    width: 580px;
    margin-left: 120px;
}

.flowchart-box5
{
    position: relative;
    width: 290px;
    display: inline-block;
    vertical-align: top;
}

.flowchart-box5.r-show, .flowchart-box6.r-show, .flowchart-box7.r-show
{
    display: none;
}

.flowchart-box6
{
    position: relative;
    width: 230px;
    margin-left: 20px;
    display: inline-block;
    vertical-align: top;
}

.flowchart-box7
{
    position: relative;
    width: 290px;
    margin-left: 20px;
    display: inline-block;
    vertical-align: top;
}

.inner-box1 {
    width: 250px;
    height: 130px;
}

.inner-box2 {
    width: 300px;
    height: 170px;
}

.inner-box3 {
    width: 240px;
    height: 290px;
}

.inner-box4 {
    width: 530px;
    height: 265px;
    margin: 0 auto;
    text-align: center;
    padding-top: 10px !important;
}

.inner-box4 ul li, .inner-box4 .flowchart-heading
{
    text-align: left;
}

.inner-box4 .flowchart-heading
{
    margin-bottom: 0;
}


.inner-box5 {
    width: 260px;
    height: 130px;
}

.inner-box6 {
    width: 200px;
    height: 270px;
    font-weight: 600;
}

.inner-box6 img{
    width: 120px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.inner-box7 {
    width: 260px;
    height: 180px;
}

.inner-box1, .inner-box2, .inner-box3, .inner-box4, .inner-box5, .inner-box6, .inner-box7
{
    border: 5px solid #FFF;
background: #cceef7; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjZWVmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #cceef7 0%, #f9f9f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cceef7), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cceef7 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cceef7 0%,#f9f9f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cceef7 0%,#f9f9f9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cceef7 0%,#f9f9f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cceef7', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-8 */
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-box-shadow: 0 0 3px 1px #d1d1d1;
-moz-box-shadow: 0 0 3px 1px #d1d1d1;
box-shadow: 0 0 3px 1px #d1d1d1;
padding: 5px 10px;
}

.flowchart-box1 img, .flowchart-box5 img
{
    position: absolute;
    bottom: 0;
    right: 0;
}

.flowchart-box2 img
{
    position: absolute;
    bottom: 40px;
    right: 0;
}

.flowchart-box3 img
{
    position: absolute;
    bottom: 45px;
    right: 0;
}

h5.flowchart-heading{
    color: #000;
}

.diag-line1
{
    background: url(http://www.vmix.com/images/software/diag-line.png);
    width: 75px;
    height: 75px;
    margin-left: 100px;
}

.diag-line2
{
    background: url(http://www.vmix.com/images/software/diag-line-o.png);
    width: 60px;
    height: 60px;
    margin-left: 130px;
}

.diag-line3
{
    background: url(http://www.vmix.com/images/software/diag-line-r.png);
    width: 60px;
    height: 60px;
    margin-left: 30px;
}

.diag-line4
{
    background: url(http://www.vmix.com/images/software/diag-line-r.png);
    width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: top;
    margin-left: 80px;
}

.diag-line5
{
    background: url(http://www.vmix.com/images/software/diag-line-o.png);
    width: 60px;
    height: 60px;
    display: inline-block;
    margin-left: 110px;
    vertical-align: top;
}

.v-line
{
    background: url(http://www.vmix.com/images/software/v-line.png);
    width: 60px;
    height: 60px;
    display: inline-block;
    margin-left: 110px;
    vertical-align: top;
}

/* End Software Page */

/* Start Knowledge Base */

h4 span.searchfor
{
color: #000;
}

.kb-search{
    margin-bottom: 20px;
}

h4.kb-cat{
    color: #000;
}

.left-kb-cat, .right-kb-cat
{
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

.kb-grey-box {
    background: #f1f1f1;
    padding: 10px 20px;
    /* width: 100%; */
    margin: 0 auto 20px auto;
}

.kb-grey-box h3
{
font-weight: 600 !important;
}

h2.kb-sh-title a.kb-sh-text, 
h2.kb-sh-title a.kb-sh-text:link, 
h2.kb-sh-title a.kb-sh-text:visited, 
h2.kb-sh-title a.kb-sh-text:hover,
h2.kb-sh-title
{
    color: #000;
    font-size: 18px;
font-weight: 600;
}

.kbartHeading
{
padding: 15px;
background: #D9DEE3;
margin-bottom: 0;
margin-top: 20px;
}

h2.kb-arti-title
{
font-weight: 600;
font-size: 22px;
margin: 0 !important;
}


h2.kb-sh-title span
{
color: #1C69B5;
font-weight: bold;
    font-size: 18px;
}

/* End Knowledge Base */

/* Start Admin Area */

.admin-login-table td
{
    vertical-align: top;
}

.admin-login-table span{
    color: red;
    padding-bottom: 7px;
}

.admin-login-table label[for="SheetContentPlaceHolder_Login1_UserName"], .admin-login-table label[for="SheetContentPlaceHolder_Login1_Password"]
{
   font-weight: 600;
   padding-right: 7px;
}

.admin-page-div, .admin-page-div table, .vmix-postcontent .admin-page-div table,
.admin-page-div a,.admin-page-div a:link, .admin-page-div a:visited, .admin-page-div a:hover
{
    line-height: 140%;
}

input.reglog-search, input.resellers-search
{
    width: 1050px;
    margin-bottom: 15px;
    padding: 4px 0;
}

input.admin-home-search
{
    padding: 4px 0;
}

.manual-create-key-table td.td-head, .register-key-table td.td-head
{
    font-weight:bold;
    text-align: right;
    padding-right: 7px;
}

.create-key-table
{
    width: 40%;
}

.create-key-table td.td-head
{
    width: 132px;
    font-weight: bold;
    padding-right: 10px;
}

.create-key-table .ck-input
{
    width: 164px;
}

.create-key-table .ck-input
{
    width: 384px;
}

/* End Admin Area */

/* Start Training Page */

a.train-vid-block
{
    display: block;
    width: 200px;
    height: 113px;
}

.training-vid-table,
.training-table 
{
    width: 100%;
    border-spacing: 10px;
        margin-bottom: 15px;
}

.welcome-vid-table{
        /*width: 75%;*/
    border-spacing: 10px;
       margin: 0 auto;
}

.training-vid-table td.training-vid,
.training-table td.training-vid
{
    text-align: center;
    border: 1px solid #D9DEE3;
    padding: 15px;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
    vertical-align: top;
}

.welcome-vid-table .vid
{
    text-align: center;
    border: 1px solid #D9DEE3;
    padding: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
    vertical-align: top;
}

.training-vid-table td.training-vid 
{
    width: 33%;
}

.training-table td.training-vid,
.welcome-vid-table td.vid
{
    width: 50%;
}

.welcome-vid-table h3
{
        font-size: 18px;
    font-weight: 600;
    margin: 10px 0;
}

.welcome-vid-table p
{
    margin: 0 0 10px 0;
}

.training-table h3,
.training-vid-table h3
{
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0;
}

.training-vid-table p,
.training-table p
{
    margin: 0;
}

.training-vid-table a.html5lightbox:hover,
.training-table a.html5lightbox:hover
{
        color:#000000;
}

.training-vid .training-img img,
.welcome-vid-table .vidimg img
{
    width: 200px;
    height: 150px;
    position: absolute;
    top: -19px;
    left: 0;
}

.training-vid .training-img,
.welcome-vid-table .vidimg
{
    width: 200px;
    height: 112px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.training-vid .training-img .overlay,
.welcome-vid-table .vidimg .overlay
{
background: url(http://www.vmix.com/images/training/play-hover.png) no-repeat;
   position: absolute;
    width: 200px; 
    height: 112px;
    top:0; 
    left:0;
display: none;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.training-vid .training-img:hover .overlay,
.welcome-vid-table .vidimg:hover .overlay
{
display: block;
}


.training-table td
{
    vertical-align: top;
}

.training-table td.training-thumb
{
    width: 215px;
}

.training-table td.training-desc
{
    width: 320px;
    padding-right: 15px;
}

.training-table td.train-b2
{
    padding-left: 15px;
}

.training-table td.train-b1{
    border-right: 1px solid #D9DEE3;
}

.demo-thumb, .whatisvmix-thumb, .titles-thumb, .streaming-thumb, .chroma-thumb, .displays-thumb, .recording-thumb, .web-thumb, .stinger-thumb, .shortcuts-thumb, .ndi-thumb, .ndi-thumb2, .ndi-thumb3, .ndi-thumb4,
.triggers-thumb
{
    width: 200px;
    height: 113px;
}


.demo-thumb{
    background: url(http://www.vmix.com/images/training/demo-thumb.jpg);
    margin: 0 10px 10px 0;
}

.demo-thumb:hover
{
    background: url(http://www.vmix.com/images/training/play-hover.png), url(http://www.vmix.com/images/training/demo-thumb.jpg);
}

.whatisvmix-thumb{
    background: url(http://www.vmix.com/images/training/whatisvmix-thumb.jpg);
    margin: 0 10px 10px 0;
}

.whatisvmix-thumb:hover
{
    background: url(http://www.vmix.com/images/training/play-hover.png), url(http://www.vmix.com/images/training/whatisvmix-thumb.jpg);
}

.titles-thumb{
    background: url(http://www.vmix.com/images/training/titles-thumb.jpg);
    margin: 0 10px 10px 0;
}

.titles-thumb:hover
{
    background: url(http://www.vmix.com/images/training/play-hover.png), url(http://www.vmix.com/images/training/titles-thumb.jpg);
}

.streaming-thumb{
    background: url(http://www.vmix.com/images/training/streaming-thumb.jpg);
    margin: 0 10px 10px 0;
}

.streaming-thumb:hover
{
    background: url(http://www.vmix.com/images/training/play-hover.png), url(http://www.vmix.com/images/training/streaming-thumb.jpg);
}

.chroma-thumb{
    background: url(http://www.vmix.com/images/training/chroma-thumb.jpg);
    margin: 0 10px 10px 0;
}

.chroma-thumb:hover
{
    background: url(http://www.vmix.com/images/training/play-hover.png), url(http://www.vmix.com/images/training/chroma-thumb.jpg);
}

.displays-thumb{
    background: url(http://www.vmix.com/images/training/displays-thumb.jpg);
    margin: 0 10px 10px 0;
}

.displays-thumb:hover
{
    background: url(http://www.vmix.com/images/training/play-hover.png), url(http://www.vmix.com/images/training/displays-thumb.jpg);
}

.recording-thumb{
    background: url(http://www.vmix.com/images/training/recording-thumb.jpg);
    margin: 0 10px 10px 0;
}

.recording-thumb:hover
{
    background: url(http://www.vmix.com/images/training/play-hover.png), url(http://www.vmix.com/images/training/recording-thumb.jpg);
}

.web-thumb{
    background: url(http://www.vmix.com/images/training/web-thumb.jpg);
    margin: 0 10px 10px 0;
}

.web-thumb:hover
{
    background: url(http://www.vmix.com/images/training/play-hover.png), url(http://www.vmix.com/images/training/web-thumb.jpg);
}

.stinger-thumb{
    background: url(http://www.vmix.com/images/training/stinger-thumb.jpg);
    margin: 0 10px 10px 0;
}

.stinger-thumb:hover
{
    background: url(http://www.vmix.com/images/training/play-hover.png), url(http://www.vmix.com/images/training/stinger-thumb.jpg);
}

.shortcuts-thumb{
    background: url(http://www.vmix.com/images/training/shortcuts-thumb.jpg);
    margin: 0 10px 10px 0;
}

.shortcuts-thumb:hover
{
    background: url(http://www.vmix.com/images/training/play-hover.png), url(http://www.vmix.com/images/training/shortcuts-thumb.jpg);
}

.ndi-thumb{
    background: url(/ndi/ndi-thumb.jpg);
    margin: 0 auto
}

.ndi-thumb:hover
{
    background: url(http://www.vmix.com/images/training/play-hover.png), url(/ndi/ndi-thumb.jpg);
}

.ndi-thumb2{
    background: url(/ndi/ndi-thumb2.jpg);
    margin: 0 auto
}

.ndi-thumb2:hover
{
    background: url(http://www.vmix.com/images/training/play-hover.png), url(/ndi/ndi-thumb2.jpg);
}

.ndi-thumb3{
    background: url(/ndi/ndi-thumb3.jpg);
    margin: 0 auto
}

.ndi-thumb3:hover
{
    background: url(http://www.vmix.com/images/training/play-hover.png), url(/ndi/ndi-thumb3.jpg);
}

.ndi-thumb4{
    background: url(/ndi/ndi-thumb4.jpg);
    margin: 0 auto
}

.ndi-thumb4:hover
{
    background: url(http://www.vmix.com/images/training/play-hover.png), url(/ndi/ndi-thumb4.jpg);
}

.triggers-thumb{
    background: url(http://www.vmix.com/images/training/triggers-thumb.jpg);
    margin: 0 10px 10px 0;
}

.triggers-thumb:hover
{
    background: url(http://www.vmix.com/images/training/play-hover.png), url(http://www.vmix.com/images/training/triggers-thumb.jpg);
}

h3.training-h3{
    margin: 15px 0 10px 0;
}

/* End Training Page */

ul.vmix-hmenu>li.notactive.active>a{
    background: none;
    color: #000;
}

ul.vmix-hmenu>li.notactive.active:hover>a{
    background: #1C69B5;
    color: #FFF;
}

.vmix-content .vmix-postcontent-0 .layout-item-0 { padding-right: 10px;padding-left: 10px;  }
.ie7 .vmix-post .vmix-layout-cell {border:none !important; padding:0 !important; }
.ie6 .vmix-post .vmix-layout-cell {border:none !important; padding:0 !important; }

.d-none
{
display: none !important;
}

.liveshowtable
{
width: 100%;
}

.liveshowtable td
{
width: auto;
}

.liveshowtable td iframe body{
       font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.live-show-table
{
    width: 100%;
    margin-top: 20px;
}

.live-show-table td
{
    vertical-align: top;
    text-align: center;
}



/* Start New Title Bar */

/*.vmix-title-bar {
    width: 100%;
    background-color: #f1f1f1;
    background-image: url(http://www.vmix.com/images/vmixsep0.png),
                      url(http://www.vmix.com/images/vmixsep1.png);
    background-position: top center, bottom center;
    background-repeat: no-repeat;

}*/

.vmix-title-bar
{
    width: 100%;
    padding: 20px 0;
    background-image: url(http://www.vmix.com/images/software/software-bg.jpg);
    background-size: cover;
    background-position: bottom center;
    text-align: center;
}

.vmix-title-bar.vmix-features,
.vmix-title-bar.vmix-download
{
        background-image: url(http://www.vmix.com/images/features/vmixbg.jpg);
}

/*.vmix-title-bar.vmix-training
{
        background-image: url(http://www.vmix.com/images/training/training-bg.jpg);
        background-position: center center;
}*/

.vmix-title-bar.vmix-supp-hardware
{
        background-image: url(http://www.vmix.com/images/screens.jpg);
        margin-bottom: 20px;
        background-position: center -130px;
}

.vmix-title {
    width: 1080px;
    margin: 0 auto;
    padding: 15px 40px 15px 20px;
}


.vmix-title h1
{
   color: #FFF;
   margin: 0 10px;
   font-size: 30px;
   font-family: Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-align: center;
}

/* End New Title Bar */

/* Start Press Page */

.press-media-table, .press-media-table2, .press-media-table3
{
    width: 100%;
    border-collapse: separate;
    border-spacing: 4px;
    border: 1px solid #D9DEE3;
}

.press-media-table h4, .press-media-table2 h4, .press-media-table3 h4{
    font-size: 16px;
}

.press-media-table3
{
    margin-top: 30px;

}

.press-media-table td
{
    width: 50%;
    vertical-align: middle;
    text-align: center;
    background-color: #EDEDED;
    padding: 20px 10px 10px 10px;
}

.press-media-table.pmtop td {
    vertical-align: top;
}

.press-media-table2 td
{
    width: 33%;
    vertical-align: middle;
    text-align: center;
    background-color: #EDEDED;
    padding: 20px 10px 10px 10px;
}

.press-media-table3 td
{
    width: 50%;
    vertical-align: middle;
    text-align: center;
    background-color: #EDEDED;
    padding: 20px 10px 10px 10px;
}

    .press-media-table2 td.vbot {
        vertical-align: bottom;
    }

.press-media-table td.dl-logos, .press-media-table2 td.dl-logos, .press-media-table3 td.dl-logos
{
    padding: 10px 5px;
}

.press-media-table h4, .press-media-table2 h4, .press-media-table3 h4
{
    margin-top: 5px;
}

.press-media-table th, .press-media-table2 th, .press-media-table3 th
{
    background-color: #D9DEE3;
}

.press-media-table2 th img
{
    vertical-align: middle;
}

.press-media-table2 th, .press-media-table3 th
{
    padding: 5px 0;
}

.press-media-table2 p{
    font-weight: 600;
}

    .press-media-table th h3 {
        text-align: center;
        margin:0;
        font-size: 18px;
        font-weight: 600;
    }

.press-wrap-table{
    width: 100%;
}

.press-wrap-table td
{
    width: 50%;
}

.press-media-table3 img.cs-press-img
{
    width: 350px;
}

.press-media-table2 td.rline-block
{
    display: table-cell;
    width: 33%;
}

.press-media-table3 td.rline-block
{
    display: table-cell;
    width: 50%;
}

/* End Press Page */

/* Start NDI page */

.important-note.ndi-note
{
    font-weight: bold;
}

.content-main-left
{
    float: left;
    width: 720px;
    padding-top: 10px;
    padding-right: 20px;
}

.content-main-right
{
    float: right;
    width: 330px;
    padding-top: 20px;
}

.ndi-img{
    margin-top: 20px;
}

.ndi-tools{
    width: 565px;
    margin-bottom: 20px;
    text-align: center;
}

.ndi-tools h3{
    color: #333;
    font-size: 22px;
    margin-top: 0;
    font-weight: 600;
}

.ndi-sidebar
{
    border: 1px solid #D9DEE3;
    padding-bottom: 15px;
}

.ndi-videos
{
    padding: 10px;
    text-align: center;
}

.ndi-videos p{
    margin-top: 0;
}

.ndi-sep{
    width: 90%;
    border-top: 2px solid #D9DEE3;
    margin: 10px auto 5px auto;
}

.ndi-videos a{
    font-size: 16px;
}

h2.ndi-head
      {
            padding: 15px;
            background: #D9DEE3;
            display: block;
            color: #1C69B5;
           font-weight: 600;
           text-decoration:  none !important;       
           text-align: center;           
            font-size: 20px;  
            line-height: 20px;
            margin: 0;
      }

.downloadButton.ndiButton
{
    width:250px;
    text-align: left;
    padding: 12px 10px;
    height: 40px;
    display: block;
    background: #333 url(http://www.vmix.com/images/captureicon32.png) 15px 50% no-repeat;
}

.downloadButton.ndiButton:hover
{
    background: #000 url(http://www.vmix.com/images/captureicon32.png) 15px 50% no-repeat;
}

/*.downloadButton.ndiButton img{
    vertical-align: middle;
    margin-right: 4px;
}*/

.downloadButton.ndiButton p{
    margin: 0 5px 0 45px;
    line-height: 130%;
    vertical-align: middle;
}

.ndi-windows-box, .ndi-mac-box
{
    border: 1px solid #333;
    text-align: center;
    width: 270px;
    display: inline-block;
}

.ndi-windows-box
{
    margin-bottom: 10px;
    margin-right: 15px;
}

.ndidownloadLink, .ndidownloadLink2
{
    display: block;
    height: 40px;
}

/*.ndidownloadLink2
{
    margin-bottom: 10px;
}*/

/*.ndidownloadLink img,
.ndidownloadLink2 img{
    box-shadow: 0 0 2px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.4);
    vertical-align: middle;
}*/

.ndi-subline p
{
    font-size: 16px;
}

.ndi-subline
{
    margin-bottom: 20px;
}

.ndi-text h2{
    font-size: 24px;
}

.ndi-text ul{
    margin-left: 20px;
}

.ndi-text ul li
{
    padding-left: 25px;
    font-size: 14px;
    font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.ndi-text ul li:before
{
    margin-left: -25px;
    margin-right: 15px;
    vertical-align: top;
    top: 8px;
}

span.ndi-li-line
{
    padding-bottom: 7px;
    display: inline-block;
}

.ndi-text h2{
    margin-top: 30px;
}

.ndi-vid
{
    margin-left: 45px;
}

.ndi-vid:before
{
        content: url('http://www.vmix.com/images/postbullets.png');
            margin-left: -25px;
    margin-right: 15px;
}

p.ndi-p{
    margin: 5px 0;
}

 /* End NDI page */

.SMW-banner
{
position: absolute;
width: 227px;
height: 100px;
right: 405px;
margin-top: 10px;
background: url(/events/SMW-banner.jpg) no-repeat;
}

.SMW-banner a
{
display: block;
width: 227px;
height: 100px;
}


.NABNY-banner
{
position: absolute;
width: 181px;
height: 100px;
right: 210px;
margin-top: 10px;
background: url(/events/NAB-banner.jpg) no-repeat;
}

.NABNY-banner a
{
display: block;
width: 181px;
height: 100px;
}

.nabshowbanner
{
position: absolute;
width: 318px;
height: 100px;
right: 310px;
margin-top: 10px;
background: url(/events/NAB2017banner.jpg) no-repeat;
}

.nabshowbanner a
{
display: block;
width: 318px;
height: 100px;
}

/* Start EasyTabs */

.etabs { margin: 0 !important; padding: 0 !important;}
.tab { display: inline-block; zoom:1; *display:inline; padding: 0 !important; text-align: center;}
.tab a { font-size: 14px; line-height: 2em; display: block; padding: 0; outline: none; }
.tab a:hover { text-decoration: underline; }
.tab.active { padding-top: 0; position: relative; top: 1px; overflow:hidden;}
.tab div {background: #f5f5f5;padding:5px 10px;border: 1px solid #e4e4e4;}

.tab a.active { font-weight: bold; }
.tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }

.tab.litab1.active div {background:#41b649;border-color: #41b649;}
.tab-container ul.etabs li.tab.litab1 h2{color:#41b649;}
.tab.litab2.active div {background:#e10101;border-color: #e10101;}
.tab-container ul.etabs li.tab.litab2 h2{color:#e10101;}
.tab.litab3.active div {background:#333;border-color: #333;}
.tab-container ul.etabs li.tab.litab3 h2{color:#333;}
.tab.litab4.active div {background:#2478bd;border-color: #2478bd;}
.tab-container ul.etabs li.tab.litab4 h2{color:#2478bd;}


.tab-container ul.etabs li.tab.active h2
{
    color: #FFF;
}

.tab-container #emerald
 {
    border-top: 5px solid #41b649;
}

.tab-container #ruby
 {
    border-top: 5px solid #e10101;
}

.tab-container #obsidian
 {
    border-top: 5px solid #333;
}

.tab-container #sapphire
 {
    border-top: 5px solid #2478bd;
}


.tab-container #emerald,
.tab-container #ruby,
.tab-container #obsidian,
.tab-container #sapphire {
    border-bottom: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
}

.tab-container ul.etabs li.tab:before {
    content: normal;
}

.tab-container ul.etabs li.tab {
    padding-left: 0;
    text-align: center;
    vertical-align: bottom;
}
}

.tab-container ul.etabs li.tab h2
{
    font-weight: 600;
    padding: 5px;
    text-align: center;
    margin: 0;
    font-size: 20px;
}

    .tab-container ul.etabs li.tab a p,
    .tab-container ul.etabs li.tab a:link p,
    .tab-container ul.etabs li.tab a:link:visited p {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        margin: 5px 10px;
    }

        .tab-container ul.etabs li.tab a p,
    .tab-container ul.etabs li.tab a:link p,
    .tab-container ul.etabs li.tab a:link:visited p {
        color: #333;
    }

    .tab-container ul.etabs li.tab.active a p,
    .tab-container ul.etabs li.tab.active a:link p,
    .tab-container ul.etabs li.tab.active a:link:visited p {
        color: #FFF;
        border-top: 1px solid #FFF;
        padding-top: 10px;
    }

.tab-container ul.etabs li.tab a:hover,
.tab-container ul.etabs li.tab a:hover h2,
.tab-container ul.etabs li.tab a:hover p
{
    text-decoration: none;

}

.tab-container ul.etabs li.tab img
{
margin-top: 5px;
margin-bottom: 5px;
}

.tab-container #emerald,
.tab-container #ruby,
.tab-container #obsidian,
.tab-container #sapphire
{
background: #f3f3f3;
}

.tab-container .inner-tab{
    padding: 10px;
}

.tab-container #emerald h3,
.tab-container #ruby h3,
.tab-container #obsidian h3,
.tab-container #sapphire h3
{
    color: #000;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    margin-top: 10px;
    padding: 10px 15px;
    width: auto;
    background: #D9DEE3;
    text-align: left;
}

.tab-container #emerald h4,
.tab-container #ruby h4,
.tab-container #obsidian h4,
.tab-container #sapphire h4
{
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

.tab-container li.litab1
{
margin-right: 5px;
}

.tab-container li.litab2,
.tab-container li.litab3
{
margin-left: 5px;
margin-right: 5px;
}

.tab-container li.litab4
{
margin-left: 5px;
}

.tab-container td {
    vertical-align: top;
}

.tab-container td.build-img {
    width: 270px;
    text-align: center;
}

td.tab-head-icon,
td.tab-head-icon2
{
    padding-right: 8px;
    width: 43px;
}

.tab-icon-table h5
{
    color: #000;
    font-size: 18px;
    margin: 0 0 4px 0;
}

.tab-head-icon img,
.tab-head-icon2 img
{
    width: 35px;
}

.tab-icon-table td p
{
    margin: 3px 0 15px 0 !important;
}


.tab-icon-table td
{
    padding: 10px;
}

table.tab-icon-table
{
    border-collapse: collapse;
}

.sysreftable .tabsec1
{
    padding-left: 10px !important;
}

.sysreftable .tabsec3
{
    padding-right: 10px !important;
}

.tab-icon-table.refsysbuild td.tab-head-icon,
.tab-icon-table.refsysbuild td.tab-head-icon2
{
    padding-right: 8px;
    width: 43px;
}

.tab-icon-table.refsysbuild
{
    width: 100%;
}


.sysreftable
{
margin-top: 15px;
}

.tab-resp-hide
{
    display: none;
}

.sysreftable
{
    width: 100%;
}

.sysreftable td.sysreftd
{
    width: 33%;
}

.sysreftd.tabsec3 img,
.sysreftd.tabsec3
    {
        vertical-align: middle;
    }

.tabh3 p
{
margin: 12px !important;
}

.sysrefnote
{
    font-size: 14px;
    text-transform: uppercase;
    padding-left: 3px;
}

@media (max-width: 1100px)
{

   .tab.litab1 p,
    .tab.litab2 p,
    .tab.litab3 p,
    .tab.litab4 p {
        max-width: 130px;
        margin: 5px;
    }

       .tab-container li.litab1, 
    .tab-container li.litab2,
    .tab-container li.litab3, 
    .tab-container li.litab4{
        margin: 0;
    }

.tab div
{
    padding: 5px;
}

}

@media (max-width: 768px) {
    .tab.litab1 p,
    .tab.litab2 p,
    .tab.litab3 p,
    .tab.litab4 p {
        display: none;
    }

        .tab.litab1.active p,
    .tab.litab2.active p,
    .tab.litab3.active p,
    .tab.litab4.active p {
        display: block;
        max-width: 70px;
        font-size: 12px !important;
        margin: 5px 0 !important;
    }

    .tab div {
        padding: 3px;
    }

    .tab-container ul.etabs li.tab.litab1 h2,
    .tab-container ul.etabs li.tab.litab2 h2,
    .tab-container ul.etabs li.tab.litab3 h2,
    .tab-container ul.etabs li.tab.litab4 h2 {
        font-size: 14px;
        padding: 2px;
    }

    .tab-container ul.etabs li.tab.litab1.active h2,
    .tab-container ul.etabs li.tab.litab2.active h2,
    .tab-container ul.etabs li.tab.litab3.active h2,
    .tab-container ul.etabs li.tab.litab4.active h2 {
        font-size: 16px;
        padding: 3px;
    }

    .tab-container li.litab1, 
    .tab-container li.litab2,
    .tab-container li.litab3, 
    .tab-container li.litab4{
        margin: 0;
    }

    .tab-container #emerald h3, .tab-container #ruby h3, .tab-container #obsidian h3, .tab-container #sapphire h3
    {
        text-align: center;
    }

    .tab-head-icon img,
    .responsive .vmix-content-layout .tab-head-icon img
    {
        width: 25px !important;
        height: 25px !important;
        max-width: 25px !important;
    }

    .tab-head-icon2 img,
    .responsive .vmix-content-layout .tab-head-icon2 img
    {
        width: 25px !important;
        height: auto !important;
        max-width: 25px !important;
    }

    .sysreftable td.sysreftd,
    .sysreftable td.tabsec1,
    .sysreftable td.tabsec2,
    .sysreftable td.tabsec3
    {
        display: block;
        width: 100%;
    }

    .sysreftable .tabsec2 {
    padding-left: 10px !important;
}

    .tab-icon-table td {
    padding: 0 5px 5px 5px;
    display: inline-block;
    width: 75%;
}

    .tab-icon-table
    {
        width: 100%;
    }

    .tab-icon-table td.tab-head-icon ,
    .tab-icon-table td.tab-head-icon2
    {
    padding: 0 5px 0 0 !important;
    width: 35px !important;
}

    .sysreftd.tabsec3
    {
        text-align: center;
    }

.sysreftd.tabsec3 img,
.sysreftd.tabsec3
    {
        vertical-align: top;
    }
}

/* End EasyTabs */

/* Start Home News Feed */

.vmix-news-feed
{
    margin-top: 25px;
}

.outernewsfeed {
    width: 100%;
    border-spacing: 10px;
}

.innernewsfeed {
    width: 33%;
    padding: 10px;
    background: #f1f1f1;
    vertical-align: top;
    /*box-shadow: 0 0 7px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 7px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.2);*/
    border: 1px solid #e7e7e7;
}

.newsfeedimg img
{
    max-height: 150px;
    width: auto;
    margin: 0 auto;
    max-width: 300px;
}

.newsfeedimg
{
    text-align: center;
    vertical-align: top;
}

.newsfeedtable td
{
    vertical-align: middle;
    padding: 10px;
    height: 150px;
}

h2.newsfeedtitle
{
    color: #1C69B5;
    text-align: center;
    background: #D9DEE3;
    font-weight: 600;
    padding-bottom: 8px;
    padding-top: 8px;
    margin: 10px 0 0 0;
}

p.newsposttitle
{
    text-align: center;
    font-size: 18px;
    margin: 0;
}

.vmixblogbox,
.vmixnlbox
{
    text-align: center;
    background: #f1f1f1;
        border: 1px solid #e7e7e7;
    width: 523px;
    display: inline-block;
    vertical-align: top;
}

.vmixblogbox
{
    margin: 10px 8px 10px 10px;
        padding: 30px 0;
        height: 95px;
}

.vmixnlbox
{
    margin: 10px 10px 10px 8px;
        padding: 20px 0 30px 0;
        height: 105px;
}

#mc_embed_signup
{
    clear:left; 
    font-size: 18px;
    font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    color: #1C69B5;
    font-weight: 600;
    font-style: normal;
    text-align: center;
}

#mc_embed_signup label
{
        font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: 600 !important;
    font-size: 18px !important;
    text-align: center;
    text-transform: uppercase;
}

    #mc_embed_signup input.button {
        text-decoration: none;
    font-size: 14px;
    font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: 600;
    font-style: normal;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    color: #FFFFFF;
    margin: 10px auto 0 auto !important;
    overflow: visible;
    cursor: pointer;
    text-indent: 0;
    line-height: 32px;
        background: #1C69B5;
    border-width: 0;
    padding: 0 20px;
    border-radius: 0;
    }

    #mc_embed_signup input.button:hover {
    background: #0E365D;
    border-width: 0;
    padding: 0 20px;
    text-decoration: none !important;
}

    #mc_embed_signup input.email
    {
        margin: 0 auto !important;
    }

/* End Home News Feed */

@media (max-width: 1080px) {
    .vmix-software-box-home {
        width: auto;
    }

    .vmix-software-box-home .box-heading h1
    {
        margin: 0 15px !important;
    }

    .vmix-software-box-home .box-img2
    {
        margin-right: 20px;
    }

    .vmix-software-box-full .box-text2{
        margin: 10px;
    }

    .inner-bottom-footer-bar
    {
        width: auto;
    }
}

@media (max-width: 550px) {
    .vmix-software-box-home a.box-button
    {
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    .replay-price
    {
        display: block;
        margin: 10px auto;
    }
}

@media (max-width: 420px) {
    .vmix-software-box-home a.box-button
    {
        width: auto;
        display: block;
        margin-top: 10px;
    }
}

@media (max-width: 768px) {
    .innernewsfeed
    {
        width: auto;
        display: block;
        margin-bottom: 15px;
    }

    .bottom-footer-bar p, .vmix-footer-social-icons, .vmix-footer-social-icons img
    {
        display: block;
        float: none;
        text-align: center;
    }

    .vmix-footer-social-icons img{
        display: inline-block;
    }
}

/* Start Welcome Page */

.welcome-content{
    text-align: center;
    position: relative;
}

img.dan{
    position: absolute;
    top: 35px;
    right: 35px;
    height: 90px;
    width: 39px;
}

.responsive img.dan,
.default-responsive img.dan
{
    width: 39px;
    height: 90px;
}

      .welcomeHeading h2
      {
           color: #1C69B5;
           font-weight: 600;
           text-decoration:  none !important;       
           text-align: center;           
            font-size: 20px;  
            line-height: 20px;
            margin: 0;
       }

      .welcomeHeading
      {
            padding: 15px;
            background: #D9DEE3;
            margin-bottom: 0;
      }

      .welcome-social-icons
      {
          text-align: center;
      }


      .welcome-social-icons img
      {
          margin: 0 10px;
      }

      .welcome-sm,
      .welcome-nl
      {
              background: #f1f1f1;
              margin: 0 auto;
              padding: 12px 10px;
              height: 155px;
      }

.welbox1,
.welbox2{
    display: inline-block;
    width: 47%;
    vertical-align: top;
}

@media (max-width: 1100px)
{
.welbox1,
.welbox2{
    display: block;
    width: auto;
}

}

h3.wel-title
{
font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: 600 !important;
    font-size: 18px !important;
    text-align: center;
    text-transform: uppercase;
    color: #1C69B5;
    margin-top: 5px;
}

p.wel-nl-p
{
font-weight: 600;
text-align: center;
font-family: 'Open Sans', Muli, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    line-height: 175%;
    color: #000;
    font-size: 14px;
}

#mc_embed_signup label.wel-label
{
    padding-bottom: 0;
}

.wel-help-box
{

    padding: 10px;
    margin: 10px 0 0 5px;
        position: relative;
        vertical-align: top;
    height: 79px;
}

.wel-help-box img{
    position: absolute;
    left: 0;
    top: 10px;
    width: 150px;
    height: 89px;
}

.wel-help-box p{
    margin-left: 150px;
}

.wel-vid-box
{
    display: inline-block;
    width: 48%;
}

.res-box
{
    border: 1px solid #D9DEE3;
    padding: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
    margin: 10px;
}

@media (max-width: 1075px) {
    img.dan {
        display: none;
    }

    p.dan-p
{
    background: url(http://www.vmix.com/images/r-dan.jpg) left center no-repeat;
    padding-left: 30px;
    height: 60px;
    max-width: 650px;
    margin: 0 auto;
    vertical-align: middle;
    line-height: 60px;
}

    table.support-table2 td
    {
width: 45%;
    display: inline-block;
    margin: 10px;
    }

    .welcome-sm
    {
        width: auto;
    }
}

@media (max-width: 575px) {
p.dan-p
{
    line-height: 30px;
}
}

@media (max-width: 882px) {
    .wel-help-box {
        width: auto;
        margin-top: 20px;
    }

        table.support-table2 td
    {
width: auto;
    display: block;
    margin: 10px;
    }
}

@media (max-width: 768px) {
    table.welcome-vid-table,
    table.welcome-vid-table tr,
    table.welcome-vid-table td,
    table.welcome-vid-table tbody,
    table.welcome-vid-table td.vid
    {
        display: block;
        width: auto;
    }

    table.welcome-vid-table
    {
        margin-top: 10px;
    }

    table.welcome-vid-table td.vid
    {
        margin-bottom: 15px;
    }

    .res-box
    {
        margin: 10px 0;
    }
}

@media (max-width: 950px) {
    .wel-vid-box {
    display: block;
    width: auto;
}
}

@media (max-width: 420px) {
    .wel-help-box img{
        position: static;
    }
     .wel-help-box{
        text-align: center;
        height: auto;
    }

     .wel-help-box p
     {
         margin-left: 0;
     }
}

/* End Welcome Page */

.vmix-live-header
{
width: 90px;
height: 90px;
    text-align: center;
    position: absolute;
    top: 15px;
    right: 210px;
}

@media (max-width: 1100px) {
    .vmixblogbox,
    .vmixnlbox {
        width: auto;
        margin: 0 10px 20px 10px;
        display: block;
    }
    }

/* Start vMix Call Page */

.cent-font
{
  font-family: 'Century Gothic', 'Open Sans', arial, helvetica, verdana, sans-serif
}

.call-overlay{
    background: rgba(0,10,19,0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: block;
    right: 0;
    left: 0;
}

.vmix-callpage-bg{
    height: 790px;
    width: 100%;
    background-image: url(http://www.vmix.com/images/call/vmixcall-background.jpg);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.vmix-callpage-inner{
    width: 1000px;
    margin: 0 auto;
        text-align: center;
        padding-top: 15px;
}

.vmix-call-logo {
    width: 312px;
    height: 84px;
    margin: 0 auto;
    background: url(http://www.vmix.com/images/call/vmixcalllogo-white.png);
}

a.call-buy-button,
a.call-buy-button:link,
a.call-buy-button:visited,
a.call-buy-button:hover
{
        font-size: 22px;
}

a.call-buy-button:hover
{
  background:#0E365D;
  color: #FFF;
  border: 1px solid #0E365D;
}

img.edition-logos
{
    display: inline;
    height: 32px;
    vertical-align: middle;
}

.call-ed-price p
{
    line-height: 32px;
    margin-bottom: 10px;
}

.call-ed-price,
.call-prod-price
{
    padding: 5px 10px;
    color: #FFF;
    font-weight: 600;
    font-size: 24px;
    text-align: center;
    font-family: 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
    margin: 15px auto 0 auto;
}

.call-img {
    margin: 20px auto;
}

.call-logos
{
    display: inline-block;
        margin: 0 10px;
        text-align: center;
        font-size: 20px;
        font-weight: 600;
        border: 2px solid #1C69B5;
        padding:  10px 15px 5px 15px;
}

.call-logos p{
    margin: 5px 0 0 0;
}

.call-firstblock {
    width: 100%;
    overflow: hidden;
    background: #f1f1f1;
    padding:20px 0;
}

.call-fourthblock
{
    width: 100%;
    overflow: hidden;
    background: url(http://www.vmix.com/images/call/bg-texture.jpg) repeat;
    padding: 20px 0;
}

a.call-download-button, a.call-download-button:link, a.call-download-button:visited{
    color: #FFF;
    font-size: 20px;
    text-decoration: none;
    font-weight: 600;
    display: block;
    line-height: 17px;
    background: #0E365D;
        border: 1px solid #FFF;
    padding: 15px 25px;
    font-family: 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
    display: inline-block;
    margin-top: 10px;
    }

a.call-download-button:hover {
    color: #0E365D;
    text-decoration: none;
    background: #FFF;
    border: 1px solid #0E365D;
    }

.call-table td.t-center,
.t-center
{
    text-align: center;
}

@media (max-width: 350px)
{
.features-table.call-table img{
    max-width: 100%;
    height: auto;
}
}

h3.call-longpage-headline {
    font-weight: normal;
    text-align: center;
    font-size: 30px;
    color: #FFF;
    margin: 10px;
    font-family: 'Muli', 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif;
}

@media (min-width: 768px)
{
.responsive table.features-table.call-table,
.default-responsive table.features-table.call-table
{
    display: table;
}

.responsive table.features-table.call-table tr,
.default-responsive table.features-table.call-table tr
{
    display: table-row;
}

.responsive table.features-table.call-table td,
.default-responsive table.features-table.call-table td
{
    display: table-cell;
}


}

@media (max-width: 1200px)
{
.vmix-callpage-bg
{
background-position: center top;
}
}


@media (max-width: 1100px) {
    .vmix-callpage-inner {
        width: auto;
    }
    .vmix-callpage-bg {
        height: 840px;
    }

    #product-menu-div, #product-menu-div2
    {
        top: 5px;
    }

.product-page-menu td
{
    display: inline-block;
    width: 45%;
    padding: 5px;
}

.product-page-menu,
.product-menu-inner
{
        width: auto;
}

}

@media (min-width: 801px) {

    .call-img.call-show-mob {
        display: none;
    }
    .call-img.call-show-pc {
        display: block;
    }
}

@media (max-width: 800px) {

    .call-img.call-show-mob {
        display: block;
    }
    .call-img.call-show-pc {
        display: none;
    }
}

@media (max-width: 565px)
{
    .call-logos
    {
        display: block;
        margin: 0 auto 10px auto;
        max-width: 170px;
    }

    a.box-button.call-buy-button
    {
        margin-top: 5px;
    }
    .call-img
    {
        max-width: 95%;
        height: auto;
    }

    .vmix-callpage-bg
    {
        height: 1070px;
        padding-bottom: 0;
    }
}

@media (max-width: 767px)
{
    .call-table td
{
    text-align: center;
}

    .call-table img{
        margin-top: 20px;
    }
}

/* End vMix Call Page */

/* Start New Product Page */

.vmix-software-product,
.vmix-replay-product,
.vmix-social-product,
.vmix-refsys-product,
.vmix-call-product
{
    background-size: cover;
    background-position: center bottom;
    padding: 20px 15px;
    vertical-align: top;
    min-height: 425px;
    text-align: center;
    background-repeat: no-repeat;
}

.vmix-software-product
{
    background-image: url(http://www.vmix.com/images/software/software-bg.jpg);
}

.vmix-replay-product
{
    background-image: url(http://www.vmix.com/images/replay/replay_bg.jpg);
}

.vmix-social-product
{
    background-image: url(http://www.vmix.com/images/social/social-bg.jpg);
}

.vmix-refsys-product
{
    background-image: url(http://www.vmix.com/images/screens.jpg);
}

.vmix-call-product
{
    background-image: url(http://www.vmix.com/images/call/vmixcallbg-2.jpg);
}

.vmix-refsys-product h1
{
    text-align: center;
    color: #FFF;
    font-family: 'Open Sans', 'Muli', 'Century Gothic', arial, helvetica, verdana, sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 64px;
    margin: 0 0 10px 0;
}

.vmix-software-product .vMix-Logo-White
{
background: url(http://www.vmix.com/images/vMix-Logo-White.png) center center no-repeat;
width: 207px;
height: 76px;
margin: 0 auto 15px auto;
}

.products-table,
.products-table2
{
    width: 100%;
}

.products-table td
{
    width: 33%;
    vertical-align: top;
}

.products-table2 td
{
    width: 50%;
    vertical-align: top;
}

.products-boxes,
.products-boxes2
{
    font-size: 18px;
    line-height: 150%;
    font-family: 'Open Sans', 'Muli', 'Century Gothic', arial, helvetica, verdana, sans-serif;
    color: #FFF;
    text-align: center;
}

.products-boxes img,
.products-boxes2 img.soc-mon
{
    width: 200px;
}

.products-boxes img.refsysimg
{
    width: auto;
    height: 144px;
    margin-top: 15px;
}

img.soc-icons
{
margin-bottom: 5px;
}

.product-price
{
background: #28a035;
padding: 5px 10px;
color: #FFF;
font-weight: 600;
font-size: 22px;
text-align: center;
margin: 15px auto;
font-family: 'Open Sans', 'Century Gothic', arial, helvetica, verdana, sans-serif
}

.products-boxes a.vmix-button,
.products-boxes a.vmix-button:link,
.products-boxes a.vmix-button:visited,
.products-boxes a.vmix-button:hover,
.products-boxes2 a.vmix-button,
.products-boxes2 a.vmix-button:link,
.products-boxes2 a.vmix-button:visited,
.products-boxes2 a.vmix-button:hover
{
    font-weight: 500;
font-size: 18px;
padding: 5px 10px;
    width: 300px;
}

.product-price
{
    width: 300px;
}

.vmix-refsys-product .product-price,
.vmix-refsys-product .products-boxes a.vmix-button,
.vmix-refsys-product .products-boxes a.vmix-button:link,
.vmix-refsys-product .products-boxes a.vmix-button:visited,
.vmix-refsys-product .products-boxes a.vmix-button:hover
{
    width: 330px;
}

.vmixprodlogo
{
background: url(images/products/vmixprodlogo.png);
height: 76px;
width: 220px;
margin: 0 auto;
}

.replayprodlogo
{
background: url(images/products/replayprodlogo.png);
height: 76px;
width: 280px;
margin: 0 auto;
}


.socialprodlogo
{
background: url(images/products/socialprodlogo.png);
height: 76px;
width: 250px;
margin: 0 auto;
}

.callprodlogo
{
background: url(images/products/callprodlogo.png);
height: 76px;
width: 290px;
margin: 0 auto;
}

.refsysprodlogo
{
background: url(images/products/refsysprodlogo.png);
height: 76px;
width: 440px;
margin: 0 auto;
}

.call-prod-table{
    width: 100%;
}

.call-prod-table td.cpt-1
{
    width: 63%;
    text-align: right;
}

.call-prod-table td.cpt-2
{
    width: 37%;
    text-align: left;
}

.call-prod-price
{
    margin: 0 auto !important;
}

.call-prod-price .call-logos {
    margin: 0 0 5px 0;
    padding: 3px 5px !important;
    display: block;
    width: 120px;
    text-align: center;
    font-size: 16px;
}

.call-prod-price .call-logos p{
    margin: 2px 0 0 0;
}

.call-prod-price img.prlog 
{
    height: 25px;
    vertical-align: middle;
}

.products-boxes2 img.call-mon
{
    width:280px;
}

@media (max-width: 1100px)
{
    .products-table,
    .products-table tbody,
    .products-table tr,
    .products-table td,
    .products-table2,
    .products-table2 tbody,
    .products-table2 tr,
    .products-table2 td
    {
        display: block;
        width: auto;
        height: auto;
    }

.products-table td,
.products-table2 td{
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: 10px;
}

.call-prod-table td.cpt-1,
.call-prod-table td.cpt-2{
    text-align: center;
    width: auto !important;
}

.call-prod-table td.cpt-1 img,
.call-prod-table td.cpt-2 .call-prod-price{
    margin: 0 auto;
}

.call-prod-price .call-logos{
    margin: 0 auto 10px auto;
}

.vmix-call-product p
{
    margin-top: 0;
}
}

@media (max-width: 480px)
{
    .refsysprodlogo
{
    width: auto;
    background-size: contain;
    background-repeat: no-repeat !important;
    margin: 0 auto;
}
}

@media (max-width: 370px) {
    .product-price,
    .products-boxes a.vmix-button, .products-boxes a.vmix-button:link, .products-boxes a.vmix-button:visited, 
    .products-boxes a.vmix-button:hover, .products-boxes2 a.vmix-button, .products-boxes2 a.vmix-button:link, 
    .products-boxes2 a.vmix-button:visited, .products-boxes2 a.vmix-button:hover
    {
        width: auto;
    }

    .vmix-refsys-product .product-price, .vmix-refsys-product .products-boxes a.vmix-button, .vmix-refsys-product .products-boxes a.vmix-button:link, .vmix-refsys-product .products-boxes a.vmix-button:visited, .vmix-refsys-product .products-boxes a.vmix-button:hover
    {
        width: auto;
        font-size: 16px;
    }
}

/* Start No Script */

.noscriptdiv {
    width: 100%;
    background: #FFF;
}

.noscriptdiv-inner {
    width: 800px;
    margin: 0 auto;
}

@media (max-width: 800px)
{
    .noscriptdiv-inner {
        width: auto;
    }
}

.responseTableError {
    border-right: #b93f40 3px solid;
    padding-right: 5px;
    border-top: #b93f40 3px solid;
    padding-left: 5px;
    padding-bottom: 5px;
    border-left: #b93f40 3px solid;
    width: auto;
    padding-top: 5px;
    border-bottom: #b93f40 3px solid;
    background-color: white;
    margin-bottom: 0;
    line-height: 150%;
}

.responseTitleError {
    font-weight: bold;
    font-size: 14px;
    color: #b93f40;
}

.responseMessage {
    font-weight: bold;
}