@font-face {
	font-family: 'BrandonGrotesque';
	src: url('/font/brandongrotesque-bold-webfont.eot'); /* IE9 Compat Modes */
	src: url('/font/brandongrotesque-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('/font/brandongrotesque-bold-webfont.woff2') format('woff2'), /* Super Modern Browsers */  url('/font/brandongrotesque-bold-webfont.woff') format('woff'), /* Pretty Modern Browsers */  url('/font/brandongrotesque-bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */  url('/font/brandongrotesque-bold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
html, body {
	font-family: 'Ubuntu', sans-serif;
	color:#444444;
	background-color:#232323;
}
#error img {
	display:none;
	position:relative;
	float:left;	
	top:50%;
	left:50%;
	width:100%;
	height:auto;
	max-width:677px;
	-ms-transform:skewY(10deg) translate(-50%, -50%);
	-moz-transform:skewY(10deg) translate(-50%, -50%);
	-webkit-transform:skewY(10deg) translate(-50%, -50%);
	transform:skewY(10deg) translate(-50%, -50%);
}
#error #notfound {
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#error #notfound svg {
	-o-animation: noise 2s linear infinite;
	-webkit-animation: noise 2s linear infinite;
	-ms-animation: noise 2s linear infinite;
	-moz-animation: noise 2s linear infinite;
	animation: noise 2s linear infinite;
}

.container-skewed{
	-ms-transform:skewY(-10deg);
	-moz-transform:skewY(-10deg);
	-webkit-transform:skewY(-10deg);
	transform:skewY(-10deg);
	/*margin-bottom:9.5%;*/
}

#index section#main_slider .xCol,
#index section#main_intro .xCol,
#index section#vision_header .xCol,
#index section#approach_header	.xCol,
#index section#clients	.xCol,

#about section#header .xCol,
#about section#intro .xCol,
#about section#content .staff,
#about section#content .bureau,

#index section#vision_content .collapsed,
#index section#vision_content .expanded,
#index section#approach_content .collapsed,
#index section#approach_content .expanded { -ms-transform:skewY(10deg); -moz-transform:skewY(10deg); -webkit-transform:skewY(10deg); transform:skewY(10deg); }

section {
	position:relative;
	margin-top:-5px;
	box-sizing:border-box;
}


/*------------------------------------------------------------------------------------------------*/
/*--STAFF-----------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
.dlizotte{
	background-image: url('/img/portraits/dlizotte.jpg');
}
.dgagnon{
	background-image: url('/img/portraits/dgagnon.jpg');
}
.ncollin{
	background-image: url('/img/portraits/ncollin.jpg');
}
.jcpoudrier{
	background-image: url('/img/portraits/jcpoudrier.jpg');
}
.dcadorette{
	background-image: url('/img/portraits/dcadorette.jpg');
}
.dblouin{
	background-image: url('/img/portraits/dblouin.jpg');
}
.pbarclay{
	background-image: url('/img/portraits/pbarclay.jpg');
}
.jfilteau{
	background-image: url('/img/portraits/jfilteau.jpg');
}

/*------------------------------------------------------------------------------------------------*/
/*--BACKGROUND-COLORS-----------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
.bgSpringGreen {
	background-color:#00ffa9;
}
.bgMineShaft {
	background-color:#232323;
}
.bgWhite {
	background-color:#ffffff;
}
/*------------------------------------------------------------------------------------------------*/
/*--TEXTS-----------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
.main_title {
	font-size: 4em;
	font-weight: 100;
	margin-bottom:25px;
	padding:0 1em;
}
.main_text {
	font-size:1.2em;
	font-weight:100;
	line-height:35px;
	padding:0 8em;
}
.sub_title {
	font-size: 2.5em;
	font-weight: 100;
	margin-bottom:10px;
}
.sub_text {
	font-size:1.1em;
	font-weight:100;
	line-height:30px;
	padding:0 1.5em;
}
.funky_title {
	font-size: 4em;
    font-weight: 600;
    text-transform: uppercase;
	font-family: "BrandonGrotesque",sans-serif;
    -ms-transform: rotate(-10deg) skew(-18deg);
	-moz-transform: rotate(-10deg) skew(-18deg);
	-webkit-transform: rotate(-10deg) skew(-18deg);
	transform: rotate(-10deg) skew(-18deg);
}
/*------------------------------------------------------------------------------------------------*/
/*--ICONS-----------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
i {
	font-size:4em;
}
/*------------------------------------------------------------------------------------------------*/
/*--MENU------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
#menu {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	z-index:4000;
}
#menu .close {
	position:absolute;
	top:5px;
	right:5px;
	cursor:pointer;
	font-size:0.6em;
}
#menu .wrap {
	position:relative;
}
#menu .wrap.vertical_center {
	top:50%;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#menu ul li {
	color: #ffffff;
    font-size: 4em;
    font-weight: 500;
	text-align:center;
    text-transform: uppercase;
	font-family: "BrandonGrotesque",sans-serif;
	transform: rotate(-10deg) skew(-18deg);
}
#menu ul li.smaller {
	font-size: 2em;
}
#menu ul li a {
    color: #ffffff;
    transition: all 0.5s ease 0s;
}
#menu ul li a:hover {
	color:#444444;
}
#menu .phone {
	font-weight: 600;
}
/*------------------------------------------------------------------------------------------------*/
/*--BUTTONS---------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
section .black_button, section .springGreen_button {
	position:relative;
	float:left;
	display:block;
	left:50%;
	padding:20px 50px;
	margin-top:45px;
	text-transform:uppercase;
	
	-ms-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	
	-ms-transition: background-color 0.5s ease;
	-moz-transition: background-color 0.5s ease;
	-webkit-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
}
section .black_button {
	color: #ffffff;
	background-color: #444444;
}
section .springGreen_button {
	color: #ffffff;
	background-color: #00ffa9;
}

section .black_button:hover, section .springGreen_button:hover {
	-ms-transition: background-color 0.5s ease;
	-moz-transition: background-color 0.5s ease;
	-webkit-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
}
section .black_button:hover {
	background-color: #222222;
}
section .springGreen_button:hover {
	background-color: #222222;
}
/*
section .black_button:after, section .springGreen_button:after {
    content:"";
	position:absolute;
	top:50%;
	left:50%;
    width:60px;
    height:60px;
    border-radius:50%;
	margin:-30px 0 0 -30px;
    background-color:transparent;
	
	-ms-animation:pulse 2s infinite;
	-moz-animation:pulse 2s infinite;
    -webkit-animation:pulse 2s infinite;
    animation:pulse 2s infinite;
}
section .black_button:after {
	border:1px solid #444444;
}
section .springGreen_button:after {
    border:1px solid #00ffa9;
}
section .black_button:hover:after, section .springGreen_button:hover:after {
    display:none;
}
*/
section#vision_content .springGreen_button {
	margin-top:0;
}
/*------------------------------------------------------------------------------------------------*/
/*--INDEX-----------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
#index section#main_slider {
	height:100vh;
}
#index section#main_slider .xCol {
	padding:0;
}
#index section#main_slider .parallax-container {
	position: relative;
	width:100%;
	height:100vh;
	overflow: hidden;
}
#index section#main_slider .parallax-container .parallax {
	position: absolute;
	width: 100%;
	text-align:center;
}
#index section#main_slider .parallax-container .text {
	top:50%;
	font-size:5em;
	color:#00ffa9;
    font-family: "BrandonGrotesque",sans-serif;
    font-weight: 600;
    line-height: 1em;
    text-transform: uppercase;
    -ms-transform: rotate(350deg) scale(1) skew(-18deg) translate(0,-50%);
	-moz-transform: rotate(350deg) scale(1) skew(-18deg) translate(0,-50%);
	-webkit-transform: rotate(350deg) scale(1) skew(-18deg) translate(0,-50%);
	transform: rotate(350deg) scale(1) skew(-18deg) translate(0,-50%);
}
#index section#main_slider .parallax-container .parallax1 {
	background:transparent url('/img/slider/slide_js.png') no-repeat center bottom;	
	background-size: contain;
	height:100%;
	width:100%;
}
/*------------------------------------------------------------------------------------------------*/
header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:1000;
	box-sizing:border-box;
}
header a.menu {
	float:right;
	font-size:0.35em;
	margin:13px 25px 0 0;
}
header a.logo {
	float:left;
	margin-left:25px;
}
header a, header a:hover, header a:active, header a:visited,
footer a, footer a:hover, footer a:active, footer a:visited {
	color:#ffffff;
	cursor:pointer;
	text-decoration:none;
}
/*------------------------------------------------------------------------------------------------*/
#index section#main_intro {
	margin-top:-10%;
	padding:100px 0 ;
	text-align:center;
}
/*------------------------------------------------------------------------------------------------*/

