/* Projextra  / Conception & programmation : Projextra.ca */
@charset "utf-8";

/* // RESET ---------------------------------------------------------------------------------------------------- */
*{margin:0; padding:0; border:none; text-decoration:none;}
img{max-width:100%; margin:0; padding:0;}
textarea{overflow:auto;}
svg{margin:0; padding:0;}


/* // GENERAL ---------------------------------------------------------------------------------------------------- */
html{height:100%;}
body{background:#FFF; font-family:'Neutra Text TF Alt', Arial, Helvetica, sans-serif; font-weight:400; color:#000;}

h1,h2,h3,h4,h5,h6{clear:both;}
h1{font-weight:400; font-family:'Neutra Display Titling', Arial, Helvetica, sans-serif; font-size:12em; text-transform:uppercase; line-height:normal;}
h2{margin-bottom:80px; font-weight:300; font-family:'Neutra Text', Arial, Helvetica, sans-serif; font-size:8.5em; text-align:center;}
h3{margin-bottom:45px; font-weight:400; font-family:'Neutra Display Titling', Arial, Helvetica, sans-serif; font-size:2.8em; letter-spacing:.075em;}
h4{}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;}

p, ul, table{font-size:2.6em; line-height:1.85em; letter-spacing:.01em;}
	
p{position:relative; margin-bottom:42px;}

ul{margin-bottom:42px; padding-left:1em;}
	li{padding-left:1.5em; margin-bottom:.8em;}
ul.custombullet{padding-left:0; list-style-type:none;}
	ul.custombullet > li:before{content:"-"; display:inline-block; text-indent:-2.3em; font-weight:700;}
	ul.custombullet li{padding-left:2.3em;}
	
table{margin-bottom:42px; width:100%;}
table.collapse{border-collapse:collapse;}

blockquote{}

q{display:inline-block; width:100%; line-height:normal; text-align:center; font-family:'Neutra Text Alt', Arial, Helvetica, sans-serif; font-weight:600; font-size:7.5em; font-style:italic;}
q:before{content:"\00ab"; margin-right:.25em;}
q:after{content:"\00bb"; margin-left:.25em;}
q.style-2{font-family:'IM FELL DW Pica', Arial, Helvetica, sans-serif; font-weight:400; font-size:7.5em; font-style:italic;}

cite{display:inline-block; width:100%; margin-top:50px; line-height:1.8em; text-align:center; font-family:'Neutra Text TF Alt', Arial, Helvetica, sans-serif; font-weight:300; font-size:1.4em; font-style:normal; letter-spacing:0.8em; text-transform:uppercase;}
cite:before{content:"\2014"; margin-right:1em;}

hr{display:inline-block; width:100%; margin:10px 0 40px 0; border-top:1px solid rgba(0,0,0,.5);}
hr.w{border-color:rgba(255,255,255,.5);}

