html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, main{
	margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
	}

body{
	margin:0;
	padding: 0;
	background:#092e3f;
	line-height:18px;
	font: normal 14px Arial, Helvetica, sans-serif;
}
@font-face {
	font-family: 'EngraversGothic BT';
	src: url('../fonts/EngraversGothicBT-Regular.eot');
	src: url('../fonts/EngraversGothicBT-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/EngraversGothicBT-Regular.woff') format('woff'),
		url('../fonts/EngraversGothicBT-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {font-family: "Calluna Sans W01 Regular";
  src: url("../fonts/ef7d8501392a1d535e760b68aa5e5141.eot"); /* IE9*/
  src: url("../fonts/ef7d8501392a1d535e760b68aa5e5141.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/ef7d8501392a1d535e760b68aa5e5141.woff2") format("woff2"), /* chrome?firefox */
  url("../fonts/ef7d8501392a1d535e760b68aa5e5141.woff") format("woff"), /* chrome?firefox */
  url("../fonts/ef7d8501392a1d535e760b68aa5e5141.ttf") format("truetype"), /* chrome?firefox?opera?Safari, Android, iOS 4.2+*/
  url("../fonts/ef7d8501392a1d535e760b68aa5e5141.svg#Calluna Sans W01 Regular") format("svg"); /* iOS 4.1- */
}


.logo{
	width: 344px;
	position: fixed;
	top: -21px;
	left: -76px;
	height: 107px;
	background: #ececec;
	z-index: 300;
	-webkit-transform: skewX(-55deg) rotate(3deg);
	-moz-transform: skewX(-55deg) rotate(3deg);
	-ms-transform: skewX(-55deg) rotate(3deg);
	-o-transform: skewX(-55deg) rotate(3deg);
	transform: skewX(-55deg) rotate(3deg);
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}

.menu {
	cursor: pointer;
	position: fixed;
	top: 16;
	left: 40;
	width: 60px;
	height: 60px;
	z-index: 400;
	opacity: 0;
}
.menu div {
	position: absolute;
	width: 22px;
	height: 3px;
	background-size: 30px 5px;
	background-color: #0d435c;
}
.ligne1 {
	top: 22px;
	left: 15px;
}
.ligne2 {
	top: 28px;
	left: 15px;
}
.ligne3 {
	top: 34px;
	left: 15px;
}

.see-bottom{
	width:60px;
	height:60px;
	background:url(../images/icon_arrow.png) left top no-repeat;
	margin: 10px auto 0 auto;
	position: relative;
	-webkit-animation: arrow 1s infinite;
	-moz-animation: arrow 1s infinite;
	-o-animation: arrow 1s infinite;
	animation: arrow 1s infinite;
	cursor:pointer;
	display: block;
	background-size: 100%;
	}
@-webkit-keyframes arrow{
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(20px);
	}
	75% {
		transform: translateX(0);
	}
}
.logo span, .nav span.proto{
	color: #4a86a1;
	font: bold 24px arial;
	display: block;
	float: right;
	text-indent: -23px;
	line-height: 24px;
	text-transform: uppercase;
	-webkit-transform: skewX(-58deg) rotate(-3deg);
	-moz-transform: skewX(-58deg) rotate(-3deg);
	-ms-transform: skewX(-58deg) rotate(-3deg);
	-o-transform: skewX(-58deg) rotate(-3deg);
	transform: skewX(58deg) rotate(-3deg);
	margin: 34px 57px 0 0;
}
.nav span.proto{
		margin-right: 0;
	-webkit-transform: skewX(13deg) rotate(0deg);
	-moz-transform: skewX(12deg) rotate(0deg);
	-ms-transform: skewX(12deg) rotate(0deg);
	-o-transform: skewX(12deg) rotate(0deg);
	 transform: skewX(12deg) rotate(0deg);
	width: 230px;
	height: 48px;
}
.logo span{
	width: 170px;
	text-indent: 0 !important; 
	margin: 37px 44px 0 0 !important;
}
.logo span img, .nav span.proto img {
	max-width: 100%;
}
.main-wrapper{
	/*min-height: 1000px;
	margin-bottom: 150px;*/
}