#index section#vision_header {
	padding:120px 0;
	overflow:hidden;
	text-align:center;
}
#index section#vision_header .icon{
	position:absolute;
	top:45%;
	left:50%;
    color:#ffffff;
    font-size:5.2em;
	-ms-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
#index section#vision_content .xCol {
	padding:0;
	background:#2c2d2d;
}
#index section#vision_content article {
	position:relative;
	height:400px;
	padding:10% 0;
	box-sizing:border-box;
}
#index section#vision_content article .collapsed, #index section#vision_content article .expanded {
	position:absolute;
	width:100%;
	color:#ffffff;
	font-size:1.2em;
}
#index section#vision_content article .expanded {
	display:none;
}
#index section#vision_content article .collapsed .wrap, #index section#vision_content article .expanded .wrap {
	position:relative;
	top:50%;
	text-align:center;
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
#index section#vision_content article .expanded .text {
	padding:1em;
	color:#444444;
	font-size:1.5em;
	font-weight:100;
	line-height:1em;
	text-align:center;
	text-transform:uppercase;
	font-family: 'Ubuntu', sans-serif;
}
#index section#vision_content article .iconCircle {
	display: table;
	width: 80px;
	height: 80px;
	font-size: 80%;
	color: #00ffa9;
	text-align: center;
	border-radius: 100%;
	margin: auto auto 1em auto;
	border: 1px solid #FFF;
}
#index section#vision_content article .iconCircle span {
	vertical-align: middle;
	display: table-cell;
	font-size: 3em;
	font-weight: 100;
}
/*------------------------------------------------------------------------------------------------*/

