/* CSSTidy 1.5.2: Thu, 28 Jan 2016 14:56:30 +0000 */
::-moz-selection
{
	background-color:#EDB304;
	color:#fff
}

::-o-selection
{
	background-color:#EDB304;
	color:#fff
}

::-ms-selection
{
	background-color:#EDB304;
	color:#fff
}

::selection
{
	background-color:#EDB304;
	color:#fff
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary
{
	display:block
}

audio,canvas,video
{
	display:inline-block
}

audio:not([controls])
{
	display:none;
	height:0
}

[hidden]
{
	display:none
}

html
{
	font-size:100%
}

html,html a
{
	text-shadow:1px 1px 1px rgba(0,0,0,0.004)
}

html,button,input,select,textarea
{
	font-family:'Oxygen',sans-serif
}

body
{
	margin:0;
	color:#fff;
	font-family:'Oxygen',sans-serif
}

a:focus
{
	outline:thin dotted
}

a:active,a:hover
{
	outline:0
}

h1
{
	margin:.67em 0;
	color:#EDB304;
	font:2em 'Pompiere',cursive
}

h2
{
	font-size:1.5em;
	margin:.83em 0
}

h3
{
	font-size:1.17em;
	margin:1em 0
}

h4
{
	font-size:1em;
	margin:1.33em 0
}

h5
{
	font-size:.83em;
	margin:1.67em 0
}

h6
{
	font-size:.75em;
	margin:2.33em 0
}

abbr[title]
{
	border-bottom:1px dotted
}

b,strong
{
	font-weight:700
}

blockquote
{
	margin:1em 40px
}

dfn
{
	font-style:italic
}

mark
{
	background:#ff0;
	color:#000
}

p,pre
{
	margin:1em 0
}

code,kbd,pre,samp
{
	font:1em monospace,serif
}

pre
{
	white-space:pre;
	word-wrap:break-word
}

q
{
	quotes:none
}

q:before,q:after
{
	content:''
}

small
{
	font-size:75%
}

sub,sup
{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}

sup
{
	top:-.5em
}

sub
{
	bottom:-.25em
}

dl,menu,ol,ul
{
	margin:1em 0
}

dd
{
	margin:0 0 0 40px
}

menu,ol,ul
{
	padding:0 0 0 40px
}

nav ul,nav ol
{
	list-style:none;
	list-style-image:none
}

img
{
	border:0
}

svg:not(:root)
{
	overflow:hidden
}

figure
{
	margin:0
}

form
{
	margin:0
}

fieldset
{
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em
}

legend
{
	border:0;
	padding:0;
	white-space:normal
}

button,input,select,textarea
{
	font-size:100%;
	margin:0;
	vertical-align:baseline
}

button,input
{
	line-height:normal
}

button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]
{
	cursor:pointer
}

button[disabled],input[disabled]
{
	cursor:default
}

input[type="checkbox"],input[type="radio"]
{
	box-sizing:border-box;
	padding:0
}

input[type="search"]
{
	box-sizing:content-box
}

button::-moz-focus-inner,input::-moz-focus-inner
{
	border:0;
	padding:0
}

textarea
{
	overflow:auto;
	vertical-align:top
}

table
{
	border-collapse:collapse;
	border-spacing:0
}

a
{
	color:#fff;
	cursor:pointer;
	text-decoration:underline;
	transition:all .3s
}

a:hover,a:focus
{
	color:#EDB304
}

p
{
	color:#fff;
	word-spacing:1px;
	line-height:25px;
	font-size:18px;
	text-align:left
}

h2
{
	font-size:20px;
	color:#EDB304;
	text-transform:uppercase;
	font-weight:700;
	text-align:left;
	line-height:1.5em
}

h1::after
{
	content:" ";
	border:solid 2px #EDB304;
	display:block;
	width:35px;
	margin:25px auto
}

#hero h1::after
{
	content:" ";
	border:solid 2px #EDB304;
	display:block;
	width:35px;
	margin:25px auto
}

