.breadcrumb {
  padding: 20px 15px 15px 15px;
  margin-bottom: 15px;
  list-style: none;
  background: none;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}

.breadcrumb > li a {
  color: #ccc;
}

.breadcrumb > li a:hover {
  color: #fff;
}

.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #cccccc;
}
.breadcrumb > .active {
  color: #fff;
  font-weight: bold;
}

/*
.buy-options {
	text-transform: uppercase;
}
*/
/* Family Styles */

.title-family {
	text-align: center;
	color: #f2f2f2;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
}
.title-family h1 {
	font-size: 220%;
	line-height: 100%;
	margin: 0;
	padding: 0;
}
.title-family h3 {
	font-size: 140%;
	line-height: 120%;
	margin: 0;
	padding: 0;
	padding-top: .25em;
	padding-bottom: 1em;
}
.box-studio {
	padding-top: 33px;
}
.box-studio img {
	width: 195px;
}
.box-studio-plus {
	padding-top: 33px;
}

hr {
    border: 0;
	margin:0;
	padding: 0;
	margin-bottom: 3em;
    height: 1px;
    background: #333;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,.3)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, hsla(255,0%,0%,0) 0%, rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 100%);
    background:    -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 100%);
    background:     -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 100%);
    background:      -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 100%);
    background:         linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 100%);
}

.box-studio-plus img {
	width: 210px;
}
.box-studio-ultimate {
	position: relative;
	padding-top: 33px;
}

.box-studio-ultimate img {
	width: 225px;
}

.box-studio-ultimate .best-offer {
	position: absolute;
	width: 120px;
	top: 150px;
	left: 150px;
}
ul.list-highlights {
	margin: 0 0 0 .6em;
	padding: .5em 0 0 .6em;
}
ul.list-highlights li {
	line-height: 150%;
}
ul.list-highlights li .new, ul.list-highlights li .enhanced, ul.list-highlights li .improved {
	font-weight: bold;
	color: #ff2700;
}
ul.list-highlights li.extras {
	color: #4367a2;
	font-weight: bold;
}
.hero-family {
	background-image: url(images/bg-family.jpg);
	background-repeat: no-repeat;
	background-position: center -60px;
	padding: 0 1em 1em 1em;
}

.hero-family .product-info {
	text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);	
	background: rgba(255,255,255,.2);
	border-radius: 5px;
}

.hero-family .price {
	font-size: 200%;
}

.hero-family .visible-xs-block.spacer {
	height: 50px;
}



.tab-pane {
	padding: 1.5em 1em 1em 1em;
}

.row-features {
}

.features-studio {
	padding-top: 2em;
}

.features-plus {
	background: #f2fbff;
}

.features-ultimate {
	background: #f7f2f9;	
}

.col-features {
	position: relative;
}
.col-features .label {
	position: absolute;
	top: .75em;
	right: .25em;
	font-size: 100%;
	text-transform: uppercase;
	font-weight: normal;
}
.info-features {
	padding-bottom: 3em;
}
.info-features h4 {
	font-weight: bold;
	font-size: 110%;
	padding: 0;
	margin: 0;
}
.info-features p {
	padding: 0 0 .25em 0;
	margin: 0;
}
.info-features p.versions {
	color: #888;
	font-style: italic;
}
/*Product Pages */

.hero-product {
	background: url(./bg-product.jpg), url(./bg-product-tile.jpg);
	background-repeat: no-repeat, repeat-y; 
	background-position: center bottom;
	padding: 0 1em 1em 1em;
}

.box-product .visible-md-block.spacer {
	height: 30px;
}

.box-product .visible-md-block.spacer.ultimate {
	height: 30px;
}

.product-row .visible-xs-block.spacer {
	height: 20px;
}

ul.nav-products {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0;
}

