@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
a {
	text-decoration:none;
	outline:none;
	border:0px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1 {
	margin:0 0 15px 0;
	font-size:78px;
	font-weight:300;
	letter-spacing:-4px;
	}

h2 {
	margin:0 0 9px 0;
	font-size:38px;
	font-weight:300;
	letter-spacing:-1.1px;
	}
	
h3 {
	font-size:22px;
	font-weight:300;
	letter-spacing:-1.3px;
	}	
	
b {
	font-weight:500;
	color:rgba(51,51,51,1);
	}

p {
	font-size:50px;
}

.float_right {
	float:right;
}
.float_left {
	float:left;
}

.clear {
	clear:both;
}	
	
.center {
	text-align:center;
	}	
	
a {
	color:rgba(51,51,51,1);
	}

a.blue {
	color:rgba(0,136,204,1);
	}
span.blue {
	color:rgba(0,136,204,1);
	font-weight:400;
	}	

a.app {
	font-size:22px;
	font-weight:300;
	letter-spacing:-0.7px;
	}
	
a.arrow {
	padding:0 30px 0 0;
	background:url(../images/arrowright_round.png) no-repeat right 7px;
	}

a.arrow:hover {
	color:rgba(0,0,0,1);
	background:url(../images/arrowright_round_black.png) no-repeat right 7px;
	}		

a.button {
	padding:6px 16px 7px 16px;
	font-size:15px;
	color:rgba(0,136,204,1);
	border:1px solid rgba(0,136,204,1);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
	a.button.right {
		margin:0 5px 0 0;
		}	
	a.button.left {
		margin:0 0 0 5px;
		}
	a.button.full {
		color:rgba(255,255,255,1);
		background:rgba(4,115,203,1) url(../images/button_gradient.gif) repeat-x;
		}

	
	a.button:hover {
		color:rgba(255,255,255,1);
		background:rgba(5,148,217,1) url(../images/button_gradient_hover.gif) repeat-x;
	}
	
html, body {
	font-family: 'Open Sans', sans-serif;
	color:rgba(51,51,51,1);
	}

.wrapper {
	background: rgb(250,250,250);
	background: -moz-linear-gradient(top,  rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(250,250,250,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff',GradientType=0 );
	}

	.wrapper .icons {
		background:url(../images/icon_background.png);
		}	
		
	.wrapper #menu {
		margin:auto;
		width:940px;
		height:45px;
		color:rgba(102,102,102,1);
		font-size:15px;
		}
		
	.wrapper #menu b {
		color:rgba(255,255,255,1);
		font-weight:600;
		}
	
	.wrapper #menu ul#menu_right {
		float:right;
		}
		
	.wrapper #menu ul li a {
		padding:15px 14px 13px 14px;
		color:rgba(255,255,255,1);
		letter-spacing:-0.5px;
	}
	
	.wrapper #menu ul li a:hover, .wrapper #menu ul li a:hover b {
		color:rgba(0,136,204,1);
	}
	
	.wrapper #menu #menu_left li:first-child a {
		margin: 0 50px 0 0;
		padding-left:38px;
		background:url(../images/appgineers_logo_small.png) no-repeat -1px 15px;
	}
	.wrapper #menu #menu_left li:first-child a:hover {
		background:url(../images/appgineers_logo_small_animation.gif) no-repeat -1px 15px;
	}
	
	.wrapper #menu #menu_left li a#betterwhatsapp:hover  {
		background:url(../images/betterwhatsapp_menu_hover.jpg) no-repeat;
	}
	.wrapper #menu #menu_left li a#mountain:hover  {
		background:url(../images/mountain_menu_hover.jpg) no-repeat;
	}
	

	

	
	.wrapper #menu li {
		padding:15px 0 13px 0;
		float:left;
	}
	
	.wrapper #menu li:last-child {
		padding:15px 14px 13px 14px;
		float:left;
	}
	
	.wrapper #menu #menu_right li:last-child {
		padding:15px 0;
		float:left;
	}
	
		
	
	.wrapper #header {
		margin:auto;
		width:940px;
		height:547px;
		position:relative;
		}
		
	.wrapper .header {
		margin:0 0 50px 0;
		}
	.wrapper #header p {
		margin:65px 0 86px 0;
		}
	.wrapper #header p.requirement {
		margin:19px 0;
		}	
		
	
	.wrapper p {
		font-size:22px;
		font-weight:300;
		letter-spacing:-1px;
		line-height:29px;
	}	
	
	.wrapper p.description {
		font-size:15px;
	}	
	
	.wrapper ul#app_list {
		margin:auto;
		width:940px;
		padding:100px 0;
		}

		.wrapper ul#app_list li.app:first-child {
			margin:0px;
			}

		.wrapper ul#app_list li.app {
			margin:0 0 0 20px;
			width:300px;
			text-align:center;
			float:left;
			}

		.wrapper ul#app_list li.app .image {
			margin:0 0 16px 76px;
			}
			
		.wrapper ul#app_list li .app.image#blank {
			background:url(../images/blank.png) no-repeat;
			width:148px;
			height:149px;
			}
		
		.wrapper ul#app_list li .app.image#mountain {
			background:url(../images/mountain.png) no-repeat;
			width:148px;
			height:149px;
			}
		
		.wrapper ul#app_list li .app.image#betterwhatsapp {
			background:url(../images/betterwhatsapp.png) no-repeat;
			width:169px;
			height:149px;
			}
		
		.wrapper ul#app_list li .app.image#moretocome {
			background:url(../images/moretocome.png) no-repeat;
			width:148px;
			height:149px;
			}
			
			
			
	.wrapper ul#feature_list {
		margin:auto;
		width:940px;
		padding:100px 0;
		}
		.wrapper ul#feature_list.first {
			margin:auto;
			width:940px;
			padding:100px 0 25px 0;
		}	
		.wrapper ul#feature_list.second {
			margin:auto;
			width:940px;
			padding:0 0 100px 0;
		}	
	
	.wrapper ul#feature_list .feature h2 {
		font-size:22px;
		}
	
	.wrapper ul#feature_list .feature a {
		font-size:15px;
		}
		.wrapper ul#feature_list .feature a:hover {
			color:rgba(0,0,0,1);
		}
	
		.wrapper ul#feature_list li.feature:first-child {
			margin:0px;
			}

		.wrapper ul#feature_list li.feature {
			margin:0 0 0 20px;
			width:300px;
			text-align:center;
			float:left;
			}

		.wrapper ul#feature_list li.feature .image {
			margin:0 0 16px 108px;
			}
			
		.wrapper ul#feature_list li .feature.image#blank {
			background:url(../images/pattern.png);
			width:84px;
			height:85px;
			}
		
		.wrapper ul#feature_list li .feature.image#feature_one:hover {
			background:url(../images/feature_one.png) no-repeat;
			width:84px;
			height:85px;
			}
		.wrapper ul#feature_list li .feature.image#feature_one {
			background:url(../images/feature_one_hover.png) no-repeat;
			width:84px;
			height:85px;
			}	
			
		.wrapper ul#feature_list li .feature.image#feature_two:hover {
			background:url(../images/feature_two.png) no-repeat;
			width:84px;
			height:85px;
			}
		.wrapper ul#feature_list li .feature.image#feature_two {
			background:url(../images/feature_two_hover.png) no-repeat;
			width:84px;
			height:85px;
			}
		
		.wrapper ul#feature_list li .feature.image#feature_three:hover {
			background:url(../images/feature_three.png) no-repeat;
			width:84px;
			height:85px;
			}
		.wrapper ul#feature_list li .feature.image#feature_three {
			background:url(../images/feature_three_hover.png) no-repeat;
			width:84px;
			height:85px;
			}
		
		.wrapper ul#feature_list li .feature.image#feature_four:hover {
			background:url(../images/feature_four.png) no-repeat;
			width:84px;
			height:85px;
			}
		.wrapper ul#feature_list li .feature.image#feature_four {
			background:url(../images/feature_four_hover.png) no-repeat;
			width:84px;
			height:85px;
			}	
			
		.wrapper ul#feature_list li .feature.image#feature_five:hover {
			background:url(../images/feature_five.png) no-repeat;
			width:84px;
			height:85px;
			}
		.wrapper ul#feature_list li .feature.image#feature_five {
			background:url(../images/feature_five_hover.png) no-repeat;
			width:84px;
			height:85px;
			}
		
		.wrapper ul#feature_list li .feature.image#feature_six:hover {
			background:url(../images/feature_six.png) no-repeat;
			width:84px;
			height:85px;
			}
		.wrapper ul#feature_list li .feature.image#feature_six {
			background:url(../images/feature_six_hover.png) no-repeat;
			width:84px;
			height:85px;
			}
			
			
	
	.wrapper ul#socialmedia_icons {
		margin:auto;
		width:940px;
		}
		
	.wrapper ul#socialmedia_icons a {
		font-size:15px;
		}
	.wrapper ul#socialmedia_icons a:hover {
		color:rgba(0,0,0,1);
		}

		.wrapper ul#socialmedia_icons li.app:first-child {
			margin:0px;
			}
		
		.wrapper ul#socialmedia_icons li.app {
			margin:0 0 0 20px;
			width:140px;
			text-align:center;
			float:left;
			}

		.wrapper ul#socialmedia_icons li.app .image {
			margin:0 0 18px 35px;
			width:70px;
			height:70px;
			}
			
		.wrapper ul#socialmedia_icons li.app .image#appstore {
			background:url(../images/appstore.png) no-repeat;
			}
		.wrapper ul#socialmedia_icons li.app .image#appstore:hover {
			background:url(../images/appstore_hover.png) no-repeat;
			}
			
		.wrapper ul#socialmedia_icons li.app .image#blog {
			background:url(../images/blog.png) no-repeat;
			}
		.wrapper ul#socialmedia_icons li.app .image#blog:hover {
			background:url(../images/blog_hover.png) no-repeat;
			}
			
		.wrapper ul#socialmedia_icons li.app .image#facebook {
			background:url(../images/facebook.png) no-repeat;
			}
		.wrapper ul#socialmedia_icons li.app .image#facebook:hover {
			background:url(../images/facebook_hover.png) no-repeat;
			}
		
		.wrapper ul#socialmedia_icons li.app .image#twitter {
			background:url(../images/twitter.png) no-repeat;
			}
		.wrapper ul#socialmedia_icons li.app .image#twitter:hover {
			background:url(../images/twitter_hover.png) no-repeat;
			}	
			
		.wrapper ul#socialmedia_icons li.app .image#googleplus {
			background:url(../images/googleplus.png) no-repeat;
			}
		.wrapper ul#socialmedia_icons li.app .image#googleplus:hover {
			background:url(../images/googleplus_hover.png) no-repeat;
			}
		
	.wrapper #header_button p {
		letter-spacing:-0.4px;
		}	
		
	.wrapper .container .appinfo {
		padding: 0 0 20px 0;
		width:300px;
		height:330px;
		font-size:14px;
		}	
	
	.wrapper .container .appinfo p {
		letter-spacing:-1px;
		color:rgba(51,51,51,1);
		}	
		
	.wrapper p a.version {
		color:rgba(0,136,204,1);
		font-weight:400;
		}	
		.wrapper p a.version:hover {
			text-decoration:underline;
		}	
		

		.wrapper .container .appinfo p.appinfo_title span {
			margin:0 0 0 9px;
			font-size:13px;
			}
		
		
		.wrapper .container .appinfo .title {
			margin:0 0 3px 0;
			height:85px;
			width:100%;
			display:table;
			}	
		
		.wrapper .container .appinfo .title p {
			letter-spacing:-0.4px;
			}	
		
		.wrapper .container .appinfo p.requirement, .wrapper #header_button p.requirement {
			font-size:13px;
			line-height:10px;
			}	
			
		.wrapper .container .appinfo .title .icon {
			margin:0 10px 0 0;
			width:84px;
			height:85px;
			background:url(../images/pattern.png);
			float:left;
			}	
			
		.wrapper .container .appinfo .title .icon.betterwhatsapp {
			margin:0 10px 0 -12px;
			width:96px;
			height:85px;
			background:url(../images/betterwhatsapp_small.png);
			float:left;
			}
		.wrapper .container .appinfo .title .icon.mountain {
			margin:0 10px 0 0;
			width:84px;
			height:85px;
			background:url(../images/mountain_small.png);
			float:left;
			}				
			
		.wrapper .container .appinfo .title .icon.feature_one_icon {
			margin:0 13px 0 -11px;
			background:url(../images/feature_one_hover.png) no-repeat;
			}

		.wrapper .container .appinfo .title .icon.feature_two_icon {
			margin:0 13px 0 -11px;
			background:url(../images/feature_two_hover.png) no-repeat;
			}
			
		.wrapper .container .appinfo .title .icon.feature_three_icon {
			margin:0 13px 0 -11px;
			background:url(../images/feature_three_hover.png) no-repeat;
			}
			
		.wrapper .container .appinfo .title .icon.feature_four_icon {
			margin:0 13px 0 -11px;
			background:url(../images/feature_four_hover.png) no-repeat;
			}	
			
		.wrapper .container .appinfo .title .icon.feature_five_icon {
			margin:0 13px 0 -11px;
			background:url(../images/feature_five_hover.png) no-repeat;
			}	
			
		.wrapper .container .appinfo .title .icon.feature_six_icon {
			margin:0 13px 0 -11px;
			background:url(../images/feature_six_hover.png) no-repeat;
			}

			
	.wrapper .container .appinfo .content {
		height:207px;
		}		

	.wrapper .container .appinfo .footer {

		padding:10px 0;
		position:relative;
		}		
			
			
	.wrapper .container .appinfo p.description {
		margin:27px 0;
		margin:27px 0;
		line-height:24px;
		color:rgba(102,102,102,1);
		letter-spacing:-0.5px;
		}	
		
	.wrapper .container .screenshot {
		width:589px;
		height:400px;
		position:absolute;
		}
	.wrapper .screenshot {
		width:737px;
		height:837px;
		position:absolute;
		}
		
		.wrapper .container .screenshot.right {
			position:absolute;
			top:50px;
			left:0px;
			}
		
		.wrapper .container .screenshot.left {
			position:absolute;
			top:50px;
			left:351px;
			}
		
		.wrapper .screenshot.left {
			position:absolute;
			top:-636px;
			left:451px;
			}

		.wrapper .container .screenshot#feature_one{
			background:url(../images/screenshot_feature_one.png) no-repeat;
			}		
		.wrapper .container .screenshot#feature_two{
			background:url(../images/screenshot_feature_two.png) no-repeat;
			}
		.wrapper .container .screenshot#feature_three{
			background:url(../images/screenshot_feature_three.png) no-repeat;
			}
		.wrapper .container .screenshot#feature_four{
			background:url(../images/screenshot_feature_four.png) no-repeat;
			}
		.wrapper .container .screenshot#feature_five{
			background:url(../images/screenshot_feature_five.png) no-repeat;
			}
		.wrapper .container .screenshot#feature_six{
			background:url(../images/screenshot_feature_six.png) no-repeat;
			}
			
		.wrapper .container .screenshot#blank_left{
			background:url(../images/app_background_left.png) no-repeat;
			}	
		.wrapper .container .screenshot#blank_right{
			background:url(../images/app_background_right.png) no-repeat;
			}	
			
		.wrapper .container .screenshot#betterwhatsapp{
			background:url(../images/app_background_betterwhatsapp.png) no-repeat;
			}
		.wrapper .container .screenshot#mountain{
			background:url(../images/app_background_mountain.png) no-repeat;
			}
		
		.wrapper .screenshot#header{
			background:url(../images/header_background.png) no-repeat;
			height:774px;
			}
	
	
	.wrapper .container {
		margin:auto;
		padding:100px 0;
		width:940px;
		position:relative;
		}
		.wrapper .container .image {
			width:844px;
			right:50px;
			}

	.wrapper .container.cut {
		padding-bottom:0px;
		}
		
	.wrapper .container .container_small {
		padding: 0 160px;
		}	
		
	.wrapper .container .container_small select {
		margin:0 0 40px 0;
		padding:10px 9px;
		width:100%;
		font-size:15px;
		border:1px solid rgba(126,185,227,1);
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color:rgba(0,119,204,1);
		background:none;
		}
	
	.wrapper .container .container_small select option {
		background:rgba(255,255,255,1);
		}
	
	.wrapper .container .container_small input  {
		margin: 0 0 20px 0;
		}
		
	.wrapper .container .container_small input#message-email, #message-name {
		width:273px;
		}
	
		
	.wrapper .container .container_small textarea  {
		margin:0 0 40px 0;
		padding:10px 13px;
		width:592px;
		font-size:15px;
		border:1px solid rgba(176,176,176,1);
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color:rgba(176,176,176,1);
		background:none;
		font-family: 'Open Sans', sans-serif;
		}
		
	input[type=submit] {
		padding:8px 16px;
		font-size:15px;
		border:1px solid rgba(0,136,204,1);
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color:rgba(255,255,255,1);
		background:rgba(4,115,203,1) url(../images/button_gradient.gif) repeat-x;
	}
	input[type=submit]:hover {
		color:rgba(255,255,255,1);
		background:rgba(5,148,217,1) url(../images/button_gradient_hover.gif) repeat-x;
	}
	
	input#message-email:hover, #message-name:hover, #message:hover {
		border:1px solid rgba(126,185,227,1);
	}
	
	input {
		padding:11px 13px;
		font-size:15px;
		color:rgba(176,176,176,1);
		border:1px solid rgba(176,176,176,1);
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background:none;
	}
	
	input#notification-email {
		margin:0 16px 0 220px;
		width:352px;
	}

