.inner_content {}
.inner_content h1 {margin-bottom:0px}
.clear {clear: both;}

.banner h2 {font-size: 36px; line-height: 38px; margin: 20px 0 0 40px; font-family: 'Open Sans Condensed', Arial; font-weight: 700; text-align: left; text-transform: uppercase}
.banner h3 {font-size: 24px; line-height: 24px; margin: 5px 0 0 40px; font-family: 'Open Sans Condensed', Arial; font-weight: 700; text-align: left; text-transform: uppercase}
p {font-size: 16px; line-height: 22px; text-align: left;}

.promo_content {background-color: #fff; margin: 0; padding: 0;}

.promo_content .banner {background: #FFD20A url('../img/packshot.jpg') no-repeat right top; min-height: 573px; position: relative; float:left; width:100%}
.promo_content .banner img#title_large {margin: 40px 0 0 40px;}
.promo_content .banner p#intro {width:450px; font-weight:bold; font-size:16px; line-height: 22px; margin: 20px 0 20px 40px;}
.promo_content .banner .hold_buttons {width:450px; text-align: center; margin: 20px 0 20px 40px;}
.promo_content .banner .hold_buttons a {margin: 0 5px;}

.promo_content .video {float:left; clear:both; overflow: hidden; height:450px; position: relative}
.promo_content .video video {margin-top:-50px}
.promo_content .video .play_btn {position:absolute; top:43%; left:47%; z-index: 100}

video::-webkit-media-controls {
    display:none !important;
}

video::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

video::--webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works */

video::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

.promo_content .features {float: left; clear:both; width:100%; margin-top:50px; padding: 20px 20px 20px 20px;}
.promo_content .features h2 {font-size: 36px; margin: 30px 0; font-family: 'Open Sans Condensed', Arial; font-weight: 700;}
.promo_content .features .benefit {width:100%; clear:both; display: block; padding: 30px 0 15px 0;}
.promo_content .features .left {width:45%; float:left; margin-bottom: 30px;}
.promo_content .features .right {width:45%; float:right; margin-bottom: 30px;}
.promo_content .features .benefit img {float:left; margin-right:15px; margin-top:-10px; display: inline-block;}
.promo_content .features .benefit .txt {float:left; width: 80%;}
.promo_content .features .benefit h3 {text-transform: uppercase; font-size: 18px; font-family: 'Open Sans Condensed', Arial; margin:0 0 5px 0; padding: 0; font-weight: 700;}
.promo_content .features .benefit p {font-size: 16px; margin:0;}

.promo_content .usage {float: left; clear:both; width:100%}
.promo_content .usage .usage_nav {background-color: #323232; background-image: url("../img/millimeters.jpg"); background-repeat: no-repeat; background-position: left top; width:100%}
.promo_content .usage .usage_nav ol.tabs {list-style: none; font-family: 'Open Sans Condensed', Arial; font-weight: 700; color:#FFD20A; font-size: 20px; padding-top:50px}
.promo_content .usage .usage_nav ol.tabs li {display: block; float:left; width:25%; cursor: pointer; padding:15px 0px;}
.promo_content .usage .usage_nav ol.tabs li span {font-size: 40px; padding-right:5px}

.promo_content .usage .panel { height:651px;}
.promo_content .usage .panel .paneltext {background-color: rgba(255, 255, 255, 0.50); background-position: 50px 25px;}
.promo_content .usage .panel .paneltext h4 {font-family: 'Open Sans Condensed', Arial; font-weight: 700; color:#000000; font-size: 28px; margin:20px 40px 10px 0;  padding-left:250px; line-height: 1em}
.promo_content .usage .panel .paneltext p {color:#000000; font-size: 18px; padding:0 40px 55px 250px;}

.promo_content .usage .panel.step1 {background-image: url('../img/bg_step1.jpg'); background-repeat: no-repeat;background-position: left top;}
.promo_content .usage .panel.step1 .paneltext { background-image: url('../img/icon_step1.png'); background-repeat: no-repeat; }
.promo_content .usage .panel.step1 .paneltext .selected {margin-left:50px}

.promo_content .usage .panel.step2 {background-image: url('../img/bg_step2.jpg'); background-repeat: no-repeat;background-position: left top;}
.promo_content .usage .panel.step2 .paneltext { background-image: url('../img/icon_step2.png'); background-repeat: no-repeat;}
.promo_content .usage .panel.step2 .paneltext .selected {margin-left:26%}

.promo_content .usage .panel.step3 {background-image: url('../img/bg_step3.jpg'); background-repeat: no-repeat;background-position: left top;}
.promo_content .usage .panel.step3 .paneltext { background-image: url('../img/icon_step3.png'); background-repeat: no-repeat;}
.promo_content .usage .panel.step3 .paneltext .selected {margin-left:50%}

.promo_content .usage .panel.step4 {background-image: url('../img/bg_step4.jpg'); background-repeat: no-repeat;background-position: left top;}
.promo_content .usage .panel.step4 .paneltext { background-image: url('../img/icon_step4.png'); background-repeat: no-repeat;}
.promo_content .usage .panel.step4 .paneltext .selected {margin-left:75%}

.promo_content .productdetails {float:left; clear:both; margin-top:70px; width:100%}
.promo_content .productdetails .left {width:45%; float:left; margin-bottom: 30px;}
.promo_content .productdetails .left img {float: right; margin-right:25px}
.promo_content .productdetails .right {width:45%; float:right; margin-bottom: 30px;}
.promo_content .productdetails .right h3 {font-family: 'Open Sans Condensed', Arial; font-weight: 700; font-size: 24px; line-height: 1em; margin: 10px 0}
.promo_content .productdetails .right ul {list-style: disc; margin-left: 25px;  margin-top: 20px; font-size: 16px}
.promo_content .productdetails .right ul li {margin-bottom: 15px}


.promo_content .appdetails td {background: #323232; color: #fff; font-weight: bold; font-size:16px; padding:12px 14px; border-top: 1px solid #fff;}

.promo_content .appdetails .downloadapp {float:left; width:100%; clear:both; margin:70px 0px 10px 0px; text-align: center}
.promo_content .appdetails .downloadapp img.smp {margin: -10px auto 10px; display: inline-block;}
.promo_content .appdetails .downloadapp h3 {font-family: 'Open Sans Condensed', Arial; font-weight: 700; font-size: 28px; text-transform: uppercase; margin:20px 0}
.promo_content .appdetails .downloadapp h4 {font-family: 'Open Sans Condensed', Arial; font-weight: 700; font-size: 20px; text-transform: uppercase; margin:20px 0}
.promo_content .appdetails .downloadapp .hold_buttons img {margin:0px 10px;}
.promo_content .appdetails .downloadapp p{margin-top:55px; font-size: 13px; text-align:center}

/** mobile **/
/*iPhone < 5*/
@media screen and (device-aspect-ratio: 2/3) {
	.play_btn{width:15% }
	
}

/*iPhone 5*/
@media screen and (device-aspect-ratio: 40/71){
	.play_btn{width:15%}
}