//#mini-panel-product_menu .menu-icon-help-header + .product-nav-links li:last-child a{border: 1px solid #fff; box-sizing: border-box; margin: 18px 0 0; padding: 2px 10px 3px;}
.product-header-top #start-session{border: 1px solid #2fa763; box-sizing: border-box; margin: 8px 0 0; padding: 5px 10px 7px; color:#2fa763}
.header .signup{display:none}
.banner-content h4 a{color:white;}
#headerbannerbg{background: url("../assist-bg.jpg") left top no-repeat; background-size: cover;}
#headerbannerbg:before {background: rgba(0, 0, 0, 0.2);}
#product-image:before{height:10%}
#benefits li > div span,.signupHeadFadeIn span{background: url("../assist-sprite.png") left top no-repeat;}
#benefits li > div span.feature-icon6{background-position:-300px 0}
.signupHeadFadeIn span{display:inline-block;float:left;height:20px;margin:3px 10px 0 0;width:20px}
.signupHeadFadeIn .firefox-addon{background-position:-250px -20px;}
.signupHeadFadeIn .chrome-addon{background-position:-250px 0px;}
#ph_testimonial .content-wrap li p:before{background-position:-96px 0;}
.loking-for{ margin:30px 0 0px;}
.loking-for span{display:block; margin:0 0 5px; color:#fff}
.loking-for a{display:inline-block; padding:5px 15px; background:rgba(0,0,0,0.2); background: none repeat scroll 0 0 rgba(255, 255, 0, 0.4); color: #fff;  transition:ease 0.5s}
.loking-for a:visited{color:#fff;}
.loking-for a:hover{background: none repeat scroll 0 0 rgba(255, 255, 0, 0.6); text-decoration:underline }
.banner-inner .banner-content h1{max-width: 580px;}
.umain .banner-inner .banner-content h1{margin:0 auto 20px}

.clients { overflow: hidden; background: #f5f5f5; border-bottom: 1px solid #ededed; padding: 60px 0%; background-image: url('../projects-client-bg.jpg');
background-position: center bottom; background-repeat: repeat; background-size: cover; position: relative; float:none; width:100%; margin: 0px; }
.clients:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.6; }
.clients .content-wrap { position: relative; z-index: 6; }
.clients ul { overflow: hidden; margin: 0 auto; position: relative; z-index: 5; text-align: center; }
.clients li { display: inline-block; margin: 0 21px 30px; height: 97px; float: none; background-image: url('../assist-client-logos.png');
background-position: left top; background-repeat: no-repeat; text-indent: -9999px; opacity: 0; transition: 0.5s ease; -webkit-transition: 0.5s ease;
transform: scale(0.4, 0.4); -webkit-transform: scale(0.4, 0.4); }
.clients h2 { padding-bottom: 50px; text-align:center; color: #eee;}
.clients .avalon{ background-position: -38px top; }
.clients .meclunburg { background-position: -298px top; width: 120px;}
.clients .quick-impress{	background-position: -498px top; width:195px;}
.clients .royal-haskoning { background-position: -740px top; width:190px;}
.clients .vivid-clouds { background-position: -977px 7px; width:190px;}

.promo-benifits{ background-color: #0dbbe4; color: #fff; margin: 60px 0; padding: 60px 0; }
.promo-benifits li { display: inline-block; float: left; width: 33.333%; box-sizing: border-box; }
.promo-benifits li > div { padding: 0 40px 20px; box-sizing: border-box; }
.promo-benifits li > div span { display: block; height: 50px; margin: 0 0 10px; width: 50px; opacity: 0.75; }
.promo-benifits li > div span{background: url("../assist-sprite.png") left top no-repeat;}
.promo-benifits li > div span.feature-icon7 { background-position: -350px 0px; }
.promo-benifits li > div span.feature-icon8 { background-position: -400px 0px; }
.promo-benifits li > div span.feature-icon9 { background-position: -450px 0px; }
.promo-benifits .plan-price{ display: table; text-align: center; padding: 20px 0 0px; margin: 0 auto; clear: both;}
.promo-benifits .plan-price a{ position: relative; display: inline-block; background: transparent; border: 1px solid rgba(255, 255, 255, 0.5); color: #fff;  margin: 25px 0 0; padding: 5px 30px; text-align: center; text-transform:uppercase;
  transition: all 0.5s ease 0s; }
.clients .more-features{padding: 30px 0 0;}
.clients .more-features a{border-bottom: 2px solid #fff; color: #fff;}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
.clients li {
background-image: url('../assist-client-logos.png');
}
}

@media only screen and (min-width : 1200px) {
.banner-inner {padding:90px 0 }
.banner-inner .banner-content{padding:0}
}
@media only screen and (min-width : 992px) and (max-width: 1199px) {
.banner-inner .banner-content h1{max-width: 460px; margin:0 auto 20px}
}
@media only screen and (min-width : 768px) and (max-width: 991px) {
#benefits li > div, #benefits.mid-align ul li > div {min-height: 220px; }
.banner-inner .banner-content h1{max-width: 440px; margin:0 auto 20px}
}
@media only screen and (max-width: 991px) {
.promo-benifits ul{max-width: 540px; margin: 0 auto;}
.promo-benifits li{ width: 100%; text-align: center;}
.promo-benifits li > div span {margin: 0 auto 10px;}
.promo-benifits li > div { padding: 0 40px 40px;}
.promo-benifits .plan-price a{margin:0}
}
@media only screen and (max-width: 767px) {
.banner-inner .banner-content h1{max-width: 360px; margin:0 auto 20px}
.promo-benifits li{ width: 100%}
}