ul.nav-products li {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

ul.nav-products li span.nav-studio, ul.nav-products li span.nav-plus, ul.nav-products li span.nav-ultimate, ul.nav-products li span.nav-ios {
	display: block;
	float: left;
	width: 130px;
	height: 60px;
	border: 1px solid #b1b1b1;
	color: #888;
	padding-top: 10px;
	padding-right: 10px;	
	padding-bottom: 5px;
	padding-left: 55px;
	font-size: 90%;	
	line-height: 110%;
	margin-top: 5px;
	margin-bottom: 5px;
}
ul.nav-products li span.nav-studio {
	background: url(/images/products/studio/box-pinnacle-studio.png),  #e1e1e1;
	background-size: auto 50px, auto;
	background-position: 0 4px, left top;
	background-repeat: no-repeat, no-repeat;
	padding-top: 15px;
}

ul.nav-products li span.nav-plus {
	background: url(/images/products/studio/box-pinnacle-studio-plus.png),  #e1e1e1;
	background-size: auto 50px, auto;
	background-position: 0 4px, left top;
	background-repeat: no-repeat, no-repeat;
}

ul.nav-products li span.nav-ultimate {
	background: url(/images/products/studio/box-pinnacle-studio-ultimate.png),  #e1e1e1;
	background-size: auto 50px, auto;
	background-position: 0 4px, left top;
	background-repeat: no-repeat, no-repeat;
}

ul.nav-products li span.nav-ios {
	background: url(/images/products/studio/box-pinnacle-studio-ios-app.png),  #e1e1e1;
	background-size: auto 50px, auto;
	background-position: 0 4px, left top;
	background-repeat: no-repeat, no-repeat;
}

ul.nav-products.pinnacle-studio li.active span.nav-studio {
	background: url(/images/products/studio/box-pinnacle-studio.png),  #f1f1f1;
	background-size: auto 50px, auto;
	background-position: 0 4px, left top;
	background-repeat: no-repeat, no-repeat;
	padding-top: 15px;		
	border: 1px solid #888;	
	color: #4e4e4e;	
}


ul.nav-products.pinnacle-plus li.active span.nav-plus {
	background: url(/images/products/studio/box-pinnacle-studio-plus.png),  #f1f1f1;
	background-size: auto 50px, auto;
	background-position: 0 4px, left top;
	background-repeat: no-repeat, no-repeat;
	border: 1px solid #888;	
	color: #4e4e4e;			
}


ul.nav-products li.active span.nav-ultimate {
	background: url(/images/products/studio/box-pinnacle-studio-ultimate.png),  #f1f1f1;
	background-size: auto 50px, auto;
	background-position: 0 4px, left top;
	background-repeat: no-repeat, no-repeat;
	border: 1px solid #888;	
	color: #4e4e4e;			
}

ul.nav-products li.active span.nav-ios {
	background: url(/images/products/studio/box-pinnacle-studio-ios-app.png),  #f1f1f1;
	background-size: auto 50px, auto;
	background-position: 0 4px, left top;
	background-repeat: no-repeat, no-repeat;
	border: 1px solid #888;	
	color: #4e4e4e;			
}


ul.nav-products li a:hover span.nav-studio {
	background: url(/images/products/studio/box-pinnacle-studio.png),  #f1f1f1;
	background-size: auto 50px, auto;
	background-position: 0 4px, left top;
	background-repeat: no-repeat, no-repeat;
	padding-top: 15px;		
	border: 1px solid #888;
	color: #4e4e4e;			
}

ul.nav-products li a:hover span.nav-plus {
	background: url(/images/products/studio/box-pinnacle-studio-plus.png),  #f1f1f1;
	background-size: auto 50px, auto;
	background-position: 0 4px, left top;
	background-repeat: no-repeat, no-repeat;
	border: 1px solid #888;
	color: #4e4e4e;			
}

ul.nav-products li a:hover span.nav-ultimate {
	background: url(/images/products/studio/box-pinnacle-studio-ultimate.png),  #f1f1f1;
	background-size: auto 50px, auto;
	background-position: 0 4px, left top;
	background-repeat: no-repeat, no-repeat;
	border: 1px solid #888;
	color: #4e4e4e;			
}

ul.nav-products li a:hover span.nav-ios {
	background: url(/images/products/studio/box-pinnacle-studio-ios-app.png),  #f1f1f1;
	background-size: auto 50px, auto;
	background-position: 0 4px, left top;
	background-repeat: no-repeat, no-repeat;
	border: 1px solid #888;
	color: #4e4e4e;			
}


ul.nav-products li span.glyphicon-play {
	display: block;
	float: left;
	vertical-align: middle;
	color: #757575;
	padding-top: 25px;
}

.box-product {
	text-align: center;
}

.box-product img{
   width: 100%;
   max-width: 270px;
}

.info-product {
	padding-left: 20px;
}

.hero-product .info-product {
	color: #f2f2f2;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .9);
}

.hero-product .modal {
	color: #333;
	text-shadow: none;
}

.info-product h1 {
	padding: .1em 0 .2em 0;
	margin: 0;
	font-size: 230%;
}

.info-product ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 .5em .2em;
}
.info-product ul li {
	padding-bottom: .25em;
	font-size: 130%;
}