#index section#approach_header {
	padding:120px 0;
	text-align:center;
}
#index section#approach_content {
	background:#ffffff;
	overflow:hidden;
}
#index section#approach_content .xCol {
	padding:0;
	background:#ffffff;
}
#index section#approach_content article {
	position:absolute;
	width:100%;
	height:300px;
	padding:10% 0;
	box-sizing:border-box;
	background-color:#ececec;
}
/*
#index section#approach_content article:after {
	content:"";
	position:absolute;
	top:0;
	right:-3px;
	height:100%;
	width:6px;
	background-color:#ececec;
}
*/
#index section#approach_content article .collapsed, #index section#approach_content article .expanded {
	position:relative;
	height:100%;
}
#index section#approach_content article .expanded {
	display:none;
}
#index section#approach_content article .collapsed .title, #index section#approach_content article .expanded .title  {
    position:absolute;
	top:50%;
	left:50%;
	color: #444444;
    font-weight: 600;
    text-transform: uppercase;
    -ms-transform: rotate(-10deg) scale(1) skew(-18deg) translate(-50%,-50%);
	-moz-transform: rotate(-10deg) scale(1) skew(-18deg) translate(-50%,-50%);
	-webkit-transform: rotate(-10deg) scale(1) skew(-18deg) translate(-50%,-50%);
	transform: rotate(-10deg) scale(1) skew(-18deg) translate(-50%,-50%);
	font-family: "BrandonGrotesque",sans-serif;
}
#index section#approach_content article .collapsed .title {
	font-size: 2.8em;
}
#index section#approach_content article .expanded .title {
	font-size: 2em;
}
#index section#approach_content article .expanded .text  {
    color: #444444;
    font-family: "Ubuntu",sans-serif;
    font-weight: 100;
    padding: 0 1em;
	font-size: 1.2em;
    text-align: center;
    text-transform: none;
}
#index section#approach_content article .collapsed .icon {
    position:absolute;
	top:50%;
	left:50%;
	color: #00ffa9;
	font-size: 2.5em;
}