.home-wrapper{
	width: 100%;
	height:75%;
	min-height: 75%;
	/*background: #092e3f;*/
	
}
.img-box{
	width: 646px;
	height: 372px;
	position: absolute;
}
.bottom-img{
	overflow:hidden;
	padding-top: 60px;
	display: block;
}

.backfill{
	background: #fff;
}

.bottom-wrapper{
	font-weight: 200;
	text-align: right;
	color: #fff;
	height: 404px;
	width: 100%;
	background: #111;
	background:url(../images/bg_home_01.png) left -51px repeat-x #ececec;
	-webkit-transform: skewX(5deg);
	-moz-transform: skewX(5deg);
	-ms-transform: skewX(5deg);
	-o-transform: skewX(5deg);
	transform: skewY(5deg);
	margin-bottom: -60px;
}



.noir, .noirProfil {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 500;
	background: #000;
	opacity: 0;
	cursor: pointer;
}
.nav {
	font-weight: 200;
	text-align: right;
	color: #fff;
	position: fixed;
	top: 0;
	left: -545px;
	height: 100%;
	width: 409;
	background: #ececec;
	z-index: 900;
	-webkit-transform: skewX(-12deg);
	-moz-transform: skewX(-12deg);
	-ms-transform: skewX(-12deg);
	-o-transform: skewX(-12deg);
	transform: skewX(-12deg);
}

.close{
	width: 48px;
	height: 49px;
	background: url(../images/icon_close.png) 17px 14px no-repeat;
	float: right;
	cursor: pointer;
	transform: skewX(12deg);
}

.projets {
	position: absolute;
	top: 40%;
	width: 100%;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 40px;
}
.projets  ul li{
	margin:0;
	padding:0;
	list-style: none;
	}
.projets a {
	text-decoration: none;
	margin:-1px 60px 0 0;
	cursor: pointer;
	text-transform: capitalize;
	display: inline-block;
	padding-left: 20px;
	color: #000;
	font-size: 26px;
	font-family: 'EngraversGothic BT';
		-webkit-transition: all .55s cubic-bezier(.25,.8,.25,1); 
   transition: all .55s cubic-bezier(.25,.8,.25,1); 
}
.lang-wrapper{
	width: 940px;
	margin: 0 auto;
	-webkit-transform: skewX(-5deg);
	-moz-transform: skewX(-5deg);
	-ms-transform: skewX(-5deg);
	-o-transform: skewX(-5deg);
	transform: skewY(-5deg);
	margin-top: 30px;
}
.lang-logos{
	width: 107px;
	display: inline-block;
	margin: 0 20px;
}

.home-text{
	font-size: 24px;
	color: #fffefe;
	text-align: center;
	/*padding: 0 0 40px 0;
	margin:180px auto 0 auto*/
}
.home-text h3{
	font: normal 50px arial;
	margin: 180px 0 40px 0;
	display: inline-block;
	}
.home-text ul{
	
	}
.home-text ul li{
	display: inline-block;
	vertical-align: middle;
	margin:0 0 0.5em 0.2em;
	}
.home-text ul li i:before{
	margin-right: 2em;
	font-size: 7px;
}

.home-text ul li:first-child i:before{
	display:none;
	}

.clear{
	clear: both;
}

.message{
	width: 570px;
	margin: 0 auto;
}
.message h2{
	font: normal 21px arial;
	color: #b5b5b5;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.message input, textarea{
	background: none;
	border-left: 2px solid #b5b5b5;
	border-bottom: 2px solid #b5b5b5;
	border-top: none;
	border-right: none;
}

