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, img, ins, kbd, q, s, samp, small, strike, 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: inherit;
	vertical-align: baseline;
}
* { font-family: "Open Sans", Arial, Times, sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
a {
	color: #39b54a;
	text-decoration:none !important;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
 }
a, img, input { outline: none; }
img { border: 0; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear { clear: both; }
a, input, img, button { outline: none !important; }
.no-margin{ margin:0 !important; }

/* --- GENERAL --- */

.btn-primary {
    background: #39b54a;
    border: solid 2px #39b54a !important;
}
.btn-primary:hover, .btn-primary:focus { color: #39b54a; }
body {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: normal;
	color:#555555;
	padding-top:80px;
}
p{
	font-weight:300;
}
h1{
	text-align:center;
	text-transform:uppercase;
	font-size:38px;
	font-weight:300;	
	margin:0 0 40px 0;
}
h1 .border{
	width:100px;
	height:3px;
	margin:3px auto 0 auto;
	background:#39b54a;	
}
h2{
	text-align:center;
	text-transform:uppercase;
	font-size:30px;
	color:#39b54a;
	font-weight:600;	
	margin:0 0 30px 0;
}
.bloc{
	padding:84px 0 100px 0;
}
label.error {
	width: auto;
	display: inline;
	float: left;
	color:#e74c3c;
	font-size: 12px;
	margin:3px 0 0 12px;
}

/* --- NAVBAR --- */

.navbar{
	background:#fff;
	border-bottom:solid 1px #eeeeee;
}
.navbar #logo{
    background: url(../img/logo-appiscreen@x2.png);
    width: 305px;
    height: 89px;
    margin: 5px 0 5px 0;
    position: absolute;
}
.navbar-default .navbar-nav li a {
	color:#555555;
	text-transform:uppercase;
	font-size:15px;
	line-height:80px;
	font-weight:600;
	letter-spacing:-0.5px;
	padding:0 15px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav .current a,
.navbar-default .navbar-nav .current a:hover {
	color: #39b54a;
}
.navbar-default .navbar-nav li button{
	margin:24px 0 0 20px;
}
.navbar-default .navbar-nav li a.btn{
	line-height:normal;
	text-transform:none;
	padding: 3px 25px 5px;
	color:#fff;
	margin:24px 0 0 20px;
}
.navbar-default .navbar-nav li a.btn:hover,
.navbar-default .navbar-nav li a.btn:focus{
	color:#39b54a;
}

.videobox { width:406px; height:229px;}
/* --- BLOC HOME --- */

#apph-slogan{background:url(../img/apphunter-slogan.png) no-repeat; width:100%; position:relative; top:-40px; height:34px;}

#bloc-home{
	background:url(../img/background1.jpg) center center;
	background-size:cover;
	padding-bottom:0;
}
#bloc-home .left{
	text-align:right;
	margin-top:50px;
	padding-bottom:90px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	-o-transform: translateX(-100px);
	transform: translateX(-100px);
}
#bloc-home .left.active {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
#bloc-home .left .icons{
	margin:15px 0 0 0;
}
#bloc-home .left .icons i{
	font-size:42px;
	color:#39b54a;
	margin:0;
	cursor:default;
}
#bloc-home .row{
	position:relative;
}
#bloc-home .right{
	position:absolute;
	right:0;
	height:440px;
}
#bloc-home .right #ipad{
	position:absolute;
	right:115px;
	background:url(../img/ipad.png);
	background-size:531px 420px;
	width:531px;
	height:420px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translateY(-55px);
	-moz-transform: translateY(-55px);
	-ms-transform: translateY(-55px);
	-o-transform: translateY(-55px);
	transform: translateY(-55px);
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
#bloc-home .right #ipad.active{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	filter: alpha(opacity=100);
}
#bloc-home .right #ipad .screen{
	position:absolute;
	top:45px;
	left:46px;
	width:439px;
	height:322px;
}
#bloc-home .right #iphone{
	position:absolute;
	right:0;
	bottom:0;
	background:url(../img/iphone.png);
	background-size:149px 322px;
	width:149px;
	height:322px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-o-transform: translateX(100px);
	transform: translateX(100px);
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
#bloc-home .right #iphone.active{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	filter: alpha(opacity=100);
}
#bloc-home .right #iphone .screen{
	position:absolute;
	top:44px;
	left:11px;
	width:127px;
	height:224px;
}

/* --- BLOC WHY --- */

#bloc-why {
background:url(../img/whychooseus-pencilimage.jpg) no-repeat top center; padding-top:150px; 	
	}

#bloc-why p{
	text-align:center;
	width:80%;
	margin:auto;
}

