.green-cover {
	background-color: rgba(109, 179, 8, .8);
	padding:0;
	margin:0;
	
}

.gray-cover {
	background-color: rgba(206, 206, 206, .8);
	padding:30px;
	margin:0;
	
}

.gray-background {
	background-color: #f0f0ee;
	
}

.persona-box {

}

.features-box {
	
	background-color:#f0f0ee;
	padding:30px;
	
}

.rounded-top {
	border-radius:5px 5px 0 0;
}


.box-dark-gray {
	background-color: #f0f0ee;
	padding:10px;
	display:inline-block;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:none;
	overflow:hide;
	border-radius: 20px 20px 0px 0px;
	-webkit-box-shadow: 4px -1px 4px -1px #cecece;
    box-shadow: 4px -1px 4px -1px  #cecece;
}

.box-dark-blue {
	background-color: #1583cc;
	color:#ffffff;
	padding:20px;
	padding-top:20px;
	display:inline-block;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:none;
	overflow:hide;
	border-radius: 20px 20px 0px 0px;
	-webkit-box-shadow: 4px -1px 4px -1px #cecece;
    box-shadow: 4px -1px 4px -1px  #cecece;
}

.dark-line {
	border:1px solid #b4b4b4
}


.persona-box-logo {
	padding-top:10px;
	background-color:#ffffff;
}

.persona-type {
	background-color:#1583cc;
	padding:30px;
}

.bluetxt {
	color:#1583cc;
}

.black-cover {
	background-color: rgba(0, 0, 0, .6);
	padding:30px;
	width:100%;
	height:100%;
}

.black-video-cover {
	background-color: rgba(0, 0, 0, .6);
	padding:30px;
	width:100%;
	height:100%;
	position:absolute;
	background-size: cover;
	z-index:100;
}

.blue-cover {
	background-color: rgba(21, 131, 204, .8);
	padding:30px;
	margin:0;
	
}

.blue-cover-dark {
	background-color: #1583cc;
	padding:30px;
	margin:0;
	
}

.blue-cover-extra-dark {
	background-color: #2c3e50;
	padding:30px;
	margin:0;
	
}

.white-background {
	background-color: #ffffff;
	
}


.quote {
	background-image: url('/images/quote-background-white.jpg'); 
	background-repeat:no-repeat;
}



.conf-background {
	height:auto; 
	background-image: url('/conf2014/conference-assetts-header2.png'); 
	background-size: cover;
}

.nopadding {
	padding:0;
	margin:0;
}
.extrapadding {
	padding:30px;
}

.transparent {
	border:1px solid #ffffff; 
	background:none!important;
	color:#ffffff;
}


.transparent-blue {
	border:1px solid #1583cc; 
	background:none!important;
	color:#1583cc;
}


.sticky-menu-top {
	position: fixed;
	top: 0;
	width:100%;
	z-index:99;
	display:none;
}

.round-corners {
	border-radius:24px;
}

.large {
	font-size:1.7em;
	padding:16px 35px;
	border-radius:35px;
	font-weight:900;
}

.med {
	font-size:1.3em;
	padding:16px 35px;
	border-radius:35px;
}

.small{
	font-size:.85em;
}

.extra-large {
	font-size:4em;
}

.leftalign {
	text-align:left!important;
}

.list-style {
	margin-left:12%;
}

.rightalign {
	text-align:right!important;
}

.black {
	color:#000000;
}

.normal {
	font-weight:normal!important;

}
.no-overlap {
	float:left;
	margin-right:10px;
}


.floating-image {
	float:right;
	padding:20px;
	width:28%;
}

.floating-image-left {
	float:left;
	padding-right:20px;
	width:28%;
}

.absolutecenter {
	 margin: auto;
	 position: absolute;
	 top:40%;
	 left:36%
}


.tagline-style {
	position: relative; 
	top: 64%; 
	transform: translateY(64%)
}

.tagline-style {
	margin:auto;
}


.header-section {
	height:auto;
}

.header-section-mobile {
	height:auto;
}

.triangle {
	width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #cccccc;
	}
	
#low-code-feature-video {
	display:none;
}	

#responsive-feature-video {
	display:none;
}	

#offline-feature-video {
	display:none;
}	

.featuresbox {
	text-decoration:none;
}

.border-left {
	border-left: 1px solid #cccccc;
	padding-left:30px; 
}

.button-square {
	padding:20px 30px;
	border-radius:10px;
}