.info-product ul li a {
 color: #a2dcff;
 text-decoration: none;
}

.info-product ul li a:hover {
 color: #c9ebff;
}

.info-product .new, .info-product .enhanced {
	font-weight: bold;
	color: #ff9e00;
	font-style: italic;
}
.info-product .purchase-info {

	padding-bottom: 1em;
}
.info-product .purchase-info span.price {
	font-size: 200%;
	vertical-align: middle;
	padding-right: 15px;
	color: #1d556e;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, .8);	
}
.row-overview dl {
	padding-top: 10px;
}
.row-overview dd {
	padding-bottom: 10px;
}

ul.overview-features {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.overview-features li {
}

ul.overview-features li ul {
	padding-bottom: 10px;
}

ul.overview-features li.li-video-effects {
	background: url('images/icon-video-effects.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 70px;	
	min-height: 60px;	
}

ul.overview-features li.li-video-editing {
	background: url('images/icon-video-editing.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 70px;
	min-height: 60px;		
}

ul.overview-features li.li-screen-capture {
	background: url('images/icon-screen-capture.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 70px;
	min-height: 60px;		
}

ul.overview-features li.li-multi-layer-editing {
	background: url('images/icon-multi-layer-editing.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 70px;
	min-height: 60px;		
}

ul.overview-features li.li-newblue {
	padding-left: 70px;	
}

ul.overview-features li.li-4k {
	background: url('images/icon-4k.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 70px;
	min-height: 60px;		
}

ul.overview-features li.li-enhance-audio {
	background: url('images/icon-enhance-audio.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 70px;
	min-height: 60px;		
}

ul.overview-features li.li-sharing {
	background: url('images/icon-sharing.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 70px;
	min-height: 60px;		
}

ul.overview-features li.li-get-started {
	background: url('images/icon-getting-started.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 70px;
	min-height: 60px;		
}

ul.overview-features li.li-correct-enhance {
	background: url('images/icon-correct-enhance.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 70px;
	min-height: 60px;		
}

ul.overview-features li.li-making-movie {
	background: url('images/icon-movie.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 70px;
	min-height: 60px;		
}

ul.overview-features li.li-training {
	background: url('images/icon-training.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 70px;
	min-height: 60px;		
}


ul.overview-features li h4 {
	font-size: 110%;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

img.img-overview-features {
	width: 100%;
}

.title-bar h2 {
	text-transform: uppercase;
	color: #fff;
	background: #7d7d7d;
	font-size: 150%;
	padding: 15px;
}
#compare-table{
	width: 100%;
	border-collapse: collapse;
}
#compare-table img{
	width: auto;
	max-width: 18px;
	margin-left: auto;
    margin-right: auto;
	display: block;
}
#compare-table td img{
	text-align: center;
}
#compare-table th, td{
	border: 1px solid #efefef;
}
#compare-table td{
	padding: 5px;
	text-align: center;
}

#compare-table tr.trFeature:hover {
	background: rgba(0,0,0,.1);
}

td.rowFeature {
	text-align: left!important;
}

#compare-table th{
	text-align: center;
	padding: 15px;
}
#compare-table td:first-child{
	padding: 0 0 0 10px;
}

#compare-table .glyphicon-remove {
	color: #C03;
}


#compare-table .glyphicon-ok {
	color: #0C3
}

#compare-table .blank {
	border: none;
}

#compare-table .product-studio {
	background: #808184;
	color: #fff;

}

#compare-table .product-plus {
	background: #17469d;
	color: #fff;
}