#index section#approach_content article .expanded .icon {
	position:relative;
	float:left;
	left:50%;
	color: #ffffff;
	font-size: 2em;
}
#index section#approach_content article .expanded .wrap{
	position:relative;
}
#index section#approach_content article .collapsed .icon.baguette {
	-ms-transform:		translate(-50%,-50%) rotate(10deg);
	-moz-transform:		translate(-50%,-50%) rotate(10deg);
	-webkit-transform:	translate(-50%,-50%) rotate(10deg);
	transform:			translate(-50%,-50%) rotate(10deg);
}
#index section#approach_content article .collapsed .icon.phone {
	-ms-transform:		translate(-50%,-45%) rotate(-20deg);
	-moz-transform:		translate(-50%,-45%) rotate(-20deg);
	-webkit-transform:	translate(-50%,-45%) rotate(-20deg);
	transform:			translate(-50%,-45%) rotate(-20deg);
}
#index section#approach_content article .collapsed .icon.manette {
	-ms-transform:		translate(-50%,-50%) rotate(15deg);
	-moz-transform:		translate(-50%,-50%) rotate(15deg);
	-webkit-transform:	translate(-50%,-50%) rotate(15deg);
	transform:			translate(-50%,-50%) rotate(15deg);
}
#index section#approach_content article .collapsed .icon.graph {
	-ms-transform:		translate(-50%,-50%) rotate(10deg);
	-moz-transform:		translate(-50%,-50%) rotate(10deg);
	-webkit-transform:	translate(-50%,-50%) rotate(10deg);
	transform:			translate(-50%,-50%) rotate(10deg);
}
#index section#approach_content article .collapsed .icon.cassette {
	-ms-transform:		translate(-50%,-45%) rotate(10deg);
	-moz-transform:		translate(-50%,-45%) rotate(10deg);
	-webkit-transform:	translate(-50%,-45%) rotate(10deg);
	transform:			translate(-50%,-45%) rotate(10deg);
}
#index section#approach_content article .collapsed .icon.bulb {
	-ms-transform:		translate(-50%,-50%) rotate(-25deg);
	-moz-transform:		translate(-50%,-50%) rotate(-25deg);
	-webkit-transform:	translate(-50%,-50%) rotate(-25deg);
	transform:			translate(-50%,-50%) rotate(-25deg);
}
#index section#approach_content article .expanded .icon.baguette {
	-ms-transform:		translateX(-50%) rotate(10deg);
	-moz-transform:		translateX(-50%) rotate(10deg);
	-webkit-transform:	translateX(-50%) rotate(10deg);
	transform:			translateX(-50%) rotate(10deg);
}
#index section#approach_content article .expanded .icon.phone {
	-ms-transform:		translateX(-50%) rotate(-20deg);
	-moz-transform:		translateX(-50%) rotate(-20deg);
	-webkit-transform:	translateX(-50%) rotate(-20deg);
	transform:			translateX(-50%) rotate(-20deg);
}
#index section#approach_content article .expanded .icon.manette {
	-ms-transform:		translateX(-50%) rotate(15deg);
	-moz-transform:		translateX(-50%) rotate(15deg);
	-webkit-transform:	translateX(-50%) rotate(15deg);
	transform:			translateX(-50%) rotate(15deg);
}
#index section#approach_content article .expanded .icon.graph {
	-ms-transform:		translateX(-50%) rotate(10deg);
	-moz-transform:		translateX(-50%) rotate(10deg);
	-webkit-transform:	translateX(-50%) rotate(10deg);
	transform:			translateX(-50%) rotate(10deg);
}
#index section#approach_content article .expanded .icon.cassette {
	-ms-transform:		translateX(-50%) rotate(10deg);
	-moz-transform:		translateX(-50%) rotate(10deg);
	-webkit-transform:	translateX(-50%) rotate(10deg);
	transform:			translateX(-50%) rotate(10deg);
}
#index section#approach_content article .expanded .icon.bulb {
	-ms-transform:		translateX(-50%) rotate(-25deg);
	-moz-transform:		translateX(-50%) rotate(-25deg);
	-webkit-transform:	translateX(-50%) rotate(-25deg);
	transform:			translateX(-50%) rotate(-25deg);
}
/*------------------------------------------------------------------------------------------------*/
#index section#clients {
	padding:120px 10%;
	text-align:center;
}
#index section#clients .text {
	color: #00ffa9;
	font-size:4em;
	font-weight:100;
}
#index section#clients .text:after {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #00ffa9 50%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
    content: "";
    display: block;
    height: 1px;
    margin: 1em auto;
    width: 25%;
}
#index section#clients #owl-carrousel .item{
	margin:5px 7px 5px 3px;
}
#index section#clients #owl-carrousel .item img{
	display: block;
	width: 100%;
	height: auto;
}