.button-square-small {
	border-radius:5px;
	padding:10px 20px;
}


/*
 * New CSS by Zach
 */
/*
 * Make phone number visible (gray) in header
 */
span.gc-cs-link {
	color:#FFF;
  text-decoration:none;
  font-weight:900;
  letter-spacing:1px;
}
span.gc-cs-link:hover{
  color: #1583cc;
}
/*
 * Hide DevCon image on nav bar
 */
.devcon-icon {
display:none;
}

#contact-sales-number {
color:#ffffff!important;
}

.trial-menu-button {
display:none;
}

/*
 * Change height of homepage background video
 */
#header {
  background: none;
  margin-bottom: -130px;
  z-index: 1;
  position: relative;
}
#menu ul li a, #header .container, #header .phone {
  color: #fff;
  font-weight:300;
  font-size:.90rem;
 }
 #menu ul li a:hover{
  color: #b6b6b6;
 }
 .phone a{
 	color:#fff !important;
 }
 .phone p{
  margin-left: -1px;
 }
.header-section {
  height: auto;
}
.tagline-style {
  padding-top: 175px;
  margin-bottom:150px;
  transform: translateY(0%);
}
.tagline-style-mobile{
  padding-top: 175px;}

/*
 * Change font-family for headline
 */
#block2 h1 strong{
  font-weight: 900;
  font-size: 50px;
   text-shadow: 1px 1px 3px #000;
  word-spacing: 3px;
}
#block2 h1{margin-bottom:8px;}
#block2 h2.large{
  font-size: 22px;
  font-weight:300;
   text-shadow: 1px 1px 3px #000;
   margin-bottom:18px;
   padding-top:0px;
  word-spacing: 2px;
}
#block2 .button{
	  background: rgba(255,255,255,0.36);
  border-style: none;
  border-color: none;
  border-bottom-color: #383b3c;
  border-radius: 3px;
	  margin-left:12px;margin-right:12px;
  padding:0px;
}
#block2 .button h3{
	  color:#fff;
   text-shadow: 1px 1px 1px #111;
  font-weight:bold;
  padding: 16px 30px;
  letter-spacing:.5px;
  font-size: 20px;
  margin:0px;
}


#block2 .button:hover{
background: rgba(0,0,0,0.6);
}

/*
 * Add lower bar
 */
#block2 .lower-bar .button{margin-left:0px;margin-right:12px;height:44px;line-height:20px;
background:#1583cc;
  vertical-align: bottom;}
.lower-bar input{  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  vertical-align: bottom;
  height: 44px;
  padding: 8px 10px;
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0px;
  margin-right:-2px;
 }

/*
 * Tooltip
 */
#menu ul li.submenu ul {
  left: 11px;
}
#menu ul li.submenu ul a {
  font-weight:700;
}
#menu ul li.submenu ul:after{
  content: '';
  position: absolute;
  bottom: 100%;
  left: 15%;
  margin-left: -8px;
  width: 0; height: 0;
  border-bottom: 8px solid #F1F1F1;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

/*
 * Why Alpha Section
 */
#whyalpha {width:66%;padding:0px;padding-top:12px;
	text-align:left;
}
#whyalpha h2{}
#whyalpha h2 a{color:#222;}
#whyalpha h2 a:hover{color:#1583cc;text-decoration: underline;}
#whymenu{
	width: 20%;
  float:left;
  padding: 18px 0px;
}
#whymenu .choice{
  font-size: 16px;
  font-weight: 400;
  padding: 10px;
  line-height: 20px;
  text-decoration: none;
  cursor: pointer;
  vertical-align: middle;
  overflow: hidden;
  position: relative;}
  #whymenu .choice:hover{background:#444;
  -webkit-transition: height .4s ease;
  transition: height .4s ease;
  color:#fff;}
  #whymenu .choice.active{
  font-weight: bold;
  -webkit-transition: height .4s ease;
  transition: height .4s ease;
  background: #1583cc;
  padding:10px;
  color: #fff;
  }
#whychoices{
  width: 74%;
  float:right;}
#whychoices h4{  font-size: 1.7em;
  padding: 16px 0px;
  font-weight: 900;}