.section-padding
{
	padding:90px 0 100px
}

.dark-bg
{
	background:#f3f5f8;
	background-image:url(../img/upfeathers.png)
}

.light-bg
{
	background-color:#fff
}

.dark-box
{
	background:#f3f5f8;
	box-shadow:0 3px 0 0 #f0f2f4
}

.light-box
{
	background-color:#eaebeb;
	box-shadow:0 3px 0 0 #f0f2f4;
	padding:20px 0
}

.light-box:hover,.light-box:focus
{
	box-shadow:0 3px 0 0 #EDB304
}

.box-hover
{
	transition:all 500ms ease-in-out
}

.box-hover:hover,.box-hover:focus
{
	transform:translate(0,-15px)
}

.wrapper
{
	height:650px
}

.nopadding
{
	padding:0
}


.inner
{
	border-radius:0;
	margin-top:-90px;
	padding:0
}

.inset
{
	padding:125px 15px 15px
}

.portrait
{
	bottom:0;
	position:absolute;
	right:0
}

nav
{
	background:rgba(0,0,0,1);
	margin-top:25px
}

nav ul
{
	list-style:none;
	padding:0
}

nav ul li
{
	color:rgba(255,255,255,0.6);
	display:block;
	border-bottom:1px dotted rgba(255,255,255,0.2);
	transition:all .3s ease;
	padding-left:0;
	position:relative
}

nav ul li:last-child
{
	border:none
}

nav ul li a
{
	color:#FFF;
	display:block;
	padding:15px;
	transition:all .2s ease;
	position:relative
}

nav ul li a:hover,nav ul li a:focus
{
	text-decoration:none;
	color:#EDB304
}

#nav-toggle
{
	position:absolute;
	right:15px;
	top:0;
	cursor:pointer;
	padding:19px 32px 16px 0
}

#nav-toggle span,#nav-toggle span:before,#nav-toggle span:after
{
	cursor:pointer;
	border-radius:1px;
	height:5px;
	width:35px;
	background:#FFF;
	position:absolute;
	display:block;
	content:''
}

#nav-toggle span:before
{
	top:-10px
}

#nav-toggle span:after
{
	bottom:-10px
}

#nav-toggle span,#nav-toggle span:before,#nav-toggle span:after
{
	transition:all 500ms ease-in-out
}

#nav-toggle.active span
{
	background-color:transparent
}

#nav-toggle.active span:before,#nav-toggle.active span:after
{
	top:0
}

#nav-toggle.active span:before
{
	transform:rotate(45deg)
}

#nav-toggle.active span:after
{
	transform:translateY(-10px) rotate(-45deg);
	top:10px
}

.navicon
{
	height:44px;
	top:54px;
	position:fixed;
	right:25px;
	width:59px;
	z-index:10;
	border-radius:0;
	transition:all .1s ease
}

#nav-toggle:hover span,#nav-toggle:hover span::before,#nav-toggle:hover span::after
{
	background:#EDB304
}

#nav-toggle.active:hover span
{
	background:#000
}

#nav-toggle.active:hover span::before,#nav-toggle.active:hover span::after
{
	background:#EDB304
}

.indicator
{
	position:absolute;
	right:0!important
}

.pull
{
	display:none
}

.hero
{
	padding:150px 0 450px;
	height:auto
}

.hero h1
{
	color:#fff;
	text-shadow:1px 1px 3px #000;
	letter-spacing:1px;
	margin:0 0 55px;
	text-transform:uppercase;
	font:regular 60px 'Pompiere',cursive
}

.hero h1 span
{
	letter-spacing:1px;
	color:#EDB304;
	display:inline-block;
	font:700 160px 'Pompiere',cursive
}

.hero p
{
	color:#fff;
	text-align:center;
	text-shadow:1px 1px 3px #000;
	letter-spacing:0;
	margin-top:5px;
	margin-bottom:10px;
	font:58px/1.5em 'Pompiere',cursive
}