/* --- BLOC OFFERS --- */

#bloc-offers{
	background:url(../img/background1.jpg) center center;
	background-size:cover;
	text-align:center;
}
#bloc-offers ul{
	margin:0 auto 30px auto;
	width:100%;
}
#bloc-offers ul li{
	border-bottom:1px dotted #ccc;
	margin-bottom:5px;
	padding-bottom:5px;
	font-size:22px;
	font-style:italic;
	text-align:left;
}
#bloc-offers ul li:before{
	font-family: 'icomoon';
	content:"\e60d";
	color:#39b54a;
	font-size:18px;
	font-style:normal;
	padding-right:7px;
	display:inline;
	vertical-align:middle;
}

/* --- BLOC CLIENTS --- */

#bloc-clients p{
	text-align:center;
	width:60%;
	margin:auto;
}
#bloc-clients .carousel{
	margin-top:40px;
}
#bloc-clients .carousel li img{
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	opacity:0.8;
	filter: alpha(opacity=80);
	/*filter: url(../js/plugins/filters.svg#grayscale);
    filter: gray;
    -webkit-filter: grayscale(1);*/
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	cursor:pointer;
}
#bloc-clients .carousel li img:hover{
	opacity:1;
	filter: alpha(opacity=100);
    filter: none;
    -webkit-filter: grayscale(0);
}

/* --- BLOC ADVANTAGES --- */

#bloc-advantages{
	background:url(../img/background1.jpg) center center;
	background-size:cover;
	text-align:center;
}
#bloc-advantages h2{
	font-size:22px;
	text-transform:uppercase;
	margin-bottom:6px;
}
#bloc-advantages .icon{
	background:#39b54a;
	color:#fff;
	width:100px;
	margin:0 auto 13px auto;
	height:100px;
	border-radius:200px;
	-moz-border-radius:200px;
	-webkit-border-radius:200px;
}
#bloc-advantages .icon i{
	font-size:42px;
	line-height:100px;
}

/* --- BLOC ADVANTAGES --- */

#bloc-examples .slider{
	position:relative;
}
#bloc-examples .slider .slider-controls a{
	position:absolute;
	font-size:60px;
	color:#39b54a;
	top:94px;	
	width: 60px;
	height: 61px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	opacity:0.5;
	filter: alpha(opacity=50);
}
#bloc-examples .slider .slider-controls a:hover{
	opacity:1;
	filter: alpha(opacity=100);
}
#bloc-examples .slider .slider-controls a.slider-prev{
	left:70px;
}
#bloc-examples .slider .slider-controls a.slider-next{
	right:70px;
}
#bloc-examples .slider .slider-images{
	background:url(../img/iphone-slider.png);
	width:570px;
	height:268px;
	margin:0 auto 18px auto;
	position:relative;
}
#bloc-examples .slider .slider-images ul{
	position:absolute;
	top:20px;
	left:86px;
	bottom:20px;
	right:78px;
}
#bloc-examples .slider .slider-images ul li{
	position:relative;
	float:left;
	cursor:pointer;
}
#bloc-examples .slider .slider-images ul li img{
	width:406px;
	height:229px;
}
#bloc-examples .slider .slider-images ul li .icon-play{
	position:absolute;
	color:#fff;
	opacity:0.5;
	filter: alpha(opacity=50);
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	font-size:86px;
	top:50%;
	left:50%;
	margin-top:-43px;
	margin-left:-43px;
	cursor:pointer;
	z-index:500;
}
#bloc-examples .slider .slider-images ul li:hover .icon-play{
	opacity:0.8;
	filter: alpha(opacity=80);
}
#bloc-examples .slider .slider-texts h2{
	margin-bottom:6px;
}
#bloc-examples .slider .slider-texts p{
	text-align:center;
	width:60%;
	margin:auto;
}

/* --- BLOC CONTACT --- */

#bloc-contact{
	padding:0;
	position:relative;
	overflow:hidden;
}
#bloc-contact .google_map{
	width:100%;
	position:absolute;
}
#bloc-contact .content{
	background:rgb(243,243,243);
	background:rgba(243,243,243,0.9);
	position:absolute;
	top:550px;
	width:100%;
	padding:26px 0 40px 0;
}
#bloc-contact .content form{
	text-align:center;
}
#bloc-contact .content form textarea{
	height:222px;
	resize:none;
}
#bloc-contact .content form .error{
	background:#ffc9c3;
	color:#c0392b;
}

/* --- BLOC CONTACT DETAILS --- */