/*------------------------------------------------------------------------------------------------*/
/*--ABOUT-----------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
#about section#header .xCol {
	position:relative;
	height:720px;
	margin: 0 auto;
	overflow: hidden;
	background:transparent url('/img/about.jpg') no-repeat center center;	
}
#about section#header .title{
	position:absolute;
	top:40%;
	left:50%;
	color:#00ffa9;
	font-size:3em;
	font-weight: 600;
	text-align:center;
    text-transform: uppercase;
	font-family: "BrandonGrotesque",sans-serif;
    -ms-transform: rotate(-10deg) skew(-18deg) translate(-50%, -50%);
	-moz-transform: rotate(-10deg) skew(-18deg) translate(-50%, -50%);
	-webkit-transform: rotate(-10deg) skew(-18deg) translate(-50%, -50%);
	transform: rotate(-10deg) skew(-18deg) translate(-50%, -50%);

}
#about section#intro {
	margin-top:-10%;
	padding:105px 0;
	text-align:center;
}

#about section#content .xCol {
	padding:0;
	margin:0;
}

#about section#content .rowbig .xCol {
	height:720px;
}
#about section#content .rowsmall .xCol {
	height:360px;
}

#about section#content .bureau {
	position:absolute;
	top:-20%;
	height:140%;
	width:100%;
}
#about section#content .bureau1 {
	background:transparent url('/img/bureau.jpg') no-repeat;
	background-size: cover;
}
#about section#content .bureau2 {
	background:transparent url('/img/bureau2.jpg') no-repeat;
	background-size: cover;
}
#about section#content .bureau3 {
	background:transparent url('/img/bureau3.jpg') no-repeat;
	background-size: cover;
}
#about section#content .bureau4 {
	background:transparent url('/img/bureau4.jpg') no-repeat;
	background-size: cover;
}
#about section#content .bureau1:after, #about section#content .bureau3:after {
	position:absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: rgba(0, 255, 169, 0.5);
}
	
#about section#content #mission {
	position:relative;
	top:50%;
	padding:10% 0;
	text-align:center;
	-ms-transform: skewY(10deg) translateY(-50%);
	-moz-transform: skewY(10deg) translateY(-50%);
	-webkit-transform: skewY(10deg) translateY(-50%);
	transform: skewY(10deg) translateY(-50%);
}
#about section#content .sub_text {
	margin-bottom:5px;
}
#about section#content .staff {
	position:relative;
	height:360px;
	cursor:pointer;
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
}
#about section#content .staff .wrap {
	position:relative;
	top:50%;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#about section#content .staff .wrap .name, #about section#content .staff .wrap .job {
	line-height:1em;
	text-align:center;
	text-transform: uppercase;
	font-family: "BrandonGrotesque",sans-serif;
	-ms-transform: rotate(-12deg) skew(-18deg);
	-moz-transform: rotate(-12deg) skew(-18deg);
	-webkit-transform: rotate(-12deg) skew(-18deg);
	transform: rotate(-12deg) skew(-18deg);
	
	-ms-transition: transforme ease-in-out 0.3s;
	-moz-transition: transform ease-in-out 0.3s;
	-webkit-transition: transform ease-in-out 0.3s;
	transition: transform ease-in-out 0.3s;
}
#about section#content .staff:hover .wrap .name, #about section#content .staff:hover .wrap .job {
	-ms-transform: rotate(-12deg) skew(-18deg) scale(1.25);
	-moz-transform: rotate(-12deg) skew(-18deg) scale(1.25);
	-webkit-transform: rotate(-12deg) skew(-18deg) scale(1.25);
	transform: rotate(-12deg) skew(-18deg) scale(1.25);
}
#about section#content .staff .wrap .name {
    color: #00ffa9;
    font-size: 2.8em;
    font-weight: 600;
    margin-bottom: 0.5em;
}
#about section#content .staff .wrap .job {
    color: #fff;
	font-size:1.2em;
    font-weight: 300;
}
/*------------------------------------------------------------------------------------------------*/
/*--FOOTER----------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
footer {
	overflow:hidden;
}
footer .willyoudare {
	padding:10% 0;
	color:#00ffa9;
	text-align:center;
}
footer .icons {
	margin-top:12%;
	color:#ffffff;
}
footer .icons .col-sm-4 {
	line-height:75px;
}
footer .icons a {
	display:block;
	position:relative;
}
footer .icons a .text{
	margin-left:5px;
	float:left;
	font-size:1.2em;
}
footer .icons .circle {
	float: left;
	width: 75px;
	height: 75px;
	color: #00ffa9;
	display: table;
	font-size: 0.8em;
	margin-right: 0.5em;
	border-radius: 100%;
	background-color: #555454;
}
footer .icons .circle i {
	vertical-align: middle;
	display: table-cell;
	font-size: 3em;
}
footer .ple {
	position:relative;
	background-color: #02ebfb;
	padding:25px;
}

footer .ple .logo {
	display:block;
	width:140px;
	height:auto;
	margin:0 auto;
	
}
footer .ple .text {
	margin-top:25px;
	font-size:32px;
	font-weight: 600;
	text-align:center;
	text-transform:uppercase;
	font-family: 'BrandonGrotesque', sans-serif;
}
footer .ple .cloud {
	display:block;
	position:absolute;
	width:15%;
	height:auto;
    -webkit-animation: hover 2.5s infinite;
    -moz-animation:    hover 2.5s infinite;
    -o-animation:      hover 2.5s infinite;
    animation:         hover 2.5s infinite;
}
footer .ple .cloud1 {
	top:-18%;
	left:2.5%;
    animation-duration: 6s;
	-webkit-animation-duration: 6s;
}
footer .ple .cloud2 {
	top:25%;
	left:18%;
    animation-duration: 7s;
    -webkit-animation-duration: 6s;
}
footer .ple .cloud3 {
	top:25%;
	right:18%;
    animation-duration: 8s;
    -webkit-animation-duration: 6s;
}
footer .ple .cloud4 {
	top:-10%;
	right:2.5%;
   animation-duration: 7s;
   -webkit-animation-duration: 6s;	
}

footer .contact {
	color:#444444;
	padding:2em 0;
	text-align: center;
	background:#ffffff;
}

footer .phone {
	font-weight: 600;
}

footer .address {}

footer .copyright {
    padding:1em 0;
	color: #696969;
	font-size: 1em;
    text-align: center;
	background:#444444;
}
/*------------------------------------------------------------------------------------------------*/