.ac-container span.warning {
	color:red;
	font-weight:400;
	}
	
	
.ac-container ul{
	margin: 0 0 0 20px;
	}
.ac-container ul li{
	padding:5px 0;
	font-size:15px;
	color:rgba(51,51,51,1);
	list-style-type: circle;
	}
	
.ac-container label{
	padding: 20px 20px 6px 20px;
	position: relative;
	z-index: 20;
	display: block;
	line-height: 33px;
	color:rgba(51,51,51,1);
	background: transparent url(../images/arrowright.png) no-repeat -5px 24px;	
}
.ac-container label:hover,
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background:rgba(255,255,255,0.5);
}

.ac-container input:checked + label p {
	color:rgba(0,136,204,1);
	font-weight:400;
}

.ac-container label:hover p {
	color:rgba(0,136,204,1);
}

.ac-container label:hover:after,
.ac-container input:checked {
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	left: -5px;
	top: 24px;
	background: transparent url(../images/arrow_down.png) no-repeat;	
}
.ac-container input:checked + label:hover:after{
	background-image:none;
}
.ac-container input{
	display: none;
}
.ac-container article{
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
	font-size: 15px;
	padding: 0px 20px 4px 20px;
}
.ac-container input:checked ~ article{
	margin:0 0 0 20px;
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	background:#fbfbfb;
}
.ac-container input:checked ~ article.ac-small{
	height: 140px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 180px;
}
.ac-container input:checked ~ article.ac-large{
	height: 230px;
}
.ac-container input:checked ~ article.ac-large_xxl{
	height: 330px;
}