#whychoices .choice{display:none;}
#whychoices .choice:first-child{display:block;}
.signup{
text-align:center;
}
.lower-bar{
    position: relative;
    width: 100%;
    bottom: 0;
    height: 80px;
    margin-top:-80px;
    padding-top: 10px;
    text-align: center;
    overflow:hidden;
}
#references{}
.reference{
	text-align:left;
	position:absolute;
	bottom:0px;
	display:inline;
background: #ddd;
  margin: 0px;
  padding: 15px;padding-left:20px;padding-right:40px;
  border-radius: 5px 5px 0px 0px;
  width:600px;
  height: 80px;
  line-height:20px;
  cursor: pointer;
  -webkit-box-shadow: -5px -5px 36px -4px #333;
          box-shadow: -5px -5px 36px -4px #333;
  border-left: 1px solid #aaa;border-right:1px solid #888;
  border-top:1px solid #bbb;font-size:14px;
}
.reference p{margin-top:6px;display:none;height:40px;overflow:hidden;}
.reference img{max-width:none;border-radius:5px;height:50px;float:left;margin-right:20px;font-weight:bold;}
/*
 * Scrolling Images
 */ 
.simply-scroll-container { 
	position: relative;
	background-color:#d7d7d7;
}
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	background-color:#d7d7d7;
}
.simply-scroll-list { 
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
.simply-scroll-list li img {
	border: none;
	display: block;
}
.simply-scroll { 
	width: 100%;
	height:auto;
	max-height: 105px;
	background-color:#d7d7d7;
}
.simply-scroll .simply-scroll-clip {
	width: 100%;
	height:auto;
	max-height: 105px;
}
.simply-scroll .simply-scroll-list li {
	float: left; 
	width: 2397px;
	height:105px;
}
/*
 * Browser size compatibility
 */ 
@media (max-width: 1100px){
	#block2 h2.large{font-size:21px;}
}
@media (max-width: 1025px){
	#header{margin-bottom:-200px;}
	#header .phone {float:right;}
   #tagline{    margin-top: 80px;}
	#block2 h2.large{font-size:20px;}
}
@media (max-width: 975px){
	#block2 h2.large{font-size:18px;}
}
@media (max-width: 880px){
	#block2 h1 strong {font-size:46px;}
	#references{display:none;}
}
@media (max-width: 842px){
	#menu {margin-top:0px;}
	.phone p {display:none;}
}
@media (max-width: 815px){
	#block2 h1 strong {font-size:42px;}
	#whyalpha {width: 90%;}
}
@media (max-width: 799px) {
	#header {
    margin-bottom: -140px;
   }
	#block2 h1 strong {font-size:40px;}
	#block2 h2.large{font-size:20px;}
   #tagline{margin-bottom: 80px;}
}
@media (max-width: 750px) {
	#block2 h1 strong {font-size:36px;}
	#block2 h2.large{font-size:18px;}
}
@media (max-width: 730px) {
	#block2 h1 strong {font-size:32px;}
}
@media (max-width: 610px) {
	#header {
    margin-bottom: -160px;
   }
	#block2 h1 strong {font-size:26px;}
	#block2 h2.large{font-size:16px;}
	#block2 .button h3 {font-size:16px;padding:12px 16px;}
	#block2 .button {margin: 0px 6px;}
   #tagline{margin-top: 0px;}
}
@media (max-width: 600px) {
	.choice iframe{min-height: 196px !important;}
   #menu ul li a{color:#000;}
   .choice4 p{margin-right:0px !important;}
   .choice4 img{margin-left:15px;margin-bottom:15px;}
	.smallhide{display:none;}
	.container .column .grid-2-3{padding:0px;}
 }
@media (max-width: 500px) {
	.choice iframe{min-height: 196px !important;}
	#block2 h1 strong {font-size:22px;}
	#whymenu { display:none; }
	#whychoices .choice {
    display: block;
    margin-bottom: 30px;
	}
	#whychoices {
    width: 100%;
    float: left;
	}
	#whychoices h4{font-size:22px;}
	.block5 .med{margin-bottom:-10px;}
}
@media (max-width: 430px) {
   .black-cover{    padding-top: 40px;}
	#block2 h1 strong {font-size:18px;}
}
@media (max-width: 600px) {
   .border-left {border-left: none; padding-left: 0px; }
}
@media (max-width: 330px) {
   #tagline{margin-bottom: 60px;}
   #tagline{margin-top: 30px;}
	.black-cover{padding:5px;}
	#block2 h1 {line-height: 24px;}
	#block2 h1 strong {font-size:16px;}
	#block2 h2.large{font-size:13px;line-height:16px;padding-left:6px;padding-right:6px;}
	#block2 .button h3 {font-size:16px;padding:8px 12px;}
	#block2 .button {margin: 0px 5px;}
}