@charset "UTF-8";
body
{
	background:#333;
	text-shadow:0 1px 2px rgba(0,0,0,.6);
	letter-spacing:.99px;
	font-weight:100;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif
}
p
{
	color:#FFF
}
a:focus,a:active
{
	outline:0
}
nav
{
	font-size:24px
}
ul.nav li
{
	padding:15px 0 0 40px
}
ul.nav li a.active
{
	background:none !important;
	color:#f39339 !important
}
#side-nav img
{
	margin-bottom:30px;
	padding-top:25px
}
#side-nav ul li
{
	padding:20px 30px;
	line-height:100%
}
#side-nav ul li:hover
{
	background:rgba(255,255,255,.5)
}
#side-nav ul a
{
	color:#FFF;
	text-decoration:none
}
#side-nav
{
	position:absolute;
	top:0;
	left:7%;
	z-index:10;
	width:230px;
	height:100%;
	border-right:solid 1px rgba(255,255,255,.3);
	border-left:solid 1px rgba(255,255,255,.3);
	background:rgba(0,0,0,.5)
}
.red
{
	color:#ed1c24
}
.orange
{
	color:#f7931e
}
.blue
{
	color:#72c1ed
}
.violet
{
	color:#b194e0
}
#slider
{
	position:relative;
	overflow-x:hidden;
	width:100%;
	height:100vh;
	background-attachment:fixed
}
.slide-caption
{
	position:absolute;
	top:250px;
	right:80px;
	left:400px
}
.our-process-bg,
.our-culture-bg,
.our-people-bg,
.ohy-bg,.procuro-bg,
.lavanderaph-bg,
.wwmm-bg,
.kreyos-bg,
.oarttee-bg,
.denso-bg,
.audax-bg,
.easypc-bg,
.eifd-bg,
.icrm-bg,
.landstarxpo-bg,
.careers-bg,
.contact-bg
{
	width:100%;
	height:100vh;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important
}
.our-process-bg
{
	background:url(../img/bg-process.png) no-repeat center
}
.our-culture-bg
{
	background:url(../img/bg-culture.png) no-repeat center
}
.our-people-bg
{
	background:url(../img/bg-people.png) no-repeat center
}
#company
{
	width: 100%;
    height: 100vh;
}
#company h1
{
	font-size:60px
}
.whoweare
{
	margin-top:-90px
}
.whoweare-topbg
{
	width:100%;
	height:180px;
	background:url(../img/bg-whoweare-top.png) no-repeat;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important
}
.ohy-bg
{
	background:url(../img/project-ohy.png) no-repeat center
}
.procuro-bg
{
	background:url(../img/project-ipimm.png) no-repeat center
}
.lavanderaph-bg
{
	background:url(../img/project-lph.png) no-repeat center
}
.wwmm-bg
{
	background:url(../img/project-wwmm.png) no-repeat center
}
.kreyos-bg
{
	background:url(../img/project-kreyos.png) no-repeat center
}
.oarttee-bg
{
	background:url(../img/project-oarttee.png) no-repeat center
}
.easypc-bg{
	background: url(../img/project-Easy.jpg) no-repeat bottom
}
.audax-bg{
	background: url(../img/project-Audax.jpg) no-repeat center
}
.eifd-bg{
	background: url(../img/project-eIFD.jpg) no-repeat center
}
.denso-bg
{
	background:url(../img/project-denso.png) no-repeat center
}
.icrm-bg
{
	background:url(../img/project-icrm.png) no-repeat center
}
.landstarxpo-bg
{
	background:url(../img/project-landstarxpo.png) no-repeat center
}
.project-caption
{
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 10px 100px;
    width: 100%;
    height: 30vh;
    background-color: rgba(0,0,0,0.5);
}
.project-caption p
{
	width:94%
}
.left-arrow,.right-arrow
{
	position:absolute;
	top:50%;
	font-size:50px;
	font-family:'icons'
}
.careers-bg
{
	position:relative;
	background:url(../img/bg-careers.png) no-repeat center top
}
.careers
{
	margin:100px 0 0 15px;
	padding:30px;
	width:57%;
	background:rgba(165,90,15,0.8);
	color:#FFF
}
.careers a
{
	color:#FFF;
	text-decoration:underline
}
p.cs
{
	color:#fff0e1;
	font-size:24px
}
.contact-bg
{
	background:url(../img/bg-contact.png) no-repeat center fixed
}
.contact
{
	padding:80px 0 80px 30px
}
.contact a
{
	color:#FFF;
	text-decoration:none
}
.contact h2
{
	color:#fff0e1;
	font-size:24px
}
.cd
{
	margin-top:15px
}
.fb:hover .icon-fb
{
	color:#3a5ba2
}
.mail:hover .icon-mail
{
	color:#ffd77d
}
.doc:hover .icon-doc
{
	color:#c1272d
}
.fb:hover a,.mail:hover a,.doc:hover a
{
	text-decoration:underline
}
#copyright
{
	position:relative
}
footer
{
	padding:200px 20px 80px 20px
}
footer img
{
	margin-bottom:10px
}
footer p
{
	color:#999
}
a.up
{
	position:absolute;
	bottom:0;
	left:50%;
	opacity:.80
}
.rel-center
{
	position:relative;
	margin-left:-50%
}
@font-face
{
	font-style:normal;
	font-family:icons;
	src:url(../font/icons.eot);
	src:url(../font/icons.eot#iefix) format('embedded-opentype'),url(../font/icons.woff) format('woff'),url(../font/icons.ttf) format('truetype'),url(../font/icons.svg#icons) format('svg')
}
[class*=" icon-"]:before,[class^=icon-]:before
{
	display:inline-block;
	margin-right:20px;
	width:1em;
	text-align:center;
	text-decoration:inherit;
	text-transform:none;
	font-style:normal;
	font-variant:normal;
	font-size:30px;
	font-family:'icons';
	line-height:1em;
	speak:none
}
.icon-doc:before
{
	content:'\e804'
}
.icon-mobile:before
{
	content:'\e801'
}
.icon-mail:before
{
	content:'\e803'
}
.icon-location:before
{
	content:'\e800'
}
.icon-fb:before
{
	content:'\e802'
}
.left-arrow:before
{
	content:'\e805'
}
.right-arrow:before
{
	content:'\e806'
}
@media only screen and (max-width :1200px)
{
	p
	{
		line-height:26px
	}

}
@media only screen and (max-width :992px)
{
	p
	{
		line-height:26px
	}

}
@media only screen and (min-device-width :768px) and (max-device-width :1024px)
{
	p
	{
		line-height:26px
	}
nav
{
	font-size:16px
}
.slide-caption
{
	right:60px;
	left:40px
}
#side-nav
{
	display:none
}
#top-nav
{
	margin-top:0 !important
}
ul.nav li
{
	padding:12px 0
}
.easypc-bg {
    background-position: top center;
}
#company h1
{
	font-size:36px
}
.left-arrow
{
	left:50px
}
.project-caption
{
	padding:20px 0 30px 40px;
	width:100%;
	height:60vh;
}
.careers
{
	position:absolute;
	bottom:0;
	left:0;
	margin-left:0;
	padding:80px 0 0 38px;
	width:100%;
	height:100%
}
.contact-bg
{
	height:680px
}
.contact
{
	padding-left:15px
}

}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape)
{
	#top-nav
	{
		margin-top:0 !important
	}
.our-process-bg,.our-culture-bg,.our-people-bg
{
	height:100vh
}
.slide-caption
{
	top:50vh;
	left:55px
}
.easypc-bg {
    background-position: top center;
}
.project-caption
{
	padding:20px 0 30px 55px;
	width:100%;
	height:60vh;
}
.careers
{
	position:absolute;
	bottom:0;
	left:0;
	margin-left:0;
	padding:80px 50px 0 55px;
	width:100%;
	height:100%
}

}
@media only screen and (max-width :480px)
{
	.navbar-inverse
	{
		background-color:#222
	}
#top-nav
{
	margin-top:0 !important
}
nav
{
	font-size:16px
}
ul.nav li
{
	padding:0
}
ul.nav li:hover
{
	background:#333
}
.navbar
{
	min-height:50px
}
.navbar-brand
{
	width:50%
}
.navbar-brand img
{
	margin-top:-2px
}
.our-process-bg,.our-culture-bg,.our-people-bg
{
	height:520px
}
.slide-caption
{
	top:50vh;
	right:40px;
	left:30px
}
#company h1
{
	font-size:36px
}
.whoweare
{
	margin-top:-130px
}
ol.carousel-indicators li,ol.carousel-indicators li.active
{
	margin:0 3px
}
.project-caption
{
	padding:20px 15px 40px 30px;
	width:100%;
	height:60vh;
}
.left-arrow,.right-arrow
{
	font-size:20px
}
.left-arrow
{
	left:15px
}
.careers-bg
{
	height:775px
}
.careers
{
	position:absolute;
	bottom:0;
	left:0;
	margin-left:0;
	width:100%
}
.contact-bg
{
	height:750px
}
.contact
{
	padding:30px 15px 0 30px
}
footer
{
	padding-top:150px
}

}
@media only screen and (min-device-width :320px) and (max-device-width :568px)
{
	.navbar-inverse
	{
		background-color:#222
	}

#top-nav
{
	margin-top:0 !important
}
nav
{
	font-size:16px
}
.easypc-bg {
    background-position: top center;
}
ul.nav li
{
	padding:0
}
ul.nav li:hover
{
	background:#333
}
.navbar
{
	min-height:50px
}
.navbar-brand
{
	width:50%
}
.navbar-brand img
{
	margin-top:-2px
}
.our-process-bg,.our-culture-bg,.our-people-bg
{
	height:100vh
}
.slide-caption
{
	top:50vh;
	right:40px;
	left:30px
}
#company h1
{
	font-size:36px
}
.whoweare
{
	margin-top:-130px
}
ol.carousel-indicators li,ol.carousel-indicators li.active
{
	margin:0 3px
}
.project-caption
{
	padding:20px 15px 40px 30px;
	width:100%;
	height:60vh;
}
.left-arrow,.right-arrow
{
	font-size:20px
}
.left-arrow
{
	left:15px
}
.careers-bg
{
	height:775px
}
.careers
{
	position:absolute;
	bottom:0;
	left:0;
	margin-left:0;
	width:100%
}
.contact-bg
{
	height:800px
}
.contact
{
	padding:30px 15px 0 15px
}
footer
{
	padding-top:150px
}

}
@media only screen and (min-device-width :320px) and (max-device-width :568px) and (orientation :landscape)
{
	#top-nav
	{
		margin-top:0 !important
	}
.navbar-brand
{
	width:30%
}
.easypc-bg {
    background-position: top center;
}
.slide-caption
{
	top:50vh
}
.careers
{
	width:100%;
	height:100%
}
.careers-bg
{
	height:550px
}
.contact-bg
{
	height:720px
}

}