.message input:focus, textarea:focus{
	outline: none;
	border-left: 2px solid #b5b5b5;
	border-bottom: 2px solid #b5b5b5;
	color: #b5b5b5;
}

.message input{
	width: 232px;
	height: 28px;
	margin-right: 35px;
	font: normal 18px arial;
	color: #b5b5b5;
	padding-left: 5px;
}

.message  textarea{
	width: 504px;
	height: 76px;
	resize: none;
	margin-top: 12px;
	font: normal 18px arial;
	color: #b5b5b5;
}

.message button{
	background: url(../images/send.jpg) no-repeat;
	border: 0 none;
	width: 153px;
	height: 37px;
	cursor: pointer;
	float: right;
	margin: 10px 57px 0 0;
}
.message button:focus{
	outline: none;
}

.tech-outer{}
.tech-outer{
	width:33.3%;
	float:left;	
	min-height:258px;
	color:#fffefe;
	text-align:center;
	}
.tech-outer span{
	width:104px;
	height:74px;
	margin:52px auto 0 auto;
	display:inline-block;
}

.tech-outer h3{
	font:24px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:10px 0;
	}
.tech-outer.bg-col-01{background:#0b384b;}
.tech-outer.bg-col-01 span{ background:url(../images/icon_design.png) center center no-repeat;}
.tech-outer.bg-col-02{background:#0a3345;}
.tech-outer.bg-col-02 span{ background:url(../images/icon_code.png) center center no-repeat;}
.tech-outer.bg-col-03{ background:#092e3f;}
.tech-outer.bg-col-03 span{ background:url(../images/icon_reponsive.png) center center no-repeat;}
.about{
	padding:20px 0 50px 0;
	float:left;
	background: #fff;
	}
.about h3 {
	font: bold 28px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
	color: #363940;
   /* margin-bottom: 120px;*/
	padding-bottom: 10px;
}

.tech{
	width: 18%;
	float:left;
	padding-left: 7%;
	text-align:left;
	}
.tech h4{
	font:24px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:10px 0;
	color: #363940;
	}
footer{ 
	background:#ececec;
	padding:10px 0;
	width:100%;
	text-align:center;
	}
	
/*-----About me------*/

.content-area{
	color: #fff;
	float: left;
	background: #fff;
}

.content-inner{
	float: left;
	width: 100%;
}
	
.inner-container h3{
	font:bold 28px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color: #363940;
	text-align: left;
	position: relative;
}

.inner-container{
	padding: 0 5% 120px 5%;
	float: left;
	background: #fff;
}

.about p{
	color: #363940;
	font-family: "Calluna Sans W01 Regular";
	font-size: 22px;
	line-height: 30px; 
	margin-top: 35px;
}
.about#aboutme p{
	line-height: 27px;
	margin-top: 12px;
	font-size: 21px;
	}
.about#aboutme .tech{
	text-align: center;
}

.about#aboutme h3 {
	margin-bottom: 120px;
	position: relative;
}

.tech img{
	margin: 10px 0;
}

.about#aboutme h3:after{
	height: 4px;
	width: 10%;
	content: "";
	bottom: -3px;
	left: 45%;
	background: #060606;
	position: absolute;
}

header{
	width: 100%;
	overflow: hidden;
	min-height: 250px;
	height: 250px;
	position: relative;
	font-size: 24px;
	color: #fffefe;
	text-align: center;
	background: #092e3f;
}

header h3{
	font: normal 50px arial;
	padding: 40px 0 10px 0;
	display: inline-block;
	position: relative;
	}

header h3:after{
	position: absolute;
	content: '';
	height: 4px;
	background-color: #fffefe;
	width: 100%;
	margin: 0 auto;
	clear: both;
	bottom: 0;
	left: 0;
	right: 0;
	}
	
header:after {
	-moz-transform: skewY(3deg);
	-ms-transform: skewY(3deg);
	-webkit-transform: skewY(3deg);
	transform: skewY(3deg);
	height: 135px;
	width: 100%;
	content: "";
	bottom: -70px;
	left: 0;
	background: #fff;
	position: absolute;
}