.learn-more-btn
{
	background:rgba(61,201,179,1);
	padding:20px 40px;
	border-radius:5px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
	display:inline-block;
	box-shadow:0 3px 0 0 #309383;
	margin:60px 0 0;
	font-weight:700
}

.learn-more-btn:hover,.learn-more-btn:focus
{
	background:rgba(61,201,179,0.6);
	color:#fff
}

.intro
{
	background:rgba(0,0,0,0.7)
}

.intro2
{
	background:#000
}

.intro p
{
	margin:50px 0 0
}

h1.arrow
{
	font-size:35px;
	text-transform:uppercase;
	letter-spacing:1px;
	padding-bottom:30px;
	font-weight:700;
	line-height:1.2em
}

h1.arrow2
{
	font-size:65px;
	color:#FFF;
	text-shadow:2px 2px 0 #000;
	text-transform:uppercase;
	letter-spacing:1px;
	background-image:url(../img/earth38.svg) no-repeat center bottom;
	padding-bottom:0;
	font-weight:700
}

h1.arrow3
{
	font-size:45px;
	text-transform:uppercase;
	letter-spacing:1px;
	background:url(../img/h1-bg-2.png) no-repeat center bottom;
	padding-bottom:60px;
	font-weight:700
}

h1.arrow4
{
	font-size:45px;
	text-transform:uppercase;
	letter-spacing:1px;
	background:url(../img/h1-bg-1.png) no-repeat center bottom;
	padding-bottom:60px;
	font-weight:700
}

h1.arrow span
{
	display:block;
	font-size:25px
}

.features-wrapper,.team-wrapper
{
	margin:70px 0 0
}

.shadow
{
	text-shadow:#37b5a1 1px 1px,#37b5a1 2px 2px,#37b5a1 3px 3px,#37b5a1 4px 4px,#37b5a1 5px 5px,#37b5a1 6px 6px,#37b5a1 7px 7px,#37b5a1 8px 8px,#37b5a1 9px 9px,#37b5a1 10px 10px,#37b5a1 11px 11px,#37b5a1 12px 12px,#37b6a2 13px 13px,#37b7a3 14px 14px,#38b8a4 15px 15px,#38b9a5 16px 16px,#38baa6 17px 17px,#39bba7 18px 18px,#39bca8 19px 19px,#39bda9 20px 20px,#3abfaa 21px 21px,#3ac0ab 22px 22px,#3ac1ac 23px 23px,#3bc2ad 24px 24px,#3bc3ae 25px 25px,#3bc4af 26px 26px,#3cc5b0 27px 27px,#3cc6b1 28px 28px,#3cc7b2 29px 29px,#3dc9b3 30px 30px
}

.icon
{
	height:175px;
	width:175px;
	line-height:175px;
	max-width:100%;
	background:#3dc9b3;
	border-radius:50%;
	display:block;
	color:#fff;
	font-size:55px;
	text-align:center;
	vertical-align:middle;
	position:relative;
	margin:0 auto 50px
}

.iphone
{
	width:50%;
	background:#f3f5f8;
	float:left;
	height:100%;
	box-shadow:inset -15px -11px 40px -6px rgba(0,0,0,0.1);
	z-index:1
}

.fluid-white
{
	width:50%;
	background:#fff;
	float:right;
	height:100%;
	z-index:2
}

.responsive-services
{
	position:relative
}

.swag
{
	background:url(../img/plants-bg.jpg) no-repeat center center;
	background-size:cover;
	background-attachment:fixed;
	padding:50px 0
}

.swag h1
{
	color:#fff;
	font-size:40px;
	text-transform:uppercase;
	letter-spacing:5px
}

.swag h1 span
{
	display:block;
	font-size:25px;
	margin-top:20px
}

.down-arrow-btn
{
	width:40px;
	height:40px;
	border-radius:50%;
	background:rgba(61,201,179,0.8);
	display:inline-block;
	margin:10px auto 20px;
	color:#fff;
	font-size:16px;
	line-height:40px;
	text-align:center
}

