/*
ZBox - Landing Page Bootstrap Template
Author - hunzaboy
URL : http://uexel.com


*/
body {
	background-color: #ffffff;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 300;
	color: #555;
	line-height: 1.5em;
	
}
img{
	max-width: 100%;
	height: auto;
}

strong {
	font-weight: bold;
}


#screenshots h2, #team h2, #sub_footer h2 {
	background: url(../images/heading-text-divider-line.jpg) no-repeat right;
	padding-right: 10px;
	margin: 0px 10px 15px 0px;
	float: left;
}


.btn_android {
	background: url(../images/btn-android.png) no-repeat;
	width: 178px;
	height: 65px;
	margin-top: 20px;
	float: left;
        margin-left:10px;
}
.btn_appstore {
	background: url(../images/btn-appstore.png) no-repeat;
	width: 178px;
	height: 65px;
	margin-top: 20px;
	float: left;
}
.btn_googleplay {
	background: url(../images/btn-googleplay.png) no-repeat;
	width: 178px;
	height: 65px;
	margin-top: 20px;
	float: left;
        margin-left: 10px;
}

.button_wrapper {
	position: relative;
	left: 40%;
	float: left;
}

.image_left {
	
	margin: 0px 10px 10px 0px;
	border-radius: 98px;
	-moz-border-radius: 98px;
	-webkit-border-radius: 98px;
	float: left;
}
.image_left_reviews {
	
	margin: 0px 10px 10px 0px;
	width:100px;
	float: left;
}
.image_left {
	
	margin: 0px 10px 10px 0px;
	border-radius: 98px;
	-moz-border-radius: 98px;
	-webkit-border-radius: 98px;
	float: left;
}

.row_color {
        background:#f4f4f4 ;
        bspwidth: 100%;
	border-bottom: 1px solid #e2e2e2;
}


.textstyle1 {
	text-align: center;
}
.sub-text {
	padding-top: 4px;
	margin-bottom: 15px;
}
.textstyle3 {
	font-size: 12px;
}






#header_wrapper {

	background: #222;;
	width: 100%;
	position: relative;
	top: 0;
    color:white;
    
}
#header {
	background: white;
	width:940px;
	height: 60px;
	z-index: 9999;
	position:fixed;
	top: 0;
	left: 50%;
	margin-left: -470px;
    
    border-right:1px solid #777;
    border-left: 1px solid #777;
    border-bottom: 1px solid #777;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
}


.image-slider {
	padding: 95px 0px 70px 0px !important; 
}



#mission {
	padding: 70px 0px;
}


#mission h1 {
	text-align: center;
}


.icon_bg {
	
	width: 92px;
	height: 92px;
	margin: 40px auto 0px auto;

}
.icon_bg img {
	float: left;
}



#screenshots {
	padding: 110px 0px;
}
#screens{margin:0px;}
ul#screens li {
	background: #fcfcfc;
	width: 190px;
	height: 145px;
	padding: 4px;
	margin: 6px;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position: relative;
	list-style: none;
	float: left;
}
ul#screens li img {
	width: 210px;
	height: 145px;
        
	float: left;
}
.thumb {
	position:relative;
	overflow:hidden;
}
.thumb .zoom {
	background: url(../images/zoom.png) 0 0 no-repeat transparent;
	width: 80px;
	height: 80px;
	position:absolute;
	left:-90px;
	top: 34px;
	outline: none;
}
.thumb .zoom:hover {
	background: url(../images/zoom.png) 0 -80px no-repeat transparent;
}



#team {
	padding: 35px 0px 0px 0px;
}
ul.team_info {
	padding: 15px 0px;
	display: block;
}
ul.team_info li {
	margin-bottom: 5px;
	font-size: 12px;
	font-style: italic;
	line-height: 1.4em;
	display: block;
	background: none;
	list-style-type: none;
}
ul.team_info li a {
	font-size: 12px;
	font-style: italic;
}
ul.team_info li img {
	margin-right: 5px;
	float: left;
}



#download {
	padding: 110px 0px;
}
#download h2 {
	text-align: center;
	margin-bottom: 8px;
}
.logo_grey {
	width: 130px;
	height: 62px;
	margin: 0px auto 70px auto;
}
ul.textlist {
	text-align: center;
}
ul.textlist li {
	padding: 0px 7px;
	font-size: 16px;
	display: inline;
	background: none;
	list-style-type: none;
}



#sub_footer {
	padding: 35px 0px 0px 0px;
}