.fade {
  transition: 1s linear all;
  -webkit-transition: 1s linear all;
}

.fade.ng-enter {
  opacity: 0;
}

.innerpage{
	font-family: 'Calluna Sans W01 Regular';
}

.inner-header{
	min-height: 272px;
	width: 100%;
	background:#092e3f;
	-webkit-transform: skewX(5deg);
	-moz-transform: skewX(5deg);
	-ms-transform: skewX(5deg);
	-o-transform: skewX(5deg);
	transform: skewY(5deg);
}

/*-----About me------*/
.container-img{
	margin-top: 30px;
}

.collage {
	width: 33.33%;
	max-height: 315px;
	float: left;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	-moz-transition: background-size 1.2s;
	-o-transition: background-size 1.2s;
	-webkit-transition: background-size 1.2s;
	transition: background-size 1.2s;
}

.collage:hover {
	background-size: 125% 125%;
}

.collage img {
	max-width: 100%;
	display: block;
}

.collage:hover .box-text-inner {
	background-color: #286a88;
}

.collage .box-text-inner {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	text-align: center;
	-moz-transition: background 0.9s;
	-o-transition: background 0.9s;
	-webkit-transition: background 0.9s;
	transition: background 0.9s;
	width: 100%;
}

.collage .box-text-inner .content {
	-moz-transition: bottom 0.4s;
	-o-transition: bottom 0.4s;
	-webkit-transition: bottom 0.4s;
	transition: bottom 0.4s;
	position: absolute;
	top: 0;
	bottom: -150%;
	right: 0;
	left: 0;
	width: 80%;
	height: 20px;
	margin: auto;
	text-align: center;
	color: #fff;
}

.collage:hover .box-text-inner .content {
	bottom: 0;
}
.collage .box-text-inner h2 {
	font-size: 20px;
	text-transform: uppercase;
	padding: 0 0 8px;
	font-weight: 700;
}

.work_item {
	width: 100%;
	height: 100%;
	position: relative;
	display: none;
}

.slide_container .close_work {
	right: 0;
	top: -20px;
	left: 0;
	margin: auto;
}

.slide_container .close_work div:before {
	display: block;
	content: "";
	width: 100%;
	height: 3px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	background: #585858;
	position: absolute;
	top: 8px;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-moz-transition: -moz-transform 0.25s, top 0.2s ease;
	-o-transition: -o-transform 0.25s, top 0.2s ease;
	-webkit-transition: -webkit-transform 0.25s, top 0.2s ease;
	transition: transform 0.25s, top 0.2s ease;
}

.slide_container .close_work div:after {
	display: block;
	content: "";
	width: 100%;
	height: 3px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	background: #585858;
	position: absolute;
	top: 8px;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-moz-transition: -moz-transform 0.25s, top 0.2s ease;
	-o-transition: -o-transform 0.25s, top 0.2s ease;
	-webkit-transition: -webkit-transform 0.25s, top 0.2s ease;
	transition: transform 0.25s, top 0.2s ease;
}