.down-arrow-btn:hover,.down-arrow-btn:focus
{
	color:#fff;
	background:rgba(61,201,179,1)
}

.effects
{
	padding-left:15px
}

.effects .img
{
	position:relative;
	margin-bottom:50px;
	z-index:1;
	overflow:hidden
}

.effects .img:nth-child(n)
{
	margin-right:5px
}

.effects .img:first-child
{
	margin-left:-15px
}

.effects .img:last-child
{
	margin-right:0
}

.effects .img img
{
	display:block;
	margin:0;
	padding:0;
	height:auto
}

.overlay
{
	display:block;
	position:absolute;
	z-index:20;
	background:rgba(100,194,158,0.8);
	overflow:hidden;
	transition:all .3s
}

a.close-overlay
{
	display:block;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	width:45px;
	height:45px;
	font-size:20px;
	font-weight:700;
	color:#fff;
	line-height:45px;
	text-align:center;
	background-color:#000;
	cursor:pointer
}

a.close-overlay.hidden
{
	display:none
}

a.expand
{
	display:block;
	position:absolute;
	z-index:100;
	text-align:center;
	color:#fff;
	font-weight:600;
	font-size:14px;
	text-transform:uppercase;
	line-height:30px
}

.overlay-effect .img i
{
	font-size:30px
}

.overlay-effect .overlay
{
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	opacity:0
}

.overlay-effect .overlay a.expand
{
	left:0;
	right:0;
	bottom:47%;
	margin:0 auto -30px
}

.overlay-effect .img.hover .overlay
{
	height:100%;
	opacity:1
}

.img img
{
	width:-webkit-calc(100% + 40px)!important;
	transition:opacity 0.35s,transform .35s;
	transform:translate3d(-40px,0,0)
}

.img:hover img
{
	transform:translate3d(0,0,0)
}

.designs
{
	position:absolute;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	top:50px
}

.subscribe
{
	background:url(../img/keyboard-bg.jpg) no-repeat center center;
	background-size:cover;
	background-attachment:fixed;
	padding:120px 0 140px
}

.subscribe h1
{
	color:#fff;
	margin-bottom:40px
}

.subscribe h1 span
{
	display:block;
	font-size:15px;
	text-transform:uppercase;
	font-weight:700;
	margin-top:20px;
	letter-spacing:1px
}

.subscribe input[type=text]
{
	background-color:rgba(255,255,255,0.1);
	border:solid 1px #fff;
	padding:20px;
	width:30%;
	color:#fff
}

.subscribe input[type=submit]
{
	background:rgba(61,201,179,0.5);
	border:solid 1px rgba(61,201,179,0.5);
	padding:20px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
	transition:all .3s ease
}

.subscribe input[type=submit]:hover
{
	background:rgba(61,201,179,1);
	border:solid 1px rgba(61,201,179,1);
	color:#fff
}

.ignite-cta
{
	background-color:#000;
	padding:70px 0
}

.ignite-btn
{
	display:inline-block;
	padding:25px 40px;
	color:#fff;
	border:solid 1px #fff;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:1px
}

.ignite-btn:hover,.ignite-btn:focus
{
	color:#3dc9b3;
	border:solid 1px #3dc9b3
}

.team img
{
	margin-bottom:40px
}

ul.social-buttons
{
	list-style:none;
	margin:0;
	padding:0
}

ul.social-buttons li
{
	display:inline-block;
	margin-right:10px
}

ul.social-buttons li:last-child
{
	margin-right:0
}

.social-btn
{
	width:40px;
	height:40px;
	border-radius:50%;
	background:#534741;
	display:inline-block;
	color:#fff;
	font-size:17px;
	line-height:40px;
	text-align:center
}

.social-btn:hover,.social-btn:focus
{
	background:#282828;
	color:#fff;
	transform:rotate(20deg)
}

.social
{
	margin-top:25px
}