#bloc-contact-details{
	background:#39b54a;
	text-align:center;
	padding:40px 0 34px 0;
}
#bloc-contact-details .icon{
	color:#fff;
	width:100px;
	margin:0 auto 13px auto;
	height:100px;
	border:solid 3px #fff;
	border-radius:200px;
	-moz-border-radius:200px;
	-webkit-border-radius:200px;
}
#bloc-contact-details .icon i{
	font-size:42px;
	line-height:94px;
}
#bloc-contact-details p{
	color:#fff;
}

/* --- BLOC SIGNUP --- */

#bloc-signup{
	background:#f3f3f3;
	text-align:center;
}
#bloc-signup .form-group{
	height:54px;
	text-align:left;
}
#bloc-signup .form-group .btn-group{
	width:100%;
}
#bloc-signup .form-group .btn-group .btn{
	height:40px;
	width:50%;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	margin-top:7px;
}
#bloc-signup .form-group #radio-publisher,
#bloc-signup .form-group #radio-advertiser{
	display:none;
}
#bloc-signup .form-group .radio-inline{
	height:54px;
	line-height:54px;
}
#bloc-signup .form-group .radio-inline input{
	float:none;
}

/* --- FOOTER --- */

#footer{
	background:#333;
	text-align:center;
	padding:40px 0 34px 0 !important;
}
#footer .logo{
	background:url(../img/logo-footer.png);
	width:127px;
	height:36px;
	margin:auto;
}
#footer .social{
	text-align:center;
	width:180px;
	margin:30px auto 0 auto;
}
#footer .social li{
	float:left;
	margin:0 10px;
	width:40px;
	height:40px;
	background:#555555;
	text-align:center;
	line-height:40px;
}
#footer .social li a{
	color:#fff;
	font-size:28px;
	line-height:40px;
}
#footer p{
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	line-height:22px;
	margin-top:30px;
}
#footer p a{
	color:#777;
}
#footer p a:hover{
	color:#39b54a;
}

/* --- MODALS --- */

.modal .form-group{
	margin-bottom:20px;
}
#modalSignUp .modal-dialog{
	width:400px;
}
#modalSignUp form .form-control{
	padding: 10px 12px !important;
	height:42px;
}
#modalSignUp form .radio-inline{
	font-size:15px;
}
#modalSignUp .modal-body .links{
	float:right;
}
#modalSignUp .modal-body .links a{
	font-size:12px;
	color:#555;
	display:block;
	text-align:right;
	margin:0 0 6px 0;
}
#modalSignUp .modal-body .links a:hover{
	color:#39b54a;
}

#modalLogIn .modal-dialog{
	width:400px;
}
#modalLogIn form .form-control{
	padding: 10px 12px !important;
	height:42px;
}
#modalLogIn form .radio-inline{
	font-size:15px;
}
#modalLogIn .modal-body .links{
	float:right;
}
#modalLogIn .modal-body .links a{
	font-size:12px;
	color:#555;
	display:block;
	text-align:right;
	margin:0 0 6px 0;
}
#modalLogIn .modal-body .links a:hover{
	color:#39b54a;
}
#modalPassword .modal-dialog{
	width:400px;
}
#modalPassword .modal-dialog p{
	font-size:14px;
	margin:0 0 20px;
}

/* --- RESPONSIVE --- */