.slide_container .slide-action-btn, .slide_container .close_work, .slide_container .prev_work, .slide_container .next_work {
	cursor: pointer;
	display: block;
	position: absolute;
	font-size: 30px;
	width: 30px;
	height: 30px;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.slide_container .next_work div:before {
	display: block;
	content: "";
	width: 80%;
	height: 3px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	background: #585858;
	position: absolute;
	top: 23px;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-moz-transition: -moz-transform 0.25s, top 0.2s ease;
	-o-transition: -o-transform 0.25s, top 0.2s ease;
	-webkit-transition: -webkit-transform 0.25s, top 0.2s ease;
	transition: transform 0.25s, top 0.2s ease;
}

.slide_container .next_work div:after {
	display: block;
	content: "";
	width: 80%;
	height: 3px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	background: #585858;
	position: absolute;
	top: 8px;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-moz-transition: -moz-transform 0.25s, top 0.2s ease;
	-o-transition: -o-transform 0.25s, top 0.2s ease;
	-webkit-transition: -webkit-transform 0.25s, top 0.2s ease;
	transition: transform 0.25s, top 0.2s ease;
}


.slide_container .prev_work {
	left: 0;
	top: 40%;
}

.slide_container .prev_work div:before {
	display: block;
	content: "";
	width: 80%;
	height: 3px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	background: #585858;
	position: absolute;
	top: 23px;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-moz-transition: -moz-transform 0.25s, top 0.2s ease;
	-o-transition: -o-transform 0.25s, top 0.2s ease;
	-webkit-transition: -webkit-transform 0.25s, top 0.2s ease;
	transition: transform 0.25s, top 0.2s ease;
}

.slide_container .prev_work div:after {
	display: block;
	content: "";
	width: 80%;
	height: 3px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	background: #585858;
	position: absolute;
	top: 8px;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-moz-transition: -moz-transform 0.25s, top 0.2s ease;
	-o-transition: -o-transform 0.25s, top 0.2s ease;
	-webkit-transition: -webkit-transform 0.25s, top 0.2s ease;
	transition: transform 0.25s, top 0.2s ease;
}

.slide_container .next_work {
	right: 0;
	top: 40%;
}

.slide_container .work_description {
	width: 100%;
	position: relative;
	padding: 50px 0;
}

.slide_container .image_container_M {
	padding: 15px;
	background-color: #fff;
	display: inline-block;
}

.slide_container {
	margin: auto;
	min-height: 1%;
	padding: 0 0 40px 0;
	color: #000;
	text-align: center !important;
}

.slide_container h3 {
	font-weight: 700;
	font-size: 20px;
	padding: 0 0 12px 0;
	text-align: center !important;
}

.slide_container .next_work:hover div:after {
	-moz-transform: rotate(-138deg);
	-ms-transform: rotate(-138deg);
	-webkit-transform: rotate(-138deg);
	transform: rotate(-138deg);
	background: #286a88;
}

.slide_container .next_work:hover div:before {
	-moz-transform: rotate(138deg);
	-ms-transform: rotate(138deg);
	-webkit-transform: rotate(138deg);
	transform: rotate(138deg);
	background: #286a88;
}

.slide_container .next_work:hover div:before {
	-moz-transform: rotate(138deg);
	-ms-transform: rotate(138deg);
	-webkit-transform: rotate(138deg);
	transform: rotate(138deg);
	background: #286a88;
}

.slide_container .next_work:hover div:after {
	-moz-transform: rotate(-138deg);
	-ms-transform: rotate(-138deg);
	-webkit-transform: rotate(-138deg);
	transform: rotate(-138deg);
	background: #286a88;
}

.slide_container .close_work:hover div:before {
	-moz-transform: rotate(136deg);
	-ms-transform: rotate(136deg);
	-webkit-transform: rotate(136deg);
	transform: rotate(136deg);
	background: #286a88;
}

.slide_container .close_work:hover div:after {
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #286a88;
}

.slide_container .prev_work:hover div:before {
	-moz-transform: rotate(-138deg);
	-ms-transform: rotate(-138deg);
	-webkit-transform: rotate(-138deg);
	transform: rotate(-138deg);
	background: #286a88;
}

.slide_container .prev_work:hover div:after {
	-moz-transform: rotate(138deg);
	-ms-transform: rotate(138deg);
	-webkit-transform: rotate(138deg);
	transform: rotate(138deg);
	background: #286a88;
}

.inner-container.contact{
	float: inherit;
}

@media (min-width: 0px) {
	.tech{
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}
	.home-text{
		font-size: 12px;
	}
	.home-text h3{
		font: normal 26px arial;
		margin: 130px 0 22px 0;
	}
	.bottom-wrapper{
		height: 200px;
		background:none left -51px repeat-x #adadad;
	}
	.see-bottom {
		width: 35px;
	}
	.tech-outer h3{
		font: 15px Arial, Helvetica, sans-serif;
	}
	.tech-outer span{
		width: 60px;
	}
	.tech-outer.bg-col-01 span, 
	.tech-outer.bg-col-02 span,
	.tech-outer.bg-col-03 span{
		background-size: 100%;
	}
}

@media (min-width: 480px) {
	.tech{
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}
	.home-text{
		font-size: 12px;
	}
	.home-text h3{
		font: normal 26px arial;
		margin: 130px 0 22px 0;
	}
	.bottom-wrapper{
		height: 200px;
		background:none left -51px repeat-x #adadad;
	}
	.see-bottom {
		width: 35px;
	}
	.tech-outer h3{
		font: 15px Arial, Helvetica, sans-serif;
	}
	.tech-outer span{
		width: 60px;
	}
	.tech-outer.bg-col-01 span, 
	.tech-outer.bg-col-02 span,
	.tech-outer.bg-col-03 span{
		background-size: 100%;
	}
}

@media (min-width: 576px) {
	.tech{
	    width: 90%;
		padding-left: 5%;
		padding-right: 5%;
 	}
	.home-text{
		font-size: 16px;
	}
	.home-text h3{
		font: normal 35px arial;
		margin: 130px 0 22px 0;
	}
	.bottom-wrapper{
		height: 200px;
		background:none left -51px repeat-x #adadad;
	}
	.see-bottom {
		width: 35px;
	}
	.tech-outer h3{
		font: 15px Arial, Helvetica, sans-serif;
	}
	.tech-outer span{
		width: 60px;
	}
	.tech-outer.bg-col-01 span, 
	.tech-outer.bg-col-02 span,
	.tech-outer.bg-col-03 span{
		background-size: 100%;
	}
}
	
@media (min-width: 768px) {
	.tech{
	    width: 90%;
		padding-left: 5%;
		padding-right: 5%;
 	}
	.home-text{
		font-size: 20px;
	}
	.home-text h3{
		font: normal 37px arial;
		margin: 130px 0 40px 0;
	}
	.bottom-wrapper{
		height: 255px;
		background:url(../images/bg_home_01.png) left -51px repeat-x #ececec;
	}
	.see-bottom{
		width: 60px;
	}
	.tech-outer h3{
		font: 24px Arial, Helvetica, sans-serif;
	}
	.tech-outer span{
		width: 104px;
	}
}

@media (min-width: 992px) {
    .tech{
	    width: 18%;
		padding-left:7%;
		padding-right: 0%;
	}
	.home-text{
		font-size: 24px;
	}
	.home-text h3{
		font: normal 50px arial;
		margin: 130px 0 40px 0;
	}
	.bottom-wrapper{
		height: 404px;
		background:url(../images/bg_home_01.png) left -51px repeat-x #ececec;
	}
	.see-bottom{
		width: 60px;
	}
	.tech-outer h3{
		font: 24px Arial, Helvetica, sans-serif;
	}
	.tech-outer span{
		width: 104px;
	}
}

@media (min-width: 1200px) {
	.tech{
	    width: 18%;
		padding-left:7%;
		padding-right: 0%;
	}
}

.ngProgressLite {
	pointer-events: none;
}

.ngProgressLiteBar {
	background: #ff3030;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	height: 3px;
}

.ngProgressLite .ngProgressLiteBarShadow {
	display: block;
	position: absolute;
	right: 0px;
	width: 100px;
	height: 100%;
	box-shadow: 0 0 10px #ff3030, 0 0 5px #ff3030;
	opacity: 1;
	-webkit-transform: rotate(3deg) translate(0px, -4px);
	-ms-transform: rotate(3deg) translate(0px, -4px);
	transform: rotate(3deg) translate(0px, -4px);
}