.up-btn
{
	background:none repeat scroll 0 0 #000;
	border-radius:50%;
	color:#fff;
	display:block;
	font-size:18px;
	height:50px;
	left:0;
	line-height:46px;
	margin:0 auto;
	position:fixed;
	right:0;
	text-align:center;
	top:850px;
	width:50px
}

.up-btn:hover,up-btn:focus
{
	color:#fff;
	background:rgba(61,201,179,1)
}

.contact-details
{
	margin:0 0 70px
}

.contact-details h2
{
	font-size:20px
}

.contact-details h2 span
{
	display:block;
	color:#3dc9b3;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:14px;
	margin-top:15px
}

.contact-wrap
{
	position:relative
}

footer a
{
	color:#EDB304
}

footer a:hover,footer a:focus
{
	color:#fff;
	text-decoration:underline
}

footer
{
	background-color:#000;
	border-top:1px solid #fff;
	padding:40px 0 30px
}

footer p
{
	color:#fff
}

ul.legals
{
	list-style:none;
	color:#fff;
	line-height:25px
}

ul.legals li
{
	display:inline-block
}

ul.legals li::after
{
	content:" |"
}

ul.legals li:last-child::after
{
	content:""
}

.legals
{
	text-align:left
}

.credit
{
	text-align:right
}

#servicesSlider
{
	margin-top:70px
}

ul.slides li
{
	margin-bottom:20px
}

.wp1,.wp2,.wp3,.wp4,.wp5,.wp6
{
	visibility:hidden
}

.bounceInLeft,.bounceInRight,.fadeInUp,.fadeInUpDelay,.fadeInDown,.fadeInUpD,.fadeInLeft,.fadeInRight
{
	visibility:visible
}

.delay-05s
{
	animation-delay:.3s
}

.delay-1s
{
	animation-delay:1s
}

.wp3
{
	background:url(../img/iphone-bg.png) no-repeat center center;
	background-position:200px 10px;
	height:100%
}

#minitexte
{
	color:#E6E6E6;
	font-size:20px
}

#citation p
{
	text-align:center!important;
	font-size:20px
}

#citation2 p
{
	font-size:40px;
	text-align:center!important;
	color:#fff
}

i
{
	font-size:15px
}

.section-padding
{
	background:rgba(0,0,0,0.8)
}

.chapitre
{
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	padding:35px 0 0
}

.chapitre a
{
	text-decoration:none
}

.chapitre2
{
	background:url(../img/chapitre2-viking.jpg) no-repeat center center;
	background-size:cover;
	background-attachment:fixed;
	padding:100px 0
}

.chapitre2 h1
{
	color:#fff;
	margin-bottom:40px
}

.chapitre2 h1 span
{
	display:block;
	font-size:15px;
	text-transform:uppercase;
	font-weight:700;
	margin-top:20px;
	letter-spacing:1px
}

.chapitre2 input[type=text]
{
	background-color:rgba(255,255,255,0.1);
	border:solid 1px #fff;
	padding:20px;
	width:30%;
	color:#fff
}

.chapitre2 input[type=submit]
{
	background:rgba(61,201,179,0.5);
	border:solid 1px rgba(61,201,179,0.5);
	padding:20px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
	transition:all .3s ease
}

.chapitre2 input[type=submit]:hover
{
	background:rgba(61,201,179,1);
	border:solid 1px rgba(61,201,179,1);
	color:#fff
}

.chapitre3
{
	background:url(../img/chapitre3-curiosity.jpg) no-repeat center center;
	background-size:cover;
	background-attachment:fixed;
	padding:100px 0
}

.chapitre3 h1
{
	color:#fff;
	margin-bottom:40px
}

.chapitre3 h1 span
{
	display:block;
	font-size:15px;
	text-transform:uppercase;
	font-weight:700;
	margin-top:20px;
	letter-spacing:1px
}

.chapitre3 input[type=text]
{
	background-color:rgba(255,255,255,0.1);
	border:solid 1px #fff;
	padding:20px;
	width:30%;
	color:#fff
}