@media (max-width: 1200px) {
	p{
		font-size:16px;
	}
	.bloc{
		padding:54px 0 70px 0;
	}
	#bloc-offers ul li{
		font-size:18px;
	}
	.navbar-default .navbar-nav li a {
		letter-spacing:-0.5px;
		padding:0 10px;
		font-size:13px;
	}
	.navbar-default .navbar-nav li button{
		margin:26px 0 0 15px;
	}
	#bloc-home .left{
		margin-top:30px;
		padding-bottom:60px;
	}
	#bloc-home .right{
		height:352px;
	}
	#bloc-home .right #ipad{
		right:95px;
		background-size:420px 332px;
		width:420px;
		height:332px;
	}
	#bloc-home .right #ipad .screen{
		position:absolute;
		top:36px;
		left:37px;
		width:346px;
		height:253px;
	}
	#bloc-home .right #iphone{
		position:absolute;
		right:0;
		bottom:0;
		background-size:118px 254px;
		width:118px;
		height:254px;
	}
	#bloc-home .right #iphone .screen{
		position:absolute;
		top:35px;
		left:9px;
		width:100px;
		height:176px;
	}
}
@media (max-width: 992px) {
	.navbar #logo{
		background-size:120px 34px;
		width:120px;
		height:34px;
		margin:24px 0 0 0;
	}
	.navbar-default .navbar-nav li a {
		letter-spacing:-0.5px;
		padding:0 5px;
		font-size:12px;
	}
	.navbar-default .navbar-nav li button{
		margin:27px 0 0 10px;
	}
	#bloc-home{
		padding-bottom:60px;
	}
	#bloc-home .left{
		margin:0 0 30px 0;
		padding:0;
	}
	#bloc-home .left p{
		text-align:center;
	}
	#bloc-home .right{
		position:relative;
		width:510px;
		margin:auto;
	}
	#bloc-examples .slider .slider-controls a.slider-prev{
		left:0;
	}
	#bloc-examples .slider .slider-controls a.slider-next{
		right:0;
	}
}
@media (max-width: 768px) {
	
	.videobox{width:262px; height:150px;}
	
	body{
		padding-top:57px;
	}
	.navbar #logo{
		background:url(../img/logo-appiscreen.png);
		width:160px;
		height:45px;
		margin:17px 0 0 0;
	}
	h1{
		font-size:26px;
		margin:0 0 20px 0;
	}
	h2{
		font-size:22px;
		margin:0 0 15px 0;
	}
	p{
		font-size:14px;
	}		
	.btn-lg {
		padding:3px 22px 3px 22px;
		font-size: 14px;
	}
	#bloc-offers ul li{
		font-size:16px;
	}
	.navbar #logo{
		float:none;
		display:block;
		margin:11px auto 12px auto;
		background:url(../img/logo-appiscreen@x2.png);
		background-size:160px 45px;
		width:160px;
		height:45px;
	}
	.navbar-default .navbar-nav li{
		text-align:center;
	}
	.navbar-default .navbar-nav {
		padding-bottom:15px;
	}
	.navbar-default .navbar-nav li a {
		line-height:30px;
		padding:0 15px;
	}
	.navbar-default .navbar-nav li button{
		margin:10px 11px 11px 0;
	}
	.navbar-default .navbar-nav li a.btn{
		display:inline;
		margin:10px 11px 11px 0;
	}
	#bloc-home {
		padding-left:15px;
		padding-right:15px;
	}
	#bloc-home .right{
		position:relative;
		width:450px;
		height:332px;
		margin:auto;
	}
	#bloc-home .right #iphone{
		display:none;
	}
	#bloc-home .right #ipad{
		position:relative;
		top:inherit;
		right:inherit;
		display:block;
	}
	.bloc .col{
		margin-bottom:30px;		
	}
	.bloc .col:last-child{
		margin-bottom:0;		
	}
	#bloc-examples .slider .slider-images{
		background-size:370px 174px;
		width:370px;
		height:174px;
	}
	#bloc-examples .slider .slider-images ul{
		top:13px;
		left:56px;
		bottom:11px;
		right:51px;
	}
	#bloc-examples .slider .slider-images ul li img{
		width:264px;
		height:150px;
	}
	#bloc-examples .slider .slider-images ul li .icon-play{
		font-size:86px;
		margin-top:-43px;
		margin-left:-43px;
	}
	#bloc-examples .slider .slider-controls a{
		top:48px;	
	}
	footer .logo{
		background:url(../img/logo-footer@x2.png);
		background-size:127px 36px;
		width:127px;
		height:36px;
	}
}
@media (max-width: 480px) {
	.videobox{width:135px; height:80px;}
	#apph-slogan{top:0px; padding-bottom:20px; text-align:center;}
	h1{
		font-size:20px;
	}
	.bloc{
		padding:40px 0 40px 0;
	}
	#bloc-home {
		padding-bottom: 40px;
	}
	#bloc-home .left{
		margin:0;
	}
	#bloc-home .right{
		display:none;
	}
	#bloc-offers .left,
	#bloc-offers .right{
		float:none;
		display:block;
		width:100%;
	}
	#bloc-offers .right{
		margin-top:30px;
	}
	#bloc-examples .slider .slider-images{
		background-size:190px 89px;
		width:190px;
		height:89px;
	}
	#bloc-examples .slider .slider-images ul{
		top:6px;
		left:28px;
		bottom:6px;
		right:26px;
	}
	#bloc-examples .slider .slider-images ul li img{
		width:136px;
		height:77px;
	}
	#bloc-examples .slider .slider-images ul li .icon-play{
		font-size:52px;
		margin-top:-30px;
		margin-left:-26px;
	}
	#bloc-examples .slider .slider-controls a{
		top:5px;	
	}
	#nav-contact,
	#bloc-contact{
		display:none;
	}
	/*#bloc-contact{
		overflow:inherit;
	}
	#bloc-contact .google_map{
		display:none;
		height:0 !important;
	}
	#bloc-contact .content{
		position:relative;
		padding:26px 0 40px 0;
		top:inherit;
		background:#f2f1f1;
	}*/
}