@-o-keyframes hover {
    0% {
        -o-transform: translate(0px, 0px);
    }
    50% {
        -o-transform: translate(0px, 20px);
    }
    100% {
        -o-transform: translate(0px, 0px);
    }
}
@-webkit-keyframes hover {
    0% {
        -webkit-transform: translate(0px, 0px);
    }
    50% {
       -webkit- transform: translate(0px, 20px);
    }
    100% {
        -webkit-transform: translate(0px, 0px);
    }
}
@-moz-keyframes hover {
    0% {
        -moz-transform: translate(0px, 0px);
    }
    50% {
        -moz-transform: translate(0px, 20px);
    }
    100% {
        -moz-transform: translate(0px, 0px);
    }
}
@-ms-keyframes hover {
    0% {
        -ms-transform: translate(0px, 0px);
    }
    50% {
        -ms-transform: translate(0px, 20px);
    }
    100% {
       -ms-transform: translate(0px, 0px);
    }
}
@keyframes hover {
    0% {
        transform: translate(0px, 0px);
    }
    50% {
        transform: translate(0px, 20px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}
/*----------------------------------------------------------------------------------------------------------------------*/
@-o-keyframes pulse {
    0%, 50% {
        opacity: 1;
        -o-transform: scale(1);
    }
    100% {
        opacity: 0;
        -o-transform: scale(1.6);
    }
}
@-webkit-keyframes pulse {
    0%, 50% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.6);
    }
}
@-moz-keyframes pulse {
    0%, 50% {
        opacity: 1;
        -moz-transform: scale(1);
    }
    100% {
        opacity: 0;
        -moz-transform: scale(1.6);
    }
}
@-ms-keyframes pulse {
    0%, 50% {
        opacity: 1;
       -ms-transform: scale(1);
    }
    100% {
        opacity: 0;
        -ms-transform: scale(1.6);
    }
}
@keyframes pulse {
    0%, 50% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1.6);
    }
}
/*----------------------------------------------------------------------------------------------------------------------*/
@-o-keyframes noise {
	0%, 3%, 5%, 42%, 44%, 100% { -o-transform: scaleY(1); }  
	4.3% { -o-transform: scaleY(1.7); }
	43% { -o-transform: scaleX(1.5); }

}
@-webkit-keyframes noise {
	0%, 3%, 5%, 42%, 44%, 100% { -webkit-transform: scaleY(1); }  
	4.3% { -webkit-transform: scaleY(1.7); }
	43% { -webkit-transform: scaleX(1.5); }
}
@-moz-keyframes noise {
	0%, 3%, 5%, 42%, 44%, 100% { -moz-transform: scaleY(1); }  
	4.3% { -moz-transform: scaleY(1.7); }
	43% { -moz-transform: scaleX(1.5); }

}
@-ms-keyframes noise {
	0%, 3%, 5%, 42%, 44%, 100% { -ms-transform: scaleY(1); }  
	4.3% { -ms-transform: scaleY(1.7); }
	43% { -ms-transform: scaleX(1.5); }

}
@keyframes noise {
	0%, 3%, 5%, 42%, 44%, 100% { transform: scaleY(1); }  
	4.3% { transform: scaleY(1.7); }
	43% { transform: scaleX(1.5); }
}
/*----------------------------------------------------------------------------------------------------------------------*/
#JSHack {display:none; float:left;}