.chapitre3 input[type=submit]
{
	background:rgba(61,201,179,0.5);
	border:solid 1px rgba(61,201,179,0.5);
	padding:20px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
	transition:all .3s ease
}

.chapitre3 input[type=submit]:hover
{
	background:rgba(61,201,179,1);
	border:solid 1px rgba(61,201,179,1);
	color:#fff
}

.chapitre4
{
	background:url(../img/Chapitre4-martian.jpg) no-repeat center center;
	background-size:cover;
	background-attachment:fixed;
	padding:100px 0
}

.chapitre4 h1
{
	color:#fff;
	margin-bottom:40px
}

.chapitre4 h1 span
{
	display:block;
	font-size:15px;
	text-transform:uppercase;
	font-weight:700;
	margin-top:20px;
	letter-spacing:1px
}

.chapitre4 input[type=text]
{
	background-color:rgba(255,255,255,0.1);
	border:solid 1px #fff;
	padding:20px;
	width:30%;
	color:#fff
}

.chapitre4 input[type=submit]
{
	background:rgba(61,201,179,0.5);
	border:solid 1px rgba(61,201,179,0.5);
	padding:20px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
	transition:all .3s ease
}

.chapitre4 input[type=submit]:hover
{
	background:rgba(61,201,179,1);
	border:solid 1px rgba(61,201,179,1);
	color:#fff
}

.chapitre5
{
	background:url(../img/chapitre5-eau.jpg) no-repeat center center;
	background-size:cover;
	background-attachment:fixed;
	padding:100px 0
}

.chapitre5 h1
{
	color:#fff;
	margin-bottom:40px
}

.chapitre5 h1 span
{
	display:block;
	font-size:15px;
	text-transform:uppercase;
	font-weight:700;
	margin-top:20px;
	letter-spacing:1px
}

.chapitre5 input[type=text]
{
	background-color:rgba(255,255,255,0.1);
	border:solid 1px #fff;
	padding:20px;
	width:30%;
	color:#fff
}

.chapitre5 input[type=submit]
{
	background:rgba(61,201,179,0.5);
	border:solid 1px rgba(61,201,179,0.5);
	padding:20px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
	transition:all .3s ease
}

.chapitre5 input[type=submit]:hover
{
	background:rgba(61,201,179,1);
	border:solid 1px rgba(61,201,179,1);
	color:#fff
}

.chapitre6
{
	background:url(../img/bg-home.jpg) no-repeat center center;
	background-size:cover;
	background-attachment:fixed;
	padding:100px 0
}

.chapitre6 h1
{
	color:#fff;
	margin-bottom:40px
}

.chapitre6 h1 span
{
	display:block;
	font-size:15px;
	text-transform:uppercase;
	font-weight:700;
	margin-top:20px;
	letter-spacing:1px
}

.chapitre6 input[type=text]
{
	background-color:rgba(255,255,255,0.1);
	border:solid 1px #fff;
	padding:20px;
	width:30%;
	color:#fff
}

.chapitre6 input[type=submit]
{
	background:rgba(61,201,179,0.5);
	border:solid 1px rgba(61,201,179,0.5);
	padding:20px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
	transition:all .3s ease
}

.chapitre6 input[type=submit]:hover
{
	background:rgba(61,201,179,1);
	border:solid 1px rgba(61,201,179,1);
	color:#fff
}

.Caroline
{
	background:url(../img/keyboard-bg.jpg) no-repeat center center;
	background-size:cover;
	background-attachment:fixed;
	padding:100px 0
}

.Caroline h1
{
	color:#fff;
	margin-bottom:40px
}

.Caroline h1 span
{
	display:block;
	font-size:15px;
	text-transform:uppercase;
	font-weight:700;
	margin-top:20px;
	letter-spacing:1px
}

.Caroline input[type=text]
{
	background-color:rgba(255,255,255,0.1);
	border:solid 1px #fff;
	padding:20px;
	width:30%;
	color:#fff
}