.services {
	margin-bottom: 40px;
	border: 1px solid #d4d4d4;
	border-width: 1px 1px 4px 1px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-moz-border-radius-bottomright: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-webkit-border-bottom-left-radius: 9px;
}
.services table {
	width: 100%;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px;
	
}
.services thead th {
	background: #333;
	width: 84.3%;
	padding: 13px 8%;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 24px;
	color: #f4f4f4;
	text-align: center;
	text-transform: uppercase;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	float: left;
}
.services tfoot td {
	background: #333333;
	width: 84.3%;
	padding: 8px 8%;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
}
.services td {
	background: #fff;
	width: 84.3%;
	padding: 10px 8%;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #d4d4d4;
	float: left;
        
}
tfoot td{text-align: center;}
.services td.focus {
	background: #D60E00;
	width: 84.3%;
	padding: 10px 8%;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 32px;
	color: #fff;
	font-weight: 400;
	text-align: center;
	
	border-top: 1px solid gray;
	border-bottom: 1px solid #d4d4d4;
}

.services td.focus span {
	font-size: 12px;
}

.services td h6 {
	width: 60%;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #717576;
	font-weight: 400;
	
	float: left;
}



.inner {	
	
    padding:10px 0px; 
		
}


.logo{float:left; width:164px; margin-right:25px; padding-top:0px;}


.btn-xlarge {
  padding: 12px 29px;
  font-size: 20px;
  font-weight: bold;
  line-height: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}


.btn-the-bizzniss-4 { text-shadow: 0px -1px 0px #a2a2a2; color: #ffffff; background-color: #afafaf; background-image: -moz-linear-gradient(top, #afafaf, #a2a2a2); background-image: -ms-linear-gradient(top, #afafaf, #a2a2a2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#afafaf), to(#a2a2a2)); background-image: -webkit-linear-gradient(top, #afafaf, #a2a2a2); background-image: -o-linear-gradient(top, #afafaf, #a2a2a2); background-image: linear-gradient(top, #afafaf, #a2a2a2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afafaf', endColorstr='#a2a2a2', GradientType=0); border-color: #74C0CF #a2a2a2 #a2a2a2 #74C0CF; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-the-bizzniss-4:hover, UNUSEDUNUSED.btn-the-bizzniss-4:active, UNUSEDUNUSED.btn-the-bizzniss-4.active, UNUSEDUNUSED.btn-the-bizzniss-4.disabled, .btn-the-bizzniss-4[disabled] { background-color: #a2a2a2; }
.btn-the-bizzniss-4:hover { color: #D60E00; text-shadow: 0px -1px 0px #388493; }
.btn-the-bizzniss-4:focus { color: #d8ffff; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #74C0CF #a2a2a2 #a2a2a2 #74C0CF; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
UNUSED.btn-the-bizzniss-4.active, UNUSED.btn-the-bizzniss-4:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #d8ffff; }




/* ORIGINAL BLUE BUTTON COLOR

.btn-the-bizzniss-4 { text-shadow: 0px -1px 0px #56a2b1; color: #ffffff; background-color: #74C0CF; background-image: -moz-linear-gradient(top, #92deed, #56a2b1); background-image: -ms-linear-gradient(top, #92deed, #56a2b1); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#92deed), to(#56a2b1)); background-image: -webkit-linear-gradient(top, #92deed, #56a2b1); background-image: -o-linear-gradient(top, #92deed, #56a2b1); background-image: linear-gradient(top, #92deed, #56a2b1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92deed', endColorstr='#56a2b1', GradientType=0); border-color: #74C0CF #56a2b1 #56a2b1 #74C0CF; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-the-bizzniss-4:hover, UNUSEDUNUSED.btn-the-bizzniss-4:active, UNUSEDUNUSED.btn-the-bizzniss-4.active, UNUSEDUNUSED.btn-the-bizzniss-4.disabled, .btn-the-bizzniss-4[disabled] { background-color: #56a2b1; }
.btn-the-bizzniss-4:hover { color: #ffffff; text-shadow: 0px -1px 0px #388493; }
.btn-the-bizzniss-4:focus { color: #d8ffff; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #74C0CF #56a2b1 #56a2b1 #74C0CF; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
UNUSED.btn-the-bizzniss-4.active, UNUSED.btn-the-bizzniss-4:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #d8ffff; }


*/

.team{background: #f4f4f4;
    border-radius: 4px;
    padding: 5px;
margin-bottom: 5px;}

.container{width:940px;}

.span3{width:210px;}



#extra {	
	border-top: 1px solid #000;
}

#extra .inner {	
	color: #fff;
	
	background-color: #222;
	
	border-top: 1px solid #555;
}

#extra h3 {	
	font-weight: 400;
        border-bottom: 1px solid #555;
}