a{color:inherit; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
a:hover/*, a:focus, a:active*/{color:#e7c472;}
a[href^="mailto"]{}
a[href^="mailto"]:hover{}
a[href^="tel"]{}
a[href^="tel"]:hover{}

strong{font-weight:700;}
.uppercase{text-transform:uppercase;}
.underline{text-decoration:underline;}
.drop::first-letter{font-size:2.75em; font-weight:400 !important;}

/*::selection{color:#FFF; background:#ec1e31;}
::-moz-selection{color:#FFF; background:#ec1e31;}*/

.hide{display:none !important;}
.block{display:block;}

.no-mar-last :last-child{margin-bottom:0 !important;}


/* // FORMS ---------------------------------------------------------------------------------------------------- */
form{}
fieldset{}
label{font-size:.8em;}
label.req:after{content:"*"; display:inline-block; margin-left:10px;}

/* Fields and textarea */
input[type="text"], input[type="password"], input[type="email"], textarea{display:block; box-sizing:border-box; width:100%; font-size:1em; font-weight:300; border:none; color:#e7c472; font-family:'Neutra Text TF Alt', Arial, Helvetica, sans-serif; font-size:1em; font-weight:400; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
input[type="text"], input[type="password"], input[type="email"]{height:60px; line-height:60px; border-bottom:1px solid #333; background:none;}
textarea{width:100%; max-width:100%; min-width:100%; height:240px; min-height:240px; line-height:60px; background:url(../_img/form_line.gif) top repeat-y;}
input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, textarea:hover{}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus{}
input[type="text"][disabled], input[type="password"][disabled], input[type="email"][disabled], textarea[disabled]{color:#888888;}
input[type="text"][disabled]:hover, input[type="password"][disabled]:hover, input[type="email"][disabled]:hover, textarea[disabled]:hover{background:none;}

/* Select (with customSelect 0.5.1) */
select{display:block;}
	select option{box-sizing:border-box; padding:0 15px; color:#000; font-size:1em; font-weight:300; font-style:italic; letter-spacing:normal;}
.customSelect{display:block; box-sizing:border-box; width:100%; height:70px; line-height:70px; padding:0 30px; font-size:1em; font-weight:300; border:none; background-color:rgba(0,0,0,.3); background-position:right 25px center; background-repeat:no-repeat; background-size:26px 26px; color:#FFF; font-size:1.25em; font-weight:300; font-style:italic; letter-spacing:normal; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
.customSelect.customSelectHover{background-color:rgba(0,0,0,.5);}
.customSelect.customSelectFocus{background-color:rgba(0,0,0,.5);}
.customSelect.customSelectOpen{}
.customSelect.customSelectDisabledOption{}
.customSelect.customSelectDisabled{color:#807c8f;}
.customSelectInner{width:100% !important;}

/* Checkbox (with iCheck-1.0.2) */
input[type="checkbox"]{}
.icheckbox{top:-2px;}

/* Radio (with iCheck-1.0.2) */
input[type="radio"]{}
.iradio{top:-2px;}

/* Submit */
input[type="submit"], input[type="button"]{cursor:pointer; box-sizing:border-box; display:inline-block; width:auto; padding:20px 55px; margin:0 0 30px 0; line-height:normal; text-align:center; background:#0d0d0d; border:none; font-family:'Neutra Text', Arial, Helvetica, sans-serif; font-size:.8em; letter-spacing:.2em; font-weight:600; color:#c2a97f; text-transform:uppercase; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
input[type="submit"].full, input[type="button"].full{display:block; width:100%;}
input[type="submit"]:hover, input[type="button"]:hover{color:#000; background:#e7c472;}
input[type="submit"]:focus, input[type="button"]:focus{color:#000; background:#e7c472;}

/* Placeholders */
form *::-webkit-input-placeholder{font-size:.8em; color:#FFF !important; opacity:1 !important;}form *:-moz-placeholder{font-size:.8em; color:#FFF !important; opacity:1 !important;}form *::-moz-placeholder{font-size:.8em; color:#FFF !important; opacity:1 !important;}form *:-ms-input-placeholder{font-size:.8em; color:#FFF !important; opacity:1 !important;}

/* Validation */
input.error, textarea.error{}
label.error{display:block; margin:20px 0 0 0; font-size:.6em; line-height:normal; color:#FF8789;}


/* // REUSABLE ---------------------------------------------------------------------------------------------------- */
/* Circle element */
.circle{-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}

/* Buttons */
.btn{cursor:pointer; display:inline-block; box-sizing:border-box; padding:20px 55px; margin:0 0 30px 0; width:auto; line-height:1.4em; text-align:center; border:2px solid #FFF; color:#FFF; font-family:'Neutra Text', Arial, Helvetica, sans-serif; font-weight:600; font-size:2em; letter-spacing:.2em; text-transform:uppercase; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
.btn.style-2{border:2px solid #000; color:#000;}
p .btn{line-height:1.4em !important; font-size:.92em !important;}
.btn.full{width:100%;}
.btn:hover{color:#000 !important; border:2px solid #e7c472 !important; background:#e7c472 !important;}
.btn.style-2:hover{color:#FFF !important; border:2px solid #000 !important; background:#000 !important;}
	.btn .ico{display:inline-block; vertical-align:middle; width:26px; height:26px; margin-top:-.23em; margin-right:15px;}
		.btn .ico *{fill:#FFF; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
		.btn.style-2 .ico *{fill:#000;}
		.btn:hover .ico *{fill:#000;}
		.btn.style-2:hover .ico *{fill:#FFF;}

/* For multiple fields on same line */
.formdiv{position:relative; display:table; width:100%; padding:0; border-collapse:collapse;}
	.formdiv .formdiv-col{position:relative; display:table-cell; vertical-align:top; padding:0 20px;}
	.formdiv .formdiv-col:first-of-type{padding-left:0;}
	.formdiv .formdiv-col:last-of-type{padding-right:0;}
	.formdiv .formdiv-col:nth-last-of-type(2), .formdiv .formdiv-col:nth-last-of-type(2) ~ .formdiv-col{width:50%; min-width:50%; max-width:50%;}
	.formdiv .formdiv-col:nth-last-of-type(3), .formdiv .formdiv-col:nth-last-of-type(3) ~ .formdiv-col{width:33.33%; min-width:33.33%; max-width:33.33%;}
	.formdiv .formdiv-col:nth-last-of-type(4), .formdiv .formdiv-col:nth-last-of-type(4) ~ .formdiv-col{width:25%; min-width:25%; max-width:25%;}
	.formdiv-label{margin:0;}
.formdiv.snug{width:auto !important;}
	.formdiv.snug .formdiv-col{width:auto !important; min-width:auto !important; max-width:auto !important;}

/*Split center col*/
.container.splitcenter{display:table;}
	.container.splitcenter .col{display:table-cell; vertical-align:middle;}
		.container.splitcenter .col.imgfull img{width:100%; height:auto;}
		

/* // LAYOUT ---------------------------------------------------------------------------------------------------- */
.site-wrapper{}

/* Scroll arrow */
#scrollarrow{z-index:42; position:fixed; display:block; bottom:50px; left:50%; display:block; width:50px; height:27px; margin-left:-25px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
	#scrollarrow a{display:block;}
		#scrollarrow a #arrow{display:block; width:50px; height:27px;}
			#scrollarrow a #arrow *{fill:#FFF; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
			#scrollarrow a:hover #arrow *{fill:#e7c472;}


/* // MENU ---------------------------------------------------------------------------------------------------- */		
.fancybox-skin{padding:30px !important; box-shadow:none !important; background:none !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important;}

#menu{font-size:1rem; text-align:center;}
	#menu ul#menu-main{padding:0; margin:0; line-height:normal; font-family:'Neutra Display Titling', Arial, Helvetica, sans-serif; font-size:4.5em; text-transform:uppercase;}
		#menu ul#menu-main li{list-style:none; padding:0; margin:0 0 30px 0; line-height:normal;}
		#menu ul#menu-main li:last-child{margin:0;}
			#menu ul#menu-main a{display:inline-block; line-height:normal; color:#FFF; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
			#menu ul#menu-main a:hover{color:#e7c472;}
			#menu ul#menu-main a.active{color:#e7c472;}
	#menu ul#menu-sub{padding:0; margin:0; line-height:normal; font-size:2em; text-transform:uppercase; white-space:nowrap;}
		#menu ul#menu-sub li{display:inline-block; list-style:none; padding:0; margin:0 25px 0 0;}
		#menu ul#menu-sub li:last-child{margin:0;}
		#menu ul#menu-sub li.res-only{display:none;}
			#menu ul#menu-sub a{display:inline-block; vertical-align:middle; color:#FFF; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
			#menu ul#menu-sub a:hover{color:#e7c472;}
				#menu ul#menu-sub a .ico{width:42px; height:42px;}
					#menu ul#menu-sub a .ico *{fill:#FFF; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
					#menu ul#menu-sub a:hover .ico *{fill:#e7c472;}
	#menu hr{border-width:2px; border-color:#FFF; margin:40px 0 40px 0;}


/* // HEADER ---------------------------------------------------------------------------------------------------- */
.pad-header{padding-top:100px !important;}

header{z-index:9999; position:fixed; display:block; top:0; left:0; width:100%; padding:0 !important; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
header.dark{background:rgba(0,0,0,.8);}
header.light{background:rgba(255,255,255,.9);}
header.color-override{background:none !important;}
	.horiscroll{position:relative; display:block; width:100%; }
		.horiscroll .fade-left{z-index:2; position:absolute; top:1px; left:0; width:30px; height:99%; background:-moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%); background:-webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%); background:linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );}
		.horiscroll .fade-right{z-index:2; position:absolute; top:1px; right:0; width:30px; height:99%; background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%); background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%); background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );}
		.horiscroll .horiscroll-int{z-index:1; position:relative; display:block; width:100%; white-space:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; -ms-overflow-style:-ms-autohiding-scrollbar;}
	header nav{box-sizing:border-box; display:table; width:100%; padding-left:50px; padding-right:50px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
	header nav#nav-main{height:100px; min-height:100px;}
	header nav#nav-sub{display:none; height:75px; min-height:75px; background:rgba(255,255,255,.6); border-top:1px solid rgba(0,0,0,.1);}
		header .header-col{display:table-cell; vertical-align:middle;}
		header nav#nav-main .header-col#header-left{}
		header nav#nav-main .header-col#header-right{text-align:right;}
			header ul{display:inline-block; padding:0 30px 0 0; margin:0 30px 0 0; line-height:normal; font-size:2em; text-transform:uppercase; border-right:1px solid rgba(255,255,255,.3);}
			header.dark ul{border-right:1px solid rgba(255,255,255,.3);}
			header.light ul{border-right:1px solid rgba(0,0,0,.2);}
			header ul:last-of-type{padding:0; margin:0; border-right:none;}
				header ul li{display:inline-block; padding:0; margin:0 30px 0 0; line-height:1.5em; vertical-align:middle;}
				header ul li:last-child{margin:0;}
					header ul li a{line-height:normal; display:inline-block; color:#FFF; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
					header.dark ul li a{color:#FFF;}
					header.light ul li a{color:#000;}
					header.color-override ul li a{}
					header ul li a:hover{color:#e7c472;}
					header ul li a.active{color:#e7c472;}
				body#home header ul li.header-logo{display:none;}
					header ul li.header-logo .logo{display:block;}
					header ul li.header-logo #logo-main{width:180px; height:17px;}
					header ul li.header-logo #logo-res{display:none; width:42px; height:42px;}
						header ul li.header-logo .logo *{fill:#FFF; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
						header.dark ul li.header-logo .logo *{fill:#FFF;}
						header.light ul li.header-logo .logo *{fill:#000;}
						header.color-override ul li.header-logo .logo *{fill:#FFF !important;}
						header ul li.header-logo a:hover .logo *{fill:#e7c472 !important;}
				header #menu-text{vertical-align:middle; margin-right:25px;}
				header #menu-icon{position:relative; display:inline-block; width:50px; height:50px; vertical-align:middle; margin-top:-.2em;}
					header #menu-icon .line{position:absolute; width:100%; height:3px; left:0; background:#FFF; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
					header.dark #menu-icon .line{background:#FFF;}
					header.light #menu-icon .line{background:#000;}
					header.color-override #menu-icon .line{background:#FFF !important;}
					header #menu-icon .line#line1{top:12px;}
					header #menu-icon .line#line2{top:25px;}
					header #menu-icon .line#line3{top:38px;}		
					header a:hover #menu-icon .line{background:#e7c472 !important;}
					header a.active #menu-icon .line{background:#e7c472 !important;}
					header #menu-icon .flip1{top:50% !important; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
					header #menu-icon .flip2{opacity:0;}
					header #menu-icon .flip3{top:50% !important; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}


/* // SECTION / BANNER ---------------------------------------------------------------------------------------------------- */
section#s-banner{z-index:-1; height:1080px; background-size:cover; background-position:center; background-repeat:no-repeat; color:#FFF;}
	#s-banner h1{margin-bottom:0; line-height:1.2em;}
	#s-banner h2{display:inline-block; margin-top:40px; margin-bottom:0; font-family:'IM FELL DW Pica', Arial, Helvetica, sans-serif; font-size:7.5em; font-weight:400; font-style:italic; line-height:normal;}
	

/* // SECTION / BODY ---------------------------------------------------------------------------------------------------- */
.wave{position:absolute; top:-7px; left:0; width:100%; height:7px; background:url(../_img/wave_w.png) center top repeat-x; background-size:auto 7px;}
.wave.dark{background:url(../_img/wave_b.png) center top repeat-x; background-size:auto 7px;}

.infobox{}
	.infobox h1{font-size:14em;}
	.infobox p{font-size:2.2em; line-height:1.75em;}
	.infobox a{font-weight:700; font-style:italic; text-decoration:underline;}
	.infobox p.link .ico{display:inline-block; width:55px; height:55px; vertical-align:middle; margin-right:20px;}
		.infobox p.link .ico *{fill:#000; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
		.infobox p.link a:hover .ico *{fill:#e7c472;}

section.s-main{background-color:#FFF; background-position:center; background-repeat:no-repeat; background-size:cover;}

section.s-quote{box-sizing:border-box !important; height:720px; padding-top:50px !important; padding-bottom:50px !important; background-position:center; background-repeat:no-repeat; background-size:cover; color:#FFF;}
	section.s-quote p{font-family:'Neutra Text', Arial, Helvetica, sans-serif; font-size:4em; font-weight:300; line-height:1.3em;}
		section.s-quote p strong{font-weight:600;}
	section.s-quote .btn{margin-top:60px; margin-bottom:0;}

section.s-btn{height:275px; background-position:center; background-repeat:no-repeat; background-size:cover; color:#FFF;}
	.s-btn .btn{margin-bottom:0;}
	.s-btn p{margin-bottom:0;}
		.s-btn input{margin-bottom:0;}


/* // SECTION / HOME ---------------------------------------------------------------------------------------------------- */
body#home{width:100%; height:100%; background:#000 url(../_vid/_low/projextra_waves.jpg) center no-repeat; background-size:cover;}
	body#home .site-wrapper{width:100%; height:100%;}

section#s-home-main{height:100%; background:rgba(20,20,24,.5);}
	#s-home-main #logo-main{display:inline-block; width:550px; height:auto;}
	#s-home-main #slogan{margin:55px 0 0 0; padding:0; font-size:3em; color:#FFF; text-transform:uppercase; letter-spacing:.5em;}
		#s-home-main #slogan li{display:inline-block; padding:0; margin:0 22px;}
	
body#home footer{display:none;}


/* // SECTION / WEB ---------------------------------------------------------------------------------------------------- */
body#web{}

body#web img#img-mockup{width:1000px; height:auto;}


/* // SECTION / BRANDING ---------------------------------------------------------------------------------------------------- */
body#branding{}

section#s-branding-main{background-size:100% auto;}


/* // SECTION / MARKETING ---------------------------------------------------------------------------------------------------- */
body#marketing{}

section#s-marketing-main{background-size:100% auto;}

section.s-platforme{}
	.s-platforme .col{padding-top:160px !important; padding-bottom:160px !important; padding-left:160px !important; padding-right:160px !important;}
	.s-platforme .col.imgfull{padding-left:0 !important; padding-right:0 !important;}
		.s-platforme h2{text-align:left !important; margin-bottom:42px;}
			.s-platforme h2 img{height:100px; width:auto;}
		.s-platforme ul{list-style:none; padding:0;}
			.s-platforme li{padding-left:2em; background:url(../_img/ico_check.png) left .5em no-repeat; background-size:auto 22px; line-height:1.35em;}
		.s-platforme .platforme-screenshot{-webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border-top-left-radius:10px; border-bottom-left-radius:10px;}

section#s-marketing-adwords{background:#ea4235; color:#FFF;}
	#s-marketing-adwords .longshadow{box-shadow: 1px 1px rgb(164, 46, 37), 2px 2px rgb(164, 46, 37), 3px 3px rgb(164, 46, 37), 4px 4px rgb(164, 46, 37), 5px 5px rgb(164, 46, 37), 6px 6px rgb(164, 46, 37), 7px 7px rgb(164, 46, 37), 8px 8px rgb(164, 46, 37), 9px 9px rgb(164, 46, 37), 10px 10px rgb(164, 46, 37), 11px 11px rgb(164, 46, 37), 12px 12px rgb(164, 46, 37), 13px 13px rgb(164, 46, 37), 14px 14px rgb(164, 46, 37), 15px 15px rgb(164, 46, 37), 16px 16px rgb(164, 46, 37), 17px 17px rgb(164, 46, 37), 18px 18px rgb(164, 46, 37), 19px 19px rgb(164, 46, 37), 20px 20px rgb(164, 46, 37), 21px 21px rgb(164, 46, 37), 22px 22px rgb(164, 46, 37), 23px 23px rgb(164, 46, 37), 24px 24px rgb(164, 46, 37), 25px 25px rgb(164, 46, 37), 26px 26px rgb(164, 46, 37), 27px 27px rgb(164, 46, 37), 28px 28px rgb(164, 46, 37), 29px 29px rgb(164, 46, 37), 30px 30px rgb(164, 46, 37), 31px 31px rgb(164, 46, 37), 32px 32px rgb(164, 46, 37), 33px 33px rgb(164, 46, 37), 34px 34px rgb(164, 46, 37), 35px 35px rgb(164, 46, 37), 36px 36px rgb(164, 46, 37), 37px 37px rgb(164, 46, 37), 38px 38px rgb(164, 46, 37), 39px 39px rgb(164, 46, 37), 40px 40px rgb(164, 46, 37), 41px 41px rgb(164, 46, 37), 42px 42px rgb(164, 46, 37), 43px 43px rgb(164, 46, 37), 44px 44px rgb(164, 46, 37), 45px 45px rgb(164, 46, 37), 46px 46px rgb(164, 46, 37), 47px 47px rgb(164, 46, 37), 48px 48px rgb(164, 46, 37), 49px 49px rgb(164, 46, 37), 50px 50px rgb(164, 46, 37), 51px 51px rgb(164, 46, 37), 52px 52px rgb(164, 46, 37), 53px 53px rgb(164, 46, 37), 54px 54px rgb(164, 46, 37), 55px 55px rgb(164, 46, 37), 56px 56px rgb(164, 46, 37), 57px 57px rgb(164, 46, 37), 58px 58px rgb(164, 46, 37), 59px 59px rgb(164, 46, 37), 60px 60px rgb(164, 46, 37), 61px 61px rgb(164, 46, 37), 62px 62px rgb(164, 46, 37), 63px 63px rgb(164, 46, 37), 64px 64px rgb(164, 46, 37), 65px 65px rgb(164, 46, 37), 66px 66px rgb(164, 46, 37), 67px 67px rgb(164, 46, 37), 68px 68px rgb(164, 46, 37), 69px 69px rgb(164, 46, 37), 70px 70px rgb(164, 46, 37), 71px 71px rgb(164, 46, 37), 72px 72px rgb(164, 46, 37), 73px 73px rgb(164, 46, 37), 74px 74px rgb(164, 46, 37), 75px 75px rgb(164, 46, 37), 76px 76px rgb(164, 46, 37), 77px 77px rgb(164, 46, 37), 78px 78px rgb(164, 46, 37), 79px 79px rgb(164, 46, 37), 80px 80px rgb(164, 46, 37), 81px 81px rgb(164, 46, 37), 82px 82px rgb(165, 46, 37), 83px 83px rgb(165, 46, 37), 84px 84px rgb(166, 46, 37), 85px 85px rgb(166, 46, 37), 86px 86px rgb(167, 47, 37), 87px 87px rgb(168, 47, 37), 88px 88px rgb(168, 47, 38), 89px 89px rgb(169, 47, 38), 90px 90px rgb(169, 47, 38), 91px 91px rgb(170, 47, 38), 92px 92px rgb(171, 48, 38), 93px 93px rgb(171, 48, 38), 94px 94px rgb(172, 48, 38), 95px 95px rgb(172, 48, 39), 96px 96px rgb(173, 48, 39), 97px 97px rgb(173, 48, 39), 98px 98px rgb(174, 49, 39), 99px 99px rgb(175, 49, 39), 100px 100px rgb(175, 49, 39), 101px 101px rgb(176, 49, 39), 102px 102px rgb(176, 49, 39), 103px 103px rgb(177, 49, 40), 104px 104px rgb(178, 50, 40), 105px 105px rgb(178, 50, 40), 106px 106px rgb(179, 50, 40), 107px 107px rgb(179, 50, 40), 108px 108px rgb(180, 50, 40), 109px 109px rgb(180, 50, 40), 110px 110px rgb(181, 51, 41), 111px 111px rgb(182, 51, 41), 112px 112px rgb(182, 51, 41), 113px 113px rgb(183, 51, 41), 114px 114px rgb(183, 51, 41), 115px 115px rgb(184, 51, 41), 116px 116px rgb(185, 52, 41), 117px 117px rgb(185, 52, 41), 118px 118px rgb(186, 52, 42), 119px 119px rgb(186, 52, 42), 120px 120px rgb(187, 52, 42), 121px 121px rgb(187, 52, 42), 122px 122px rgb(188, 53, 42), 123px 123px rgb(189, 53, 42), 124px 124px rgb(189, 53, 42), 125px 125px rgb(190, 53, 43), 126px 126px rgb(190, 53, 43), 127px 127px rgb(191, 53, 43), 128px 128px rgb(192, 54, 43), 129px 129px rgb(192, 54, 43), 130px 130px rgb(193, 54, 43), 131px 131px rgb(193, 54, 43), 132px 132px rgb(194, 54, 43), 133px 133px rgb(194, 54, 44), 134px 134px rgb(195, 55, 44), 135px 135px rgb(196, 55, 44), 136px 136px rgb(196, 55, 44), 137px 137px rgb(197, 55, 44), 138px 138px rgb(197, 55, 44), 139px 139px rgb(198, 55, 44), 140px 140px rgb(199, 56, 45), 141px 141px rgb(199, 56, 45), 142px 142px rgb(200, 56, 45), 143px 143px rgb(200, 56, 45), 144px 144px rgb(201, 56, 45), 145px 145px rgb(201, 56, 45), 146px 146px rgb(202, 57, 45), 147px 147px rgb(203, 57, 45), 148px 148px rgb(203, 57, 46), 149px 149px rgb(204, 57, 46), 150px 150px rgb(204, 57, 46), 151px 151px rgb(205, 57, 46), 152px 152px rgb(206, 58, 46), 153px 153px rgb(206, 58, 46), 154px 154px rgb(207, 58, 46), 155px 155px rgb(207, 58, 47), 156px 156px rgb(208, 58, 47), 157px 157px rgb(208, 58, 47), 158px 158px rgb(209, 59, 47), 159px 159px rgb(210, 59, 47), 160px 160px rgb(210, 59, 47), 161px 161px rgb(211, 59, 47), 162px 162px rgb(211, 59, 47), 163px 163px rgb(212, 59, 48), 164px 164px rgb(213, 60, 48), 165px 165px rgb(213, 60, 48), 166px 166px rgb(214, 60, 48), 167px 167px rgb(214, 60, 48), 168px 168px rgb(215, 60, 48), 169px 169px rgb(215, 60, 48), 170px 170px rgb(216, 61, 49), 171px 171px rgb(217, 61, 49), 172px 172px rgb(217, 61, 49), 173px 173px rgb(218, 61, 49), 174px 174px rgb(218, 61, 49), 175px 175px rgb(219, 61, 49), 176px 176px rgb(220, 62, 49), 177px 177px rgb(220, 62, 49), 178px 178px rgb(221, 62, 50), 179px 179px rgb(221, 62, 50), 180px 180px rgb(222, 62, 50), 181px 181px rgb(222, 62, 50), 182px 182px rgb(223, 63, 50), 183px 183px rgb(224, 63, 50), 184px 184px rgb(224, 63, 50), 185px 185px rgb(225, 63, 51), 186px 186px rgb(225, 63, 51), 187px 187px rgb(226, 63, 51), 188px 188px rgb(227, 64, 51), 189px 189px rgb(227, 64, 51), 190px 190px rgb(228, 64, 51), 191px 191px rgb(228, 64, 51), 192px 192px rgb(229, 64, 51), 193px 193px rgb(229, 64, 52), 194px 194px rgb(230, 65, 52), 195px 195px rgb(231, 65, 52), 196px 196px rgb(231, 65, 52), 197px 197px rgb(232, 65, 52), 198px 198px rgb(232, 65, 52), 199px 199px rgb(233, 65, 52), 200px 200px rgb(234, 66, 53);}

section#s-marketing-facebook{background:#4867aa; color:#FFF;}
	#s-marketing-facebook .longshadow{box-shadow: 1px 1px rgb(50, 72, 119), 2px 2px rgb(50, 72, 119), 3px 3px rgb(50, 72, 119), 4px 4px rgb(50, 72, 119), 5px 5px rgb(50, 72, 119), 6px 6px rgb(50, 72, 119), 7px 7px rgb(50, 72, 119), 8px 8px rgb(50, 72, 119), 9px 9px rgb(50, 72, 119), 10px 10px rgb(50, 72, 119), 11px 11px rgb(50, 72, 119), 12px 12px rgb(50, 72, 119), 13px 13px rgb(50, 72, 119), 14px 14px rgb(50, 72, 119), 15px 15px rgb(50, 72, 119), 16px 16px rgb(50, 72, 119), 17px 17px rgb(50, 72, 119), 18px 18px rgb(50, 72, 119), 19px 19px rgb(50, 72, 119), 20px 20px rgb(50, 72, 119), 21px 21px rgb(50, 72, 119), 22px 22px rgb(50, 72, 119), 23px 23px rgb(50, 72, 119), 24px 24px rgb(50, 72, 119), 25px 25px rgb(50, 72, 119), 26px 26px rgb(50, 72, 119), 27px 27px rgb(50, 72, 119), 28px 28px rgb(50, 72, 119), 29px 29px rgb(50, 72, 119), 30px 30px rgb(50, 72, 119), 31px 31px rgb(50, 72, 119), 32px 32px rgb(50, 72, 119), 33px 33px rgb(50, 72, 119), 34px 34px rgb(50, 72, 119), 35px 35px rgb(50, 72, 119), 36px 36px rgb(50, 72, 119), 37px 37px rgb(50, 72, 119), 38px 38px rgb(50, 72, 119), 39px 39px rgb(50, 72, 119), 40px 40px rgb(50, 72, 119), 41px 41px rgb(50, 72, 119), 42px 42px rgb(50, 72, 119), 43px 43px rgb(50, 72, 119), 44px 44px rgb(50, 72, 119), 45px 45px rgb(50, 72, 119), 46px 46px rgb(50, 72, 119), 47px 47px rgb(50, 72, 119), 48px 48px rgb(50, 72, 119), 49px 49px rgb(50, 72, 119), 50px 50px rgb(50, 72, 119), 51px 51px rgb(50, 72, 119), 52px 52px rgb(50, 72, 119), 53px 53px rgb(50, 72, 119), 54px 54px rgb(50, 72, 119), 55px 55px rgb(50, 72, 119), 56px 56px rgb(50, 72, 119), 57px 57px rgb(50, 72, 119), 58px 58px rgb(50, 72, 119), 59px 59px rgb(50, 72, 119), 60px 60px rgb(50, 72, 119), 61px 61px rgb(50, 72, 119), 62px 62px rgb(50, 72, 119), 63px 63px rgb(50, 72, 119), 64px 64px rgb(50, 72, 119), 65px 65px rgb(50, 72, 119), 66px 66px rgb(50, 72, 119), 67px 67px rgb(50, 72, 119), 68px 68px rgb(50, 72, 119), 69px 69px rgb(50, 72, 119), 70px 70px rgb(50, 72, 119), 71px 71px rgb(50, 72, 119), 72px 72px rgb(50, 72, 119), 73px 73px rgb(50, 72, 119), 74px 74px rgb(50, 72, 119), 75px 75px rgb(50, 72, 119), 76px 76px rgb(50, 72, 119), 77px 77px rgb(50, 72, 119), 78px 78px rgb(50, 72, 119), 79px 79px rgb(50, 72, 119), 80px 80px rgb(50, 72, 119), 81px 81px rgb(50, 72, 119), 82px 82px rgb(50, 72, 119), 83px 83px rgb(50, 72, 120), 84px 84px rgb(50, 73, 120), 85px 85px rgb(50, 73, 121), 86px 86px rgb(51, 73, 121), 87px 87px rgb(51, 73, 121), 88px 88px rgb(51, 74, 122), 89px 89px rgb(51, 74, 122), 90px 90px rgb(51, 74, 123), 91px 91px rgb(52, 74, 123), 92px 92px rgb(52, 75, 124), 93px 93px rgb(52, 75, 124), 94px 94px rgb(52, 75, 124), 95px 95px rgb(52, 75, 125), 96px 96px rgb(52, 76, 125), 97px 97px rgb(53, 76, 126), 98px 98px rgb(53, 76, 126), 99px 99px rgb(53, 76, 127), 100px 100px rgb(53, 77, 127), 101px 101px rgb(53, 77, 127), 102px 102px rgb(54, 77, 128), 103px 103px rgb(54, 77, 128), 104px 104px rgb(54, 78, 129), 105px 105px rgb(54, 78, 129), 106px 106px rgb(54, 78, 130), 107px 107px rgb(54, 78, 130), 108px 108px rgb(55, 79, 130), 109px 109px rgb(55, 79, 131), 110px 110px rgb(55, 79, 131), 111px 111px rgb(55, 80, 132), 112px 112px rgb(55, 80, 132), 113px 113px rgb(56, 80, 133), 114px 114px rgb(56, 80, 133), 115px 115px rgb(56, 81, 133), 116px 116px rgb(56, 81, 134), 117px 117px rgb(56, 81, 134), 118px 118px rgb(56, 81, 135), 119px 119px rgb(57, 82, 135), 120px 120px rgb(57, 82, 136), 121px 121px rgb(57, 82, 136), 122px 122px rgb(57, 82, 136), 123px 123px rgb(57, 83, 137), 124px 124px rgb(58, 83, 137), 125px 125px rgb(58, 83, 138), 126px 126px rgb(58, 83, 138), 127px 127px rgb(58, 84, 138), 128px 128px rgb(58, 84, 139), 129px 129px rgb(58, 84, 139), 130px 130px rgb(59, 84, 140), 131px 131px rgb(59, 85, 140), 132px 132px rgb(59, 85, 141), 133px 133px rgb(59, 85, 141), 134px 134px rgb(59, 85, 141), 135px 135px rgb(60, 86, 142), 136px 136px rgb(60, 86, 142), 137px 137px rgb(60, 86, 143), 138px 138px rgb(60, 86, 143), 139px 139px rgb(60, 87, 144), 140px 140px rgb(61, 87, 144), 141px 141px rgb(61, 87, 144), 142px 142px rgb(61, 88, 145), 143px 143px rgb(61, 88, 145), 144px 144px rgb(61, 88, 146), 145px 145px rgb(61, 88, 146), 146px 146px rgb(62, 89, 147), 147px 147px rgb(62, 89, 147), 148px 148px rgb(62, 89, 147), 149px 149px rgb(62, 89, 148), 150px 150px rgb(62, 90, 148), 151px 151px rgb(63, 90, 149), 152px 152px rgb(63, 90, 149), 153px 153px rgb(63, 90, 150), 154px 154px rgb(63, 91, 150), 155px 155px rgb(63, 91, 150), 156px 156px rgb(63, 91, 151), 157px 157px rgb(64, 91, 151), 158px 158px rgb(64, 92, 152), 159px 159px rgb(64, 92, 152), 160px 160px rgb(64, 92, 153), 161px 161px rgb(64, 92, 153), 162px 162px rgb(65, 93, 153), 163px 163px rgb(65, 93, 154), 164px 164px rgb(65, 93, 154), 165px 165px rgb(65, 93, 155), 166px 166px rgb(65, 94, 155), 167px 167px rgb(65, 94, 155), 168px 168px rgb(66, 94, 156), 169px 169px rgb(66, 94, 156), 170px 170px rgb(66, 95, 157), 171px 171px rgb(66, 95, 157), 172px 172px rgb(66, 95, 158), 173px 173px rgb(67, 96, 158), 174px 174px rgb(67, 96, 158), 175px 175px rgb(67, 96, 159), 176px 176px rgb(67, 96, 159), 177px 177px rgb(67, 97, 160), 178px 178px rgb(67, 97, 160), 179px 179px rgb(68, 97, 161), 180px 180px rgb(68, 97, 161), 181px 181px rgb(68, 98, 161), 182px 182px rgb(68, 98, 162), 183px 183px rgb(68, 98, 162), 184px 184px rgb(69, 98, 163), 185px 185px rgb(69, 99, 163), 186px 186px rgb(69, 99, 164), 187px 187px rgb(69, 99, 164), 188px 188px rgb(69, 99, 164), 189px 189px rgb(69, 100, 165), 190px 190px rgb(70, 100, 165), 191px 191px rgb(70, 100, 166), 192px 192px rgb(70, 100, 166), 193px 193px rgb(70, 101, 167), 194px 194px rgb(70, 101, 167), 195px 195px rgb(71, 101, 167), 196px 196px rgb(71, 101, 168), 197px 197px rgb(71, 102, 168), 198px 198px rgb(71, 102, 169), 199px 199px rgb(71, 102, 169), 200px 200px rgb(72, 103, 170);}

section#s-marketing-display{background:#34a853; color:#FFF;}
	#s-marketing-display .longshadow{box-shadow: 1px 1px rgb(36, 118, 58), 2px 2px rgb(36, 118, 58), 3px 3px rgb(36, 118, 58), 4px 4px rgb(36, 118, 58), 5px 5px rgb(36, 118, 58), 6px 6px rgb(36, 118, 58), 7px 7px rgb(36, 118, 58), 8px 8px rgb(36, 118, 58), 9px 9px rgb(36, 118, 58), 10px 10px rgb(36, 118, 58), 11px 11px rgb(36, 118, 58), 12px 12px rgb(36, 118, 58), 13px 13px rgb(36, 118, 58), 14px 14px rgb(36, 118, 58), 15px 15px rgb(36, 118, 58), 16px 16px rgb(36, 118, 58), 17px 17px rgb(36, 118, 58), 18px 18px rgb(36, 118, 58), 19px 19px rgb(36, 118, 58), 20px 20px rgb(36, 118, 58), 21px 21px rgb(36, 118, 58), 22px 22px rgb(36, 118, 58), 23px 23px rgb(36, 118, 58), 24px 24px rgb(36, 118, 58), 25px 25px rgb(36, 118, 58), 26px 26px rgb(36, 118, 58), 27px 27px rgb(36, 118, 58), 28px 28px rgb(36, 118, 58), 29px 29px rgb(36, 118, 58), 30px 30px rgb(36, 118, 58), 31px 31px rgb(36, 118, 58), 32px 32px rgb(36, 118, 58), 33px 33px rgb(36, 118, 58), 34px 34px rgb(36, 118, 58), 35px 35px rgb(36, 118, 58), 36px 36px rgb(36, 118, 58), 37px 37px rgb(36, 118, 58), 38px 38px rgb(36, 118, 58), 39px 39px rgb(36, 118, 58), 40px 40px rgb(36, 118, 58), 41px 41px rgb(36, 118, 58), 42px 42px rgb(36, 118, 58), 43px 43px rgb(36, 118, 58), 44px 44px rgb(36, 118, 58), 45px 45px rgb(36, 118, 58), 46px 46px rgb(36, 118, 58), 47px 47px rgb(36, 118, 58), 48px 48px rgb(36, 118, 58), 49px 49px rgb(36, 118, 58), 50px 50px rgb(36, 118, 58), 51px 51px rgb(36, 118, 58), 52px 52px rgb(36, 118, 58), 53px 53px rgb(36, 118, 58), 54px 54px rgb(36, 118, 58), 55px 55px rgb(36, 118, 58), 56px 56px rgb(36, 118, 58), 57px 57px rgb(36, 118, 58), 58px 58px rgb(36, 118, 58), 59px 59px rgb(36, 118, 58), 60px 60px rgb(36, 118, 58), 61px 61px rgb(36, 118, 58), 62px 62px rgb(36, 118, 58), 63px 63px rgb(36, 118, 58), 64px 64px rgb(36, 118, 58), 65px 65px rgb(36, 118, 58), 66px 66px rgb(36, 118, 58), 67px 67px rgb(36, 118, 58), 68px 68px rgb(36, 118, 58), 69px 69px rgb(36, 118, 58), 70px 70px rgb(36, 118, 58), 71px 71px rgb(36, 118, 58), 72px 72px rgb(36, 118, 58), 73px 73px rgb(36, 118, 58), 74px 74px rgb(36, 118, 58), 75px 75px rgb(36, 118, 58), 76px 76px rgb(36, 118, 58), 77px 77px rgb(36, 118, 58), 78px 78px rgb(36, 118, 58), 79px 79px rgb(36, 118, 58), 80px 80px rgb(36, 118, 58), 81px 81px rgb(36, 118, 58), 82px 82px rgb(36, 118, 58), 83px 83px rgb(36, 119, 58), 84px 84px rgb(36, 119, 58), 85px 85px rgb(36, 120, 59), 86px 86px rgb(36, 120, 59), 87px 87px rgb(36, 120, 59), 88px 88px rgb(37, 121, 59), 89px 89px rgb(37, 121, 59), 90px 90px rgb(37, 122, 60), 91px 91px rgb(37, 122, 60), 92px 92px rgb(37, 123, 60), 93px 93px rgb(37, 123, 60), 94px 94px rgb(37, 123, 60), 95px 95px rgb(38, 124, 61), 96px 96px rgb(38, 124, 61), 97px 97px rgb(38, 125, 61), 98px 98px rgb(38, 125, 61), 99px 99px rgb(38, 125, 61), 100px 100px rgb(38, 126, 62), 101px 101px rgb(38, 126, 62), 102px 102px rgb(38, 127, 62), 103px 103px rgb(39, 127, 62), 104px 104px rgb(39, 128, 63), 105px 105px rgb(39, 128, 63), 106px 106px rgb(39, 128, 63), 107px 107px rgb(39, 129, 63), 108px 108px rgb(39, 129, 63), 109px 109px rgb(39, 130, 64), 110px 110px rgb(40, 130, 64), 111px 111px rgb(40, 130, 64), 112px 112px rgb(40, 131, 64), 113px 113px rgb(40, 131, 64), 114px 114px rgb(40, 132, 65), 115px 115px rgb(40, 132, 65), 116px 116px rgb(40, 133, 65), 117px 117px rgb(40, 133, 65), 118px 118px rgb(41, 133, 65), 119px 119px rgb(41, 134, 66), 120px 120px rgb(41, 134, 66), 121px 121px rgb(41, 135, 66), 122px 122px rgb(41, 135, 66), 123px 123px rgb(41, 135, 66), 124px 124px rgb(41, 136, 67), 125px 125px rgb(42, 136, 67), 126px 126px rgb(42, 137, 67), 127px 127px rgb(42, 137, 67), 128px 128px rgb(42, 138, 68), 129px 129px rgb(42, 138, 68), 130px 130px rgb(42, 138, 68), 131px 131px rgb(42, 139, 68), 132px 132px rgb(42, 139, 68), 133px 133px rgb(43, 140, 69), 134px 134px rgb(43, 140, 69), 135px 135px rgb(43, 140, 69), 136px 136px rgb(43, 141, 69), 137px 137px rgb(43, 141, 69), 138px 138px rgb(43, 142, 70), 139px 139px rgb(43, 142, 70), 140px 140px rgb(44, 143, 70), 141px 141px rgb(44, 143, 70), 142px 142px rgb(44, 143, 70), 143px 143px rgb(44, 144, 71), 144px 144px rgb(44, 144, 71), 145px 145px rgb(44, 145, 71), 146px 146px rgb(44, 145, 71), 147px 147px rgb(44, 145, 71), 148px 148px rgb(45, 146, 72), 149px 149px rgb(45, 146, 72), 150px 150px rgb(45, 147, 72), 151px 151px rgb(45, 147, 72), 152px 152px rgb(45, 148, 73), 153px 153px rgb(45, 148, 73), 154px 154px rgb(45, 148, 73), 155px 155px rgb(46, 149, 73), 156px 156px rgb(46, 149, 73), 157px 157px rgb(46, 150, 74), 158px 158px rgb(46, 150, 74), 159px 159px rgb(46, 150, 74), 160px 160px rgb(46, 151, 74), 161px 161px rgb(46, 151, 74), 162px 162px rgb(46, 152, 75), 163px 163px rgb(47, 152, 75), 164px 164px rgb(47, 153, 75), 165px 165px rgb(47, 153, 75), 166px 166px rgb(47, 153, 75), 167px 167px rgb(47, 154, 76), 168px 168px rgb(47, 154, 76), 169px 169px rgb(47, 155, 76), 170px 170px rgb(48, 155, 76), 171px 171px rgb(48, 155, 76), 172px 172px rgb(48, 156, 77), 173px 173px rgb(48, 156, 77), 174px 174px rgb(48, 157, 77), 175px 175px rgb(48, 157, 77), 176px 176px rgb(48, 158, 78), 177px 177px rgb(48, 158, 78), 178px 178px rgb(49, 158, 78), 179px 179px rgb(49, 159, 78), 180px 180px rgb(49, 159, 78), 181px 181px rgb(49, 160, 79), 182px 182px rgb(49, 160, 79), 183px 183px rgb(49, 160, 79), 184px 184px rgb(49, 161, 79), 185px 185px rgb(50, 161, 79), 186px 186px rgb(50, 162, 80), 187px 187px rgb(50, 162, 80), 188px 188px rgb(50, 163, 80), 189px 189px rgb(50, 163, 80), 190px 190px rgb(50, 163, 80), 191px 191px rgb(50, 164, 81), 192px 192px rgb(50, 164, 81), 193px 193px rgb(51, 165, 81), 194px 194px rgb(51, 165, 81), 195px 195px rgb(51, 165, 81), 196px 196px rgb(51, 166, 82), 197px 197px rgb(51, 166, 82), 198px 198px rgb(51, 167, 82), 199px 199px rgb(51, 167, 82), 200px 200px rgb(52, 168, 83);}

section#s-marketing-youtube{background:#e62f27; color:#FFF;}
	#s-marketing-youtube .longshadow{box-shadow: 1px 1px rgb(161, 33, 27), 2px 2px rgb(161, 33, 27), 3px 3px rgb(161, 33, 27), 4px 4px rgb(161, 33, 27), 5px 5px rgb(161, 33, 27), 6px 6px rgb(161, 33, 27), 7px 7px rgb(161, 33, 27), 8px 8px rgb(161, 33, 27), 9px 9px rgb(161, 33, 27), 10px 10px rgb(161, 33, 27), 11px 11px rgb(161, 33, 27), 12px 12px rgb(161, 33, 27), 13px 13px rgb(161, 33, 27), 14px 14px rgb(161, 33, 27), 15px 15px rgb(161, 33, 27), 16px 16px rgb(161, 33, 27), 17px 17px rgb(161, 33, 27), 18px 18px rgb(161, 33, 27), 19px 19px rgb(161, 33, 27), 20px 20px rgb(161, 33, 27), 21px 21px rgb(161, 33, 27), 22px 22px rgb(161, 33, 27), 23px 23px rgb(161, 33, 27), 24px 24px rgb(161, 33, 27), 25px 25px rgb(161, 33, 27), 26px 26px rgb(161, 33, 27), 27px 27px rgb(161, 33, 27), 28px 28px rgb(161, 33, 27), 29px 29px rgb(161, 33, 27), 30px 30px rgb(161, 33, 27), 31px 31px rgb(161, 33, 27), 32px 32px rgb(161, 33, 27), 33px 33px rgb(161, 33, 27), 34px 34px rgb(161, 33, 27), 35px 35px rgb(161, 33, 27), 36px 36px rgb(161, 33, 27), 37px 37px rgb(161, 33, 27), 38px 38px rgb(161, 33, 27), 39px 39px rgb(161, 33, 27), 40px 40px rgb(161, 33, 27), 41px 41px rgb(161, 33, 27), 42px 42px rgb(161, 33, 27), 43px 43px rgb(161, 33, 27), 44px 44px rgb(161, 33, 27), 45px 45px rgb(161, 33, 27), 46px 46px rgb(161, 33, 27), 47px 47px rgb(161, 33, 27), 48px 48px rgb(161, 33, 27), 49px 49px rgb(161, 33, 27), 50px 50px rgb(161, 33, 27), 51px 51px rgb(161, 33, 27), 52px 52px rgb(161, 33, 27), 53px 53px rgb(161, 33, 27), 54px 54px rgb(161, 33, 27), 55px 55px rgb(161, 33, 27), 56px 56px rgb(161, 33, 27), 57px 57px rgb(161, 33, 27), 58px 58px rgb(161, 33, 27), 59px 59px rgb(161, 33, 27), 60px 60px rgb(161, 33, 27), 61px 61px rgb(161, 33, 27), 62px 62px rgb(161, 33, 27), 63px 63px rgb(161, 33, 27), 64px 64px rgb(161, 33, 27), 65px 65px rgb(161, 33, 27), 66px 66px rgb(161, 33, 27), 67px 67px rgb(161, 33, 27), 68px 68px rgb(161, 33, 27), 69px 69px rgb(161, 33, 27), 70px 70px rgb(161, 33, 27), 71px 71px rgb(161, 33, 27), 72px 72px rgb(161, 33, 27), 73px 73px rgb(161, 33, 27), 74px 74px rgb(161, 33, 27), 75px 75px rgb(161, 33, 27), 76px 76px rgb(161, 33, 27), 77px 77px rgb(161, 33, 27), 78px 78px rgb(161, 33, 27), 79px 79px rgb(161, 33, 27), 80px 80px rgb(161, 33, 27), 81px 81px rgb(161, 33, 27), 82px 82px rgb(162, 33, 27), 83px 83px rgb(162, 33, 27), 84px 84px rgb(163, 33, 27), 85px 85px rgb(163, 33, 27), 86px 86px rgb(164, 33, 27), 87px 87px rgb(165, 33, 27), 88px 88px rgb(165, 33, 27), 89px 89px rgb(166, 34, 27), 90px 90px rgb(166, 34, 28), 91px 91px rgb(167, 34, 28), 92px 92px rgb(167, 34, 28), 93px 93px rgb(168, 34, 28), 94px 94px rgb(169, 34, 28), 95px 95px rgb(169, 34, 28), 96px 96px rgb(170, 34, 28), 97px 97px rgb(170, 34, 28), 98px 98px rgb(171, 35, 28), 99px 99px rgb(171, 35, 28), 100px 100px rgb(172, 35, 29), 101px 101px rgb(173, 35, 29), 102px 102px rgb(173, 35, 29), 103px 103px rgb(174, 35, 29), 104px 104px rgb(174, 35, 29), 105px 105px rgb(175, 35, 29), 106px 106px rgb(175, 36, 29), 107px 107px rgb(176, 36, 29), 108px 108px rgb(177, 36, 29), 109px 109px rgb(177, 36, 29), 110px 110px rgb(178, 36, 30), 111px 111px rgb(178, 36, 30), 112px 112px rgb(179, 36, 30), 113px 113px rgb(179, 36, 30), 114px 114px rgb(180, 36, 30), 115px 115px rgb(181, 37, 30), 116px 116px rgb(181, 37, 30), 117px 117px rgb(182, 37, 30), 118px 118px rgb(182, 37, 30), 119px 119px rgb(183, 37, 30), 120px 120px rgb(184, 37, 31), 121px 121px rgb(184, 37, 31), 122px 122px rgb(185, 37, 31), 123px 123px rgb(185, 38, 31), 124px 124px rgb(186, 38, 31), 125px 125px rgb(186, 38, 31), 126px 126px rgb(187, 38, 31), 127px 127px rgb(188, 38, 31), 128px 128px rgb(188, 38, 31), 129px 129px rgb(189, 38, 31), 130px 130px rgb(189, 38, 32), 131px 131px rgb(190, 38, 32), 132px 132px rgb(190, 39, 32), 133px 133px rgb(191, 39, 32), 134px 134px rgb(192, 39, 32), 135px 135px rgb(192, 39, 32), 136px 136px rgb(193, 39, 32), 137px 137px rgb(193, 39, 32), 138px 138px rgb(194, 39, 32), 139px 139px rgb(194, 39, 32), 140px 140px rgb(195, 40, 33), 141px 141px rgb(196, 40, 33), 142px 142px rgb(196, 40, 33), 143px 143px rgb(197, 40, 33), 144px 144px rgb(197, 40, 33), 145px 145px rgb(198, 40, 33), 146px 146px rgb(198, 40, 33), 147px 147px rgb(199, 40, 33), 148px 148px rgb(200, 40, 33), 149px 149px rgb(200, 41, 33), 150px 150px rgb(201, 41, 34), 151px 151px rgb(201, 41, 34), 152px 152px rgb(202, 41, 34), 153px 153px rgb(202, 41, 34), 154px 154px rgb(203, 41, 34), 155px 155px rgb(204, 41, 34), 156px 156px rgb(204, 41, 34), 157px 157px rgb(205, 41, 34), 158px 158px rgb(205, 42, 34), 159px 159px rgb(206, 42, 34), 160px 160px rgb(207, 42, 35), 161px 161px rgb(207, 42, 35), 162px 162px rgb(208, 42, 35), 163px 163px rgb(208, 42, 35), 164px 164px rgb(209, 42, 35), 165px 165px rgb(209, 42, 35), 166px 166px rgb(210, 43, 35), 167px 167px rgb(211, 43, 35), 168px 168px rgb(211, 43, 35), 169px 169px rgb(212, 43, 35), 170px 170px rgb(212, 43, 36), 171px 171px rgb(213, 43, 36), 172px 172px rgb(213, 43, 36), 173px 173px rgb(214, 43, 36), 174px 174px rgb(215, 43, 36), 175px 175px rgb(215, 44, 36), 176px 176px rgb(216, 44, 36), 177px 177px rgb(216, 44, 36), 178px 178px rgb(217, 44, 36), 179px 179px rgb(217, 44, 36), 180px 180px rgb(218, 44, 37), 181px 181px rgb(219, 44, 37), 182px 182px rgb(219, 44, 37), 183px 183px rgb(220, 45, 37), 184px 184px rgb(220, 45, 37), 185px 185px rgb(221, 45, 37), 186px 186px rgb(221, 45, 37), 187px 187px rgb(222, 45, 37), 188px 188px rgb(223, 45, 37), 189px 189px rgb(223, 45, 37), 190px 190px rgb(224, 45, 38), 191px 191px rgb(224, 45, 38), 192px 192px rgb(225, 46, 38), 193px 193px rgb(225, 46, 38), 194px 194px rgb(226, 46, 38), 195px 195px rgb(227, 46, 38), 196px 196px rgb(227, 46, 38), 197px 197px rgb(228, 46, 38), 198px 198px rgb(228, 46, 38), 199px 199px rgb(229, 46, 38), 200px 200px rgb(230, 47, 39);}


/* // SECTION / PORTEFOLIO ---------------------------------------------------------------------------------------------------- */
section#s-portefolio-main{background:#333 url(../_img/bg_waves.png) repeat;}
	#s-portefolio-main .mix{display:none;}
	#s-portefolio-main .col{position:relative; padding:0; margin:0;}
		#s-portefolio-main .col a.project-link{display:block;}
			#s-portefolio-main .col a.project-link img{display:block;}
			#s-portefolio-main .col a.project-link .overlay{box-sizing:border-box; overflow:hidden; display:block; position:absolute; top:0; left:0; width:100%; height:100%; padding:50px; opacity:0; text-align:center; background:rgba(0,0,0,.9); -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
			#s-portefolio-main .col a.project-link:hover .overlay{opacity:1;}
				#s-portefolio-main .col a.project-link .overlay .overlay-int{display:table; width:100%; height:100%;}
					#s-portefolio-main .col a.project-link .overlay .overlay-int .overlay-cell{display:table-cell; vertical-align:middle; width:100%; height:100%;}
						#s-portefolio-main .col a.project-link .overlay h3{margin:0; color:#e7c472;}
						#s-portefolio-main .col a.project-link .overlay hr{ width:80px; margin:30px 0 20px 0; border-width:1px; border-color:#e7c472;}
						#s-portefolio-main .col a.project-link .overlay p{padding-left:.8em; margin:0; color:#FFF; line-height:1.8em; font-family:'Neutra Text TF Alt', Arial, Helvetica, sans-serif; font-weight:300; font-size:1.4em; font-style:normal; letter-spacing:0.8em; text-transform:uppercase;}

body#projet section{z-index:1; margin-top:-1px;}
body#projet footer{z-index:1; margin-top:-1px;}

body#projet section{background:#fff;}
	body#projet section .col{background:#fff;}
		body#projet p{font-size:2.2em; line-height:1.75em;}

		body#projet p .btn-holder{display:block;}

/*#bottom-url{z-index:42; font-size:1rem; display:table; position:fixed; bottom:0; left:0; width:100%; height:100px; background:#000; text-align:center;}
	#bottom-url #bottom-url-int{display:table-cell; vertical-align:middle; width:100%; height:100%;}
		#bottom-url #bottom-url-int .btn{margin:0;}

.pulse{-webkit-animation:pulse 3s linear infinite; -moz-animation:pulse 3s linear infinite; -ms-animation:pulse 3s linear infinite; animation:pulse 3s linear infinite;}
@keyframes "pulse" {
0%{background-color:rgba(255, 255, 255, .25);}
50%{background-color:rgba(255, 255, 255, 0);}
100%{background-color:rgba(255, 255, 255, .25);}
}
@-moz-keyframes pulse {
0%{background-color:rgba(255, 255, 255, .25);}
50%{background-color:rgba(255, 255, 255, 0);}
100%{background-color:rgba(255, 255, 255, .25);}
}
@-webkit-keyframes "pulse" {
0%{background-color:rgba(255, 255, 255, .25);}
50%{background-color:rgba(255, 255, 255, 0);}
100%{background-color:rgba(255, 255, 255, .25);}
}
@-ms-keyframes "pulse" {
0%{background-color:rgba(255, 255, 255, .25);}
50%{background-color:rgba(255, 255, 255, 0);}
100%{background-color:rgba(255, 255, 255, .25);}
}*/


/* // SECTION / AGENCE ---------------------------------------------------------------------------------------------------- */
body#agence{}

body#agence img#img-logo{width:1080px; height:auto;}

section#s-agence-main{color:#FFF; background:url(../_img/fade_b.png) top repeat-x, url(../_img/agence_bg_1.jpg) center no-repeat; background-color:#000; background-size:auto 200px, cover;}
	#s-agence-main h2{color:#e7c472;}

section#s-agence-equipe{}
	#s-agence-equipe .infobox-link{display:inline-block; width:100%; font-style:normal; text-decoration:none; font-weight:normal;}
	#s-agence-equipe .infobox-int{display:table; width:100%;}
		#s-agence-equipe .infobox-cell{display:table-cell; vertical-align:middle;}
		#s-agence-equipe .infobox-img{width:200px; padding-right:40px;}
			#s-agence-equipe .infobox-img img{width:100%; height:auto;}
			#s-agence-equipe .infobox-desc h3{margin-bottom:15px;}
			#s-agence-equipe .infobox-cell p{margin-bottom:20px;}


/* // SECTION / CONTACT ---------------------------------------------------------------------------------------------------- */
body#contact{padding-top:560px; color:#FFF; background:url(../_img/contact_bg.jpg) top no-repeat; background-color:#000; background-size:100% auto;}

section#s-contact-main{}
	#s-contact-main #contact-infos{}
		#s-contact-main #contact-infos p{font-size:2.2em;}
		#s-contact-main #contact-infos #img-logo{width:280px; height:auto;}
		#s-contact-main #contact-infos .mar-smaller{margin-bottom:20px;}
		#s-contact-main #contact-infos .social-link{display:inline-block; margin-right:25px;}
			#s-contact-main #contact-infos .social-link .social-ico{width:42px; height:42px;}
				#s-contact-main #contact-infos .social-link .social-ico *{fill:#FFF; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
				#s-contact-main #contact-infos .social-link:hover .social-ico *{fill:#e7c472;}
	#s-contact-main #contact-form{}
		#s-contact-main #contact-form h2{text-align:left; margin-bottom:80px; font-weight:300; font-family:'Neutra Text', Arial, Helvetica, sans-serif; font-size:3.6em; color:#c2a97f;}


/* // FOOTER ---------------------------------------------------------------------------------------------------- */
footer#footer-copy{box-sizing:border-box; height:200px; background:#000;}
	footer a{display:inline-block;}
		footer a .projextra{display:block; width:60px; height:60px; opacity:.2; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
			footer a .projextra *{fill:#FFF;}
		footer a:hover .projextra{opacity:1;}


/* // TIPPED ---------------------------------------------------------------------------------------------------- */		
.tooltip{font-weight:700; font-style:italic; text-decoration:underline;}
.tooltip:hover{cursor:default;}

.tpd-skin-dark, .tpd-background{border:none !important;}
.tpd-tooltip{font-size:1rem !important;}
	.tpd-content{padding:20px !important; font-size:1.6em !important; line-height:1.5em !important;}


/* // FANCYBOX ---------------------------------------------------------------------------------------------------- */		
/*.fancybox-skin{box-shadow:none !important; background:#FFF !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important;}
	.fancybox-close{background:#124b98; top:0 !important; right:-40px !important; width:40px !important; height:40px !important; background:#FFF url(../_img/fancybox_btn.png) left top no-repeat !important; background-size:80px 120px !important;}
	.fancybox-close:hover{background:#124b98 url(../_img/fancybox_btn.png) right top no-repeat !important; background-size:80px 120px !important;}
	.fancybox-nav.fancybox-prev span{visibility:visible !important; left:0 !important; width:40px !important; height:40px !important; margin-top:-20px !important; background:#FFF url(../_img/fancybox_btn.png) left -40px no-repeat !important; background-size:80px 120px !important;}
	.fancybox-nav.fancybox-prev:hover span{background:#124b98 url(../_img/fancybox_btn.png) right -40px no-repeat !important; background-size:80px 120px !important;}
	.fancybox-nav.fancybox-next span{visibility:visible !important; right:0 !important; width:40px !important; height:40px !important; margin-top:-20px !important; background:#FFF url(../_img/fancybox_btn.png) left bottom no-repeat !important; background-size:80px 120px !important;}
	.fancybox-nav.fancybox-next:hover span{background:#124b98 url(../_img/fancybox_btn.png) right bottom no-repeat !important; background-size:80px 120px !important;}*/
	

/* **************************************************************************************************************************************************************************************************************** */
/* // RESPONSIVE -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* **************************************************************************************************************************************************************************************************************** */


/* // BREAKPOINT / 1910 ---------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1910px) {}


/* // BREAKPOINT / 1680 ---------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1680px) {

body#contact{padding-top:500px;}

}


/* // BREAKPOINT / 1440 ---------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1440px) {

section.s-platforme{}
	.s-platforme .col{padding-top:100px !important; padding-bottom:100px !important; padding-left:100px !important; padding-right:100px !important;}

body#contact{padding-top:420px;}

}


/* // BREAKPOINT / 1280 ---------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1280px) {}


/* // BREAKPOINT / 1024 TABLET HORIZONTAL ---------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1024px) {

.pad-header{padding-top:175px !important;}

h1{font-size:8em;}

q{font-size:6em;}
q.style-2{font-size:6em;}

#menu{}
	#menu ul#menu-main{font-size:3em;}
	#menu ul#menu-sub li.res-only{display:inline-block;}

header nav#nav-sub{display:table !important;}
header .nav-extra{display:none !important;}

.container.splitcenter{display:block;}
	.container.splitcenter .col{box-sizing:border-box; display:block;}

section.s-platforme{}
	.s-platforme .col{padding-top:80px !important; padding-bottom:0 !important; padding-left:50px !important; padding-right:50px !important;}
	.s-platforme .col.imgfull{padding-left:50px !important;}
		.s-platforme .platforme-screenshot{margin-bottom:60px !important;}

section#s-banner{height:850px;}
	#s-banner h2{font-size:6em;}

body#contact{padding-top:350px;}

footer#footer-copy{height:100px;}
	footer a .projextra{width:40px; height:40px;}

}


/* // BREAKPOINT / 768 TABLET VERTICAL ---------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 768px) {

h2{margin-bottom:60px;}

q br{display:none;}

section.s-quote{display:block !important; height:auto;}
	section.s-quote .btn{margin-top:0;}

section.s-btn{height:175px;}

section#s-agence-equipe{}
	#s-agence-equipe .infobox-int{display:block;}
		#s-agence-equipe .infobox-cell{display:block; text-align:center;}
		#s-agence-equipe .infobox-img{padding-right:0; width:100%;}
			
body#contact{padding-top:250px;}

}


/* // BREAKPOINT / 640 MOBILE ---------------------------------------------------------------------------------------------------- */
/*@media only screen and (min-device-width: 320px) and (max-device-width: 640px) {*/
@media only screen and (min-width: 320px) and (max-width: 640px) {

html{font-size:8px;}

.pad-header{padding-top:135px !important;}

h1{font-size:5em;}
h2{margin-bottom:40px; font-size:6em;}

q{font-size:6em;}

.btn{padding:20px 20px; width:100%;}

#scrollarrow{bottom:30px;}

#menu{}
	#menu ul#menu-main{font-size:3em;}
		#menu ul#menu-main li{margin:0 0 20px 0;}
		#menu ul#menu-sub li{margin:0 15px 0 0;}
				#menu ul#menu-sub a .ico{width:30px; height:30px;}
	#menu hr{margin:20px 0 20px 0;}

header nav{padding-left:30px; padding-right:30px;}
header nav#nav-main{height:75px; min-height:75px;}
header nav#nav-sub{height:60px; min-height:60px;}
		header ul{padding:0 25px 0 0; margin:0 25px 0 0;}
			header ul li{margin:0 25px 0 0;}
				header ul li.header-logo #logo-main{display:none;}
				header ul li.header-logo #logo-res{display:block;}

section#s-banner{height:550px;}
	#s-banner h2{margin-top:30px; font-size:4em;}

section#s-home-main{}
	#s-home-main #slogan{margin:42px 0 0 0; font-size:2.5em;}

section.s-platforme{}
			.s-platforme h2 img{height:auto; width:100%;}

body#contact{padding-top:200px;}

section#s-contact-main{}
	#s-contact-main #contact-infos{text-align:center;}
		#s-contact-main #contact-infos .social-link:last-of-type{margin-right:0;}
	#s-contact-main #contact-form{}
		#s-contact-main #contact-form h2{text-align:center;}
		#s-contact-main #contact-form input[type="submit"], input[type="button"]{display:block; width:100%;}

section#s-portefolio-main{}
			#s-portefolio-main .col a.project-link .overlay{display:none;}

}


/* // BREAKPOINT / 640 MOBILE ---------------------------------------------------------------------------------------------------- */
/*@media only screen and (min-device-width: 320px) and (max-device-width: 640px) {*/
@media handheld {
	.menu-music{display:none;}
}