.Caroline input[type=submit]
{
	background:rgba(61,201,179,0.5);
	border:solid 1px rgba(61,201,179,0.5);
	padding:20px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
	transition:all .3s ease
}

.Caroline input[type=submit]:hover
{
	background:rgba(61,201,179,1);
	border:solid 1px rgba(61,201,179,1);
	color:#fff
}

.Liane
{
	background:url(../img/keyboard-bg.jpg) no-repeat center center;
	background-size:cover;
	background-attachment:fixed;
	padding:120px 0 140px
}

.Liane h1
{
	color:#fff;
	margin-bottom:40px
}

.Liane h1 span
{
	display:block;
	font-size:15px;
	text-transform:uppercase;
	font-weight:700;
	margin-top:20px;
	letter-spacing:1px
}

.Liane input[type=text]
{
	background-color:rgba(255,255,255,0.1);
	border:solid 1px #fff;
	padding:20px;
	width:30%;
	color:#fff
}

.Liane input[type=submit]
{
	background:rgba(61,201,179,0.5);
	border:solid 1px rgba(61,201,179,0.5);
	padding:20px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
	transition:all .3s ease
}

.Liane input[type=submit]:hover
{
	background:rgba(61,201,179,1);
	border:solid 1px rgba(61,201,179,1);
	color:#fff
}

.chapitre h1
{
	font-size:35px;
	text-transform:uppercase;
	letter-spacing:1px;
	padding-bottom:0;
	font-weight:700;
	line-height:1.2em
}

.scroll-top-wrapper
{
	border-radius:0;
	color:#fff;
	height:43px;
	line-height:44px;
	opacity:0;
	overflow:hidden;
	padding-top:0;
	position:fixed;
	right:25px;
	text-align:center;
	bottom:43px;
	visibility:hidden;
	width:59px;
	z-index:99999999;
	transition:all .3s ease-in-out
}

.scroll-top-wrapper:hover
{
	color:#EDB304
}

.scroll-top-wrapper.show
{
	visibility:visible;
	cursor:pointer;
	opacity:1
}

.scroll-top-wrapper i.fa
{
	line-height:inherit
}

#headerlogoabonne
{
	background:#000;
	border-bottom:1px solid #fff;
	height:37px;
	left:0;
	position:fixed;
	right:0;
	top:0;
	z-index:10
}

.logolalibreheader
{
	float:left;
	margin-left:26px;
	margin-top:4px;
	width:260px
}

#separationimagette
{
	text-align:center
}

#logoiletaitunefoi
{
	text-align:center
}

img
{
	max-width:100%;
	height:auto
}

.image-container,.video-container
{
	margin:50px 0
}

.video-container
{
	height:0;
	padding-bottom:56.25%;
	padding-top:25px;
	position:relative
}

.video-container iframe
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}

iframe
{
	max-width:100%
}

.V
{
	background:url(../img/upfeathers.png) repeat scroll 0 0 #f3f5f8
}

.III
{
	background:url(../img/upfeathers.png) repeat scroll 0 0 #f3f5f8
}

#share-box
{
	float:right;
	margin-top:6px;
	z-index:10
}

#tada
{
	margin:-70px
}

#imagettetexte
{
	float:right;
	margin:0 0 10px 10px
}

#imagettetexte2
{
	float:left;
	margin:10px 10px 0 0
}

#navigation
{
	position:fixed;
	width:100%;
	z-index:9;
	left:0;
	top:0;
	margin-top:25px;
	border-bottom:1px solid #fff
}

#navigation a
{
	font-size:20px;
	text-decoration:none
}

.example-image-link
{
	display:block;
	margin:auto;
	width:80%;
	border:1px solid transparent
}

.example-image-link:hover
{
	border:1px solid #754c24
}

.videoWrapper
{
	position:relative;
	padding-bottom:56.25%;
	padding-top:25px;
	height:0
}

.videoWrapper iframe
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}

#citation
{
	margin:50px 0;
	background:#eaebeb;
	border-radius:10px;
	padding:15px 30px;
	font-style:italic
}

