/* SELECTION */
::selection { background: rgba(130,130,130,0.5); }
::-webkit-selection { background: rgba(130,130,130,0.5); }
::-moz-selection { background: rgba(130,130,130,0.5); }
::-o-selection { background: rgba(130,130,130,0.5); }


/* GENERAL */
[data-retina=complete] {
    background-size: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%;
}

html {
	height: 100%;
	background: #FFFFFF;
	-webkit-text-size-adjust: none;
}

body {
	background: none;
	color: #707070;
	height: 100%;
	font-family: 'Effra', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	overflow-x: hidden;
	text-align: center;
}

a {
	transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;
}

a:hover {
	color: #05AFAF;
	transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;
}

.wrapper {
	padding: 0 10px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	width: 1140px;
}

.clear {
	clear: both;
}

.last {
	margin: 0 !important;
}

/* LOADER */
#loader {
	background: #FFFFFF;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}

#loader div {
	background: url('../img/logo_sprite.png') no-repeat transparent;
	background-position: 0 -60px;
	display: none;
	float: left;
	height: 60px;
	left: 50%;
	margin: -30px 0 0 -142px;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	width: 284px;
}


/* HEADER */
header nav {
	position: fixed;
	transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;
	width: 100%;
	z-index: 100;
}

header nav .container {
	margin: 0 auto;
	position: relative;
	width: 1140px;
}

header nav .container a.logo {
	background: url('../img/logo_sprite.png') no-repeat transparent;
	display: block;
	float: left;
	height: 60px;
	margin: 40px 0;
	text-indent: -9999px;
	width: 284px;
}

header nav .container ul {
	display: block;
	float: right;
	margin: 50px 0;
}

header nav .container ul li {
	display: inline-block;
}

header nav .container ul li a {
	color: #FFFFFF;
	display: block;
	font-size: 17px;
	line-height: 30px;
	margin: 0 20px 0 0;
}

header nav .container ul li a.social {
	background: url('../img/social_sprite.png') no-repeat transparent;
	height: 30px;
	margin: 0 0 0 0;
	position: relative;
	text-indent: -9999px;
	width: 30px;
}

header nav .container ul li a.social span {
	background: url('../img/social_sprite.png') no-repeat transparent;
	display: block;
	height: 30px;
	left: 0;
	opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);
	position: absolute;
	top: 0;
	transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;
	width: 30px;
}

header nav .container ul li a.facebook {
	background-position: 0 0;
}

header nav .container ul li a.twitter {
	margin: 0 0 0 10px;
	background-position: 0 -30px;
}

header nav .container ul li a.facebook span {
	background-position: -30px 0;
}

header nav .container ul li a.twitter span {
	background-position: -30px -30px;
}

header nav .container ul li a.social span:hover {
	opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);
	transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;
}

header nav .container ul li a:hover, header nav .container ul li a.active  {
	color: #9ACC00;
}

header .wrapper .title {
	color: #FFFFFF;
	margin: 300px auto 250px;
	width: 940px;
}

header .wrapper .title h1 {
	font-size: 69px;
	font-weight: bold;
	line-height: 79px;
	margin: 0 0 30px 0;
}

header .wrapper .title h1 span {
	color: #9ACC00;
}

header .wrapper .title p {
	font-size: 21px;
	line-height: 31px;
}

section .wrapper {
	border-bottom: 1px solid #CCCCCC;
	padding: 80px 0 100px 0;
}

section .wrapper .title {
	margin: 0 0 40px 0;
}
	
section .wrapper .title h2 {
	color: #000000;
	font-size: 51px;
	line-height: 61px;
	font-weight: bold;
}

section .wrapper .title p {
	color: #9BCD00;
	font-size: 21px;
	line-height: 31px;
	margin: 20px 0 0 0;
}

section .wrapper article.three {
	display: block;
	float: left;
	margin: 0 60px 0 0;
	overflow: hidden;
	text-align: left;
	width: 340px;
}

section .wrapper article.three .icon, section .wrapper article.one .icon {
	background: url('../img/icon_sprite.png') no-repeat transparent;
	display: block;
	height: 60px;
	margin: 0 0 15px 0;
	position: relative;
	text-indent: -9999px;
	transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;
	width: 60px;
}

section .wrapper article.three .icon span, section .wrapper article.one .icon span {
	background: url('../img/icon_sprite.png') no-repeat transparent;
	display: block;
	height: 60px;
	left: 0;
	opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);
	position: absolute;
	text-indent: -9999px;
	top: 0;
	transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;
	width: 60px;
}

section .wrapper article.three .iconone span, section .wrapper article.one .iconone span {
	background-position: -60px 0;
}