@media (min-width:768px){
	#JSHack {display:none; float:right;}
	
	#index section#vision_content .xCol {
		height:400px;
	}
	#index section#approach_content .xCol {
		height:300px;
	}
	#index section#approach_content .approach_top article {
		top:0;
	}
	#index section#approach_content .approach_bot article {
		bottom:0;
	}
	#index section#clients #owl-carrousel .item:before {
		background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #00ffa9 50%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
		color: #fff;
		content: "";
		display: block;
		height: 100%;
		position: absolute;
		right: 4px;
		top: 0;
		width: 1px;
	}
	footer .icons .a1 {
		float:right;
	}
	footer .icons .a2 {
		float:left;
		left:50%;
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	footer .icons .a3 {
		float:left;
	}
}

@media (max-width:767px){


	.main_title {
		font-size: 2.2em;
		margin-bottom:25px;
		padding:0;
	}
	.main_text {
		font-size:1.2em;
		font-weight:100;
		line-height:35px;
		padding:0 0.5em;
	}
	.sub_title {
		font-size: 2.5em;
		font-weight: 100;
		margin-bottom:10px;
	}
	.sub_text {
		font-size:1.1em;
		font-weight:100;
		line-height:30px;
		padding:0 10%;
	}
	.funky_title {
		font-size: 2.5em;
		font-weight: 600;
	}
	
	#menu ul li {
		color: #ffffff;
		font-size: 2.4em;
		font-weight: 500;
		text-align:center;
		text-transform: uppercase;
		font-family: "BrandonGrotesque",sans-serif;
		transform: rotate(-10deg) skew(-18deg);
	}
	#menu ul li.smaller {
		font-size: 1.2em;
	}
	
	#index section#vision_header .icon {
		font-size:3.5em;
	}
	
	#index section#main_slider .parallax-container .text {
		font-size:2.2em;
	}
	#index section#vision_content article .expanded .text {
		padding:0.5em;
	}
	
	#index section#approach_content article .expanded .text {
		padding:0.5em;
	}
	#index section#approach_content article {
		position:relative;
	}
	#index section#clients .text {
		font-size:2.5em;
	}
	footer#main_slider .parallax-container .text {
		font-size:3em;
	}
	footer .icons a {
		margin-bottom:15px;
	}
	footer .icons .a1, footer .icons .a2, footer .icons .a3 {
		float:left;
		left:50%;
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}
@media screen  and (min-width:1981px) {
	#about section#header .xCol {
		background-size: cover;
	}
}