.intro #citation p
{
	color:#736357;
	margin:25px 0 0
}

.btn-click
{
	margin-top:60px
}

.btn-click a
{
	background:#EDB304;
	border-radius:0;
	text-decoration:none;
	padding:10px;
	color:#fff;
	transition:all .3s ease
}

.btn-click h1
{
	margin:0;
	font-size:22px
}

.btn-click a:hover
{
	background:#fff;
	color:#EDB304;
	text-decoration:none
}

.italic
{
	font-style:italic
}

.scroll-bot-wrapper.show
{
	padding:25px 15px;
	visibility:visible
}

.scroll-bot-wrapper
{
	color:#eee;
	line-height:44px;
	text-align:center;
	visibility:hidden;
	clear:both;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	transition:all .3s ease-in-out 0;
	width:100%
}

.scroll-bot-wrapper a
{
	display:inline-block
}

.scroll-bot-wrapper a .fa-2x,.scroll-bot-wrapper a
{
	color:#fff;
	text-shadow:0 2px 0 #000;
	text-decoration:none
}

.scroll-bot-wrapper a span
{
	font-size:18px;
	text-align:center;
	text-transform:uppercase
}

.scroll-bot-wrapper a .fa-2x
{
	font-size:2em;
	transition:all .3s ease-in-out 0
}

.scroll-bot-wrapper a:hover .fa-2x,.scroll-bot-wrapper a:hover
{
	color:#EDB304;
	text-decoration:none;
	text-shadow:0 2px 0 #000
}

.details
{
	line-height:1.8em
}

.social-btn
{
	background:rgba(255,255,255,0.8) none repeat scroll 0 0;
	border-radius:50%;
	color:#fff;
	display:inline-block;
	font-size:17px;
	height:40px;
	line-height:40px;
	text-align:center;
	width:40px;
	transition:all .1s ease-in-out 0
}

.social-btn:hover,.social-btn:focus
{
	color:#fff;
	transform:rotate(20deg)
}

.social-btn.facebook
{
	background:#3b5998 none repeat scroll 0 0
}

.social-btn.twitter
{
	background:#54abee none repeat scroll 0 0
}

.social-btn.googleplus
{
	background:#d34836 none repeat scroll 0 0
}

.social
{
	margin-top:25px
}

.col-right p,.col-left p
{
	margin:0
}

.col-right,.col-left
{
	margin-top:50px
}

@media (min-width: 769px) {
	body
	{
		background:url(../img/bg-home-et.jpg) no-repeat center center fixed;
		background-size:cover
	}
	
	.body-mobile-background
	{
		display:none
	}
}

@media (max-width: 992px) {
	.hero h1
	{
		font-size:40px
	}
	
	.hero h1 span
	{
		font-size:90px
	}
	
	#citation2 p
	{
		font-size:30px
	}
}

@media (max-width: 768px) {
	.hero h1
	{
		font-size:30px
	}
	
	.hero h1 span
	{
		font-size:70px
	}
	
	.hero p
	{
		font-size:40px
	}
	
	#citation2 p
	{
		font-size:25px
	}
	
	.hero
	{
		padding:150px 0 50px
	}
	
	.section-padding
	{
		padding:20px 0 50px
	}
	
	h1.arrow
	{
		font-size:25px;
		padding-bottom:10px
	}
	
	.btn-click
	{
		margin-top:20px
	}
	
	.contact-details h2
	{
		font-size:16px
	}
	
	.body-mobile-background
	{
		position:fixed;
		z-index:-1;
		top:0;
		left:0;
		width:125%;
		height:125%;
		background:url(../img/bg-home-et-mob.jpg) no-repeat;
		background-size:100% 100%;
		background-position:center center
	}
}

@media (max-width: 500px) {
	.hero h1
	{
		font-size:35px
	}
	
	.hero h1 span
	{
		font-size:50px
	}
	
	#navigation a
	{
		font-size:16px
	}
}