section .wrapper article.three .icontwo span, section .wrapper article.one .icontwo span {
	background-position: -60px -60px;
}
section .wrapper article.three .iconthree span, section .wrapper article.one .iconthree span {
	background-position: -60px -120px;
}

section .wrapper article.three .iconone, section .wrapper article.one .iconone {
	background-position: 0 0;
}

section .wrapper article.three .icontwo, section .wrapper article.one .icontwo {
	background-position: 0 -60px;
}

section .wrapper article.three .iconthree, section .wrapper article.one .iconthree {
	background-position: 0 -120px;
}

section .wrapper article.three h3 {
	color: #05AFAF;
	font-size: 29px;
	font-weight: bold;
	line-height: 39px;
	margin: 0 0 10px 0;
}

section .wrapper article.three p {
	font-size: 17px;
	line-height: 27px;
	transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out
}

section .wrapper article.three:hover .icon span, section .wrapper article.one:hover .icon span {
	opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);
	transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;
}

section .wrapper article.three:hover p {
	color: #000000;
	transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out
}

section .wrapper img.home {
	margin: 0 0 40px 0;
	width: 100%;
}

section .wrapper article.two {
	display: block;
	float: left;
	margin: 0 60px 0 0;
	overflow: hidden;
	text-align: left;
	width: 540px;
}

section .wrapper article.one {
	overflow: hidden;
	text-align: left;
	width: 100%;
}

section .wrapper article.one .text {
	float: left;
	margin: 0 60px 0 0;
	width: 540px;
}

section .wrapper article.one img {
	float: left;
	width: 540px !important;
}

section .wrapper article.two h3, section .wrapper article.one h3  {
	color: #05AFAF;
	font-size: 29px;
	font-weight: bold;
	line-height: 39px;
	margin: 0 0 10px 0;
}

section .wrapper article.two p, section .wrapper article.one p {
	font-size: 17px;
	line-height: 27px;
	transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out
}

section .wrapper article.two:hover p, section .wrapper article.one:hover p {
	color: #000000;
	transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out
}

section .wrapper article.two img, section .wrapper article.one img {
	margin: 0 0 60px 0;
	width: 100%;
}

/* FOOTER */
footer .wrapper {
	color: #000000;
	font-size: 15px;
	line-height: 25px;
	padding: 80px 0 100px 0;
	text-align: left;
}

footer .wrapper a.logo {
	background: url('../img/logo_sprite.png') no-repeat transparent;
	background-position: 0 -60px;
	display: block;
	float: left;
	height: 60px;
	text-indent: -9999px;
	width: 284px;
}

footer .wrapper nav {
	float: left;
	margin: 5px 0 0 0;
}

footer .wrapper nav a {
	color: #05AFAF;
}

footer .wrapper nav a:hover {
	color: #9BCD00;
}

footer .wrapper nav ul {
	float: left;
	margin: 0 0 0 138px;
}

section .wrapper ul.partner li {
	display: inline-block;
	text-align: center;
}

section .wrapper ul.partner li a {
	background: url('../img/partner_sprite.png') no-repeat transparent;
	display: block;
	height: 60px;
	margin: 0 20px;
	position: relative;
	text-indent: -9999px;
	width: 255px;
}

section .wrapper ul.partner li a#scania {
	background-position: 0 0;
	width: 235px;
}

section .wrapper ul.partner li a#tomtom {
	background-position: 0 -60px;
}

section .wrapper ul.partner li a span {
	background: url('../img/partner_sprite.png') no-repeat transparent;
	display: block;
	height: 60px;
	left: 0;
	opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);
	position: absolute;
	top: 0;
	transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;
	width: 255px;
}

section .wrapper ul.partner li a#scania span {
	background-position: -255px 0;
	width: 235px;
}

section .wrapper ul.partner li a#tomtom span {
	background-position: -255px -60px;
}

section .wrapper ul.partner li a:hover span {
	opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);
	transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;
}

/* SMALLER */
header.smaller nav {
	background: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	opacity: 0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90);
	transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;
}

header.smaller nav .container a.logo {
	background-position: 0 -120px;
	height: 30px;
	margin: 15px 0;
	width: 253px;
}

header.smaller nav .container ul {
	margin: 15px 0;
}

header.smaller nav .container ul li a {
	color: #000000;
}

header.smaller nav .container ul li a.facebook {
	background-position: 0 -60px;
}

header.smaller nav .container ul li a.twitter {
	background-position: 0 -90px;
}

header.smaller nav .container ul li a.facebook span {
	background-position: -30px -60px;
}

header.smaller nav .container ul li a.twitter span {
	background-position: -30px -90px;
}

header.smaller nav .container ul li a:hover, header.smaller nav .container ul li a.active  {
	color: #05AFAF;
}