#footer {
	border-top: 1px solid #000;
}

#footer .inner {	
	padding: 20px 0;
	
	background: #111;
	
	border-top: 1px solid #222;	
}

.footer-links {	
	width: 49%;
	display: inline-block;
	margin: 0;

	list-style: none;
}

.footer-links li {
	margin-top: 1.25em;
}

.footer-links a {
	color: #777;
}

/* Custom Styles */
td {
  text-align:center;
    padding:10px;
}
#comparison-table {width:100%;}
#comparison-table tr:nth-child(even) {background: #CCC}
#comparison-table tr:nth-child(odd) {background: #FFF}

.fa-check {color:#3a84df;}

.black-text {color:black;}
.red-text {color:#dd2a08;}

.fa-5x {color:#888;}

a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:60px; margin-left:-160px;
    width:240px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; 
    border:2px solid #FFF;  color:#EEE;
    background:#000 url(src/css-tooltip-gradient-bg.png) repeat-x 0 0;
}
.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}
    
a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips span {
  position: absolute;
  width:340px;
  color: #FFFFFF;
  background: #dd2a08;
  border: 2px solid #000000;
  height: 36px;
  line-height: 36px;
  text-align: center;
  visibility: hidden;
  border-radius: 7px;
}
a.tooltips span:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 22%;
  margin-left: -12px;
  width: 0; height: 0;
  border-top: 12px solid #000000;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 22%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #dd2a08;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 1.0;
  bottom: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}

#rundeck-pro p{
  font-size:18px;
  line-height: 24px;
}

#rundeck-pro h4{
  font-size:18px;
  line-height: 24px;
}

.services ul li{
    text-align: left;
}

.rd-bullet{
   background: url(images/bullet.png) left center no-repeat; padding-left:15px;  
}

.white-text{
  color:white;   
}

.asterisk{
 position: inherit  !important;
    color:#dd2a08 !important;
}

#mc-embedded-subscribe{
 margin-left:auto !important;
    margin-right:auto !important;
    clear:none !important;
    display: inline !important;
}

a.anchor{ display: block; position: relative; top: -50px; visibility: hidden; }

.rundeck-title{text-align:center; font-size:64px; line-height:auto;}

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

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

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

.font-18{font-size: 18px;
         line-height: 22px;
}

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

.rundeck-bullet{
     
    padding-left:15px; 
    margin-left:-20px; 
    margin-bottom:15px; 
    font-size:18px; 
    font-weight:bold;
}

.table-bordered.compare{
    background-color:white; 
    margin-top:35px; 
    border-top:none;   
}

#comparison-table th{
    padding:15px; 
    background-color:#333; 
    border-bottom:solid 2px white;
    font-size:24px;
}

#comparison-table .left-head{width:40%; border-top-left-radius: 7px;}

#comparison-table .center-head{width:30%;}

#comparison-table .right-head{width:300%; border-top-right-radius: 7px;}

.fa-cloud-download{color: #CCC; margin-top:15px;}

.no-left-margin{margin-left:0px;}

.margin-left-10{margin-left: 10px;}

.subscribe-btn{font-size:28px; font-weight:bold;}

#pricing-table{margin-left:10px; border-top:none;}

#pricing-table th{color:white; background-color:#333; border-top-right-radius: 7px; border-top-left-radius: 7px;}

.width-50{width:50%;}

.buy-btn{margin-bottom:15px; margin-top:15px; font-weight:bold;}

.bold{font-weight:bold;}

.white-bg{background-color: white;}

.services-bullet{
    background: url(images/bullet.png) left center no-repeat; padding-left:25px; margin-left:-25px; font-size:18px; margin-bottom:15px;
}

.margin-bottom-40{margin-bottom:40px;}

.margin-top-5{margin-top: 5px;}

.margin-top-50{margin-top: 50px;}

.simplify-twitter-container{
    text-align:center; margin-top:15px; margin-right:35px;   
}

.rundeck-twitter-container{text-align:center; margin-top:15px;}

.simplify-ops{clear:none; font-size:24px; font-weight:bold; text-align:left;}

.rundeck{clear:none; font-size:24px; font-weight:bold; text-align:left;}

#slide h1 {
    font-size: 36px;
    line-height: 36px;
}

#slide h3 {
    font-size: 18px;
    line-height: 20px;
}