#compare-table .product-ultimate {
	background: #67328f;
	color: #fff;
}

#compare-table tr:nth-child(even) {
   background: #f8f8f8;
}


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

/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr {
	display: block;
}

/* Hide table headers (but not display: none;, for accessibility) */
thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

tr { border: 1px solid #ccc; }

td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50% !important;
	text-align: left !important;
}

td.rowFeature {
	padding: 10px !important;
	background: rgba(0,0,0,.1);
}

td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	text-align: right;
}

/*
Label the data
*/
td:nth-of-type(1):before { content: ""; }
td:nth-of-type(2):before { content: "Studio"; }
td:nth-of-type(3):before { content: "Studio Plus"; }
td:nth-of-type(4):before { content: "Studio Ultimate"; }
}




.system-requirements {
}

.system-requirements h4 {
	font-size: 110%;
	margin: 0;
	padding: 1em 0 .5em 0;
	font-weight: bold;
}

.system-requirements ul {
	padding: 0 0 0 0;
	margin: 0 0 0 1.25em;
}

.system-requirements ul li {
	padding: .2em 0 .2em 0;
}


.effects-group{
 border-top: 1px dotted #ccc;
 margin: 0 0 30px 0;
}

.effects-group a img {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.effects-group a:hover img {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */	
}

.module h3{
 font-size: 100%;
 font-weight: bold;
 padding: 5px 0 5px 0;
 margin: 0;
}
.module{
 float: left;
 font-size: 85%;
}

.module img {
	width: 90%;
}

.modal .purchase-buy {
	float: left;
	width: 90px;
	text-align: right;
	padding-right: 10px;
	vertical-align: middle;
	font-weight: bold;
	padding-top: 5px;
}

.modal .purchase-button {
	float: left;
	width: 100px;
}

.modal .purchase-button a {
	width: 100px;
}


.modal .purchase-price {
	padding-top: 5px;
	float: left;
	vertical-align: middle;
	padding-left: 10px;
	font-weight: bold;
}

.disclaimers {
	padding-top: 2em;
	font-size: 90%;
	color: #333;
}


/*Upgrade Page */
.hero-upgrade {
	background: url(images/bg-family.jpg), url(images/bg-family-tile.jpg);;
	background-repeat: no-repeat, repeat-y;
	background-position: bottom center;
	padding: 0 1em 2em 1em;
	
}



.hero-upgrade .price {
	font-size: 200%;
}

.hero-upgrade .studio-plus, .hero-upgrade .studio-ultimate, .upgrade-boxes {
	text-align:	center;
	color: #f2f2f2;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .8);	
}

.hero-upgrade .studio-plus, .hero-upgrade .studio-ultimate {
	vertical-align: middle;
}

.hero-upgrade .studio-plus {
	padding-left: 35px;
}

.hero-upgrade .studio-ultimate {
	padding-right: 35px;
}


.hero-upgrade h4 a {
	color: #333;
}

.hero-upgrade h4 a:hover {
	text-decoration: none;
	color: #428bca;
}

.upgrade-boxes img {
	width: 100%;
}

.hero-upgrade .studio-ultimate a, .hero-upgrade .studio-plus a {
	color: #f2f2f2;
}

.hero-upgrade .studio-ultimate a:hover, .hero-upgrade .studio-plus a:hover {
	color: #fff;
}


.title-upgrade {
	text-align: center;
	padding-bottom: 2em;
	color: #f2f2f2;	
	text-shadow: 1px 2px 2px rgba(0, 0, 0, .4);	
}
.title-upgrade h1 {
	font-size: 190%;
	line-height: 100%;
	margin: 0;
	padding: 0;
	padding-top: .5em;
}
.title-upgrade h3 {
	font-size: 160%;
	line-height: 100%;
	margin: 0;
	padding: 0;
	padding-top: .25em;
	padding-bottom: .25em;
	color: #ff9e00;
	text-transform: uppercase;
	font-weight: 600;
}

.list-price {
	margin: 0;
	padding: 0;
}

.list-price span {
	text-decoration: line-through;
}

.you-save {
	margin: 0;
	padding: 0;
}

.hero-upgrade .box-studio-ultimate .best-offer {
	position: absolute;
	width: 120px;
	top: 150px;
	right: 10%;
}

li.no-bullet {
	list-style: none;
}


.message-box {
	
	margin: 30px 20px 0 20px;
	padding: 15px;
	border: 1px solid #d4d4d4;
	background-color: #f4f4f4;

}
.message-box h4 {
	color: #ff0500;
	font-size: 106%;
	padding: 0;
	margin: 0;
}

.message-box p {
	padding: 0 0 .5em 0;
	margin: 0;
}

.upgrade-only .buy-options {
	display: none;
}

.hero-upgrade .modal {
	color: #333;
	text-shadow: none;
}

.empty-block-50 {
	height: 50px;
}


.call-out {
	width: 250px;
  left: 0;
  right: 0;
  margin: 0 auto;
	position: absolute;
	bottom: -20px;
	color: #333;
	text-shadow: none;	
}

.call-out h4 {
	margin: 0;
	padding: 0;
	font-size: 130%;
}

.call-out p {
	margin: 0;
	padding: 0;
	font-size: 90%;
	}

h4.modal-title span {
	color: #ff9e00;
	font-weight: bold;
}


.modal .mydvd-info ul {
	padding: 0 0 0 0;
	margin: 0 0 0 1.25em;
	list-style: disc;
}

.modal .mydvd-info ul li {
	padding: .2em 0 .5em 0;
}	

.hero-product .modal ul {
	font-size: .7em;
}

.hero-family .modal ul {
	font-size: .95em;
}

.overview-summary h4{
	padding: 1.5em 0 0 0;
	font-size: 110%;
	font-weight: bold;
}

.overview-summary {
	padding-bottom: 1em;
}

.nav-tabs {
	margin-top: 2em;
}

@media (min-width: 768px) {
.title-family h1 {
	font-size: 360%;
}
.title-family h3 {
	font-size: 200%;
}

.title-upgrade h1 {
	font-size: 300%;
}
.title-upgrade h3 {
	font-size: 260%;
}

.nav-tabs {
	margin-top: 0;
}

.box-studio-plus {
	padding-top: 16px;
}

.box-studio-ultimate {
	padding-top: 0;
}


}

/*

@media (max-width: 767px) {
.title-family, .title-upgrade {
	text-align: center;
	padding-top: 2em;
	padding-bottom: 2em;	
}

.title-family h1 {
	font-size: 210%;
	padding-top: .5em;
}
.title-family h3 {
	font-size: 140%;
	padding-top: .5em;
	padding-bottom: .25em;
}

.title-upgrade h1 {
	font-size: 220%;
	padding-top: .5em;
}
.title-upgrade h3 {
	font-size: 180%;
	padding-top: .5em;
	padding-bottom: .25em;
}

.info-product ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 .5em .2em;
}
.info-product ul li {
	padding-bottom: .25em;
	font-size: 110%;
}


ul.nav-products {
	list-style: none;
	margin: 0;
	padding: 0 0 25px 0 !important;
}

ul.nav-products li {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

ul.nav-products li span.nav-studio, ul.nav-products li span.nav-plus, ul.nav-products li span.nav-ultimate, ul.nav-products li span.nav-ios {
	display: block;
	float: left;
	width: 130px;
	height: 60px;
	border: 1px solid #b1b1b1;
	color: #888;
	padding-top: 10px;
	padding-right: 10px;	
	padding-bottom: 5px;
	padding-left: 55px;
	font-size: 90%;	
	line-height: 110%;
	margin-top: 5px;
	margin-bottom: 5px;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

}
*/

@media (max-width: 320px) {


ul.nav-products li span.nav-studio, ul.nav-products li span.nav-plus, ul.nav-products li span.nav-ultimate, ul.nav-products li span.nav-ios {
	width: 120px;
}

}