/* roboto-300 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Roboto Light'), local('Roboto-Light'),
    url('../fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'),
    url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
    src: local('Roboto Medium'), local('Roboto-Medium'),
    url('../fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* oswald-300 - latin */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/oswald-v16-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Oswald Light'), local('Oswald-Light'),
    url('../fonts/oswald-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/oswald-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/oswald-v16-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/oswald-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/oswald-v16-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-regular - latin */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/oswald-v16-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Oswald Regular'), local('Oswald-Regular'),
    url('../fonts/oswald-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/oswald-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/oswald-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/oswald-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/oswald-v16-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-700 - latin */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/oswald-v16-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Oswald Bold'), local('Oswald-Bold'),
    url('../fonts/oswald-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/oswald-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/oswald-v16-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/oswald-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/oswald-v16-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    font-family         : 'Oswald', sans-serif;
    font-weight         : 400;
    color         : #3D424B;
    font-size         : 25.6px;
    font-size           : 1.6rem;
}
body div,
body span,
body p,
body strong,
body a,
body button,
body li,
body label,
body input,
body textarea,
body a  {
    font-family         : 'Roboto', sans-serif;
    font-weight         : 300;
    font-size         : 17.6px;
    font-size         : 1.1rem;
    line-height         : 29.04px;
    line-height         : 1.815rem;
    color         : rgb(69, 74, 84);
}
p strong {
    padding-top:10px;
    font-weight: 400;
}
*:focus {
    outline: none;
}
/**
 * Buttons -------------------------------------------------------------------------------
 */
header div div:last-child a,
.teaser div div a{
    display         : inline-block;
    border-style    : solid; 
    border-width    : 1px; 
    padding         : 8px 35px;
    border-radius   : 4px;
    transition      : all 200ms;
}
header div div:last-child a:hover,
.teaser div div a:hover{
    background         : #415DAA;
    color         : white;
}
/**
 * Media queries -------------------------------------------------------------------------
 */
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,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
    box-sizing: border-box;
}
a {
	display 			: inline-block;
	text-decoration 	: none;
	color 				: #374355;
}
html, body {
	padding 	: 0;
	margin 		: 0;
	background 	: #fff;
	height 		: 100%;
	width 		: 100%;
}
p {
	margin 	: 20px 0;
}
p:first-child,
	p.notopmargin {
    margin-top 	: 0;
}
p:last-child,
	p.nobottommargin {
    margin-bottom 	: 0;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:  #3D4D65;
}
::-moz-placeholder { /* Firefox 19+ */
  color:  #3D4D65;
}
:-ms-input-placeholder { /* IE 10+ */
  color:  #3D4D65;
}
:-moz-placeholder { /* Firefox 18- */
  color:  #3D4D65;
}
.gmap iframe {
	pointer-events: none;
}
main {
	min-height 		: calc(100% - 100px);
}
@media     		(min-width: 48em) {
    main{
        min-height         : calc(100% - 50px);
    }
}
main section {
    padding 			: 40px 20px;
    text-align 			: center;
}
.desktop {
	display 	: none;
}
.mobile {
	display 	: inline-block;
}
@media     		(min-width: 48em) {
	.desktop {
		display 	: inline-block;
	}
	.mobile {
		display 	: none;
	}
}
#preloader  {
     position            : fixed;
     top                 : 0;
     left                : 0;
     right               : 0;
     bottom              : 0;
     background-color    : #fefefe;
     z-index             : 99;
     height              : 100%;
}
#preloader #status  {
    width               : 200px;
    height              : 200px;
    position            : absolute;
    left                : 50%;
    top                 : 50%;
    background-image    : url(../images/ring.svg);
    background-repeat   : no-repeat;
    background-position : center;
    margin              : -100px 0 0 -100px;
}
.topbar {
	height 				: 40px;
	background-color         : #415DAA;
}
.topbar section {
    padding 			: 8px 0;
    max-width         : 960px;
    margin-left         : auto;
    margin-right         : auto;
}
.topbar section:before{
    content         : '';
    display         : table;
}
.topbar section:after{
    content         : '';
    display         : table;
    clear         : both;
}
.topbar section div {
    width         : calc(99.9% * 1/2 - (30px - 30px * 1/2));
}
.topbar section div:nth-child(1n){
    float         : left;
    margin-right         : 30px;
    clear         : none;
}
.topbar section div:last-child{
    margin-right         : 0;
}
.topbar section div:nth-child(2n){
    margin-right         : 0;
    float         : right;
}
.topbar section div:nth-child(2n + 1){
    clear         : both;
}
.topbar section div:first-child {
    text-align 	: left;
}
.topbar section div .topbar-icon {
    display 	: inline-block;
    width 		: 26px;
    height 		: 26px;
}
.topbar section div .topbar-icon.phone {
    background-image 	: url('../images/icons/phone-icon.svg');
    background-size 	: contain;
    background-position : center center;
}
/* ------------------------------------------------------------------------------------ */
header {
	background-color         : white;
	border-bottom         : 1px solid rgb(199, 202, 209);
	padding 			: 15px 20px 10px 20px;
	background         : rgb(227, 229, 232);
}
header div {
    max-width         : 960px;
    margin-left         : auto;
    margin-right         : auto;
}
header div:before{
    content         : '';
    display         : table;
}
header div:after{
    content         : '';
    display         : table;
    clear         : both;
}
header div div {
    width         : calc(99.9% * 1/2 - (30px - 30px * 1/2));
}
header div div:nth-child(1n){
    float         : left;
    margin-right         : 30px;
    clear         : none;
}
header div div:last-child{
    margin-right         : 0;
}
header div div:nth-child(2n){
    margin-right         : 0;
    float         : right;
}
header div div:nth-child(2n + 1){
    clear         : both;
}
header div div:last-child {
    text-align 	: right;
}
header div div:last-child a {
    @extends btn_primary;
}
header div div:last-child a:hover {}
header div img {
    height 	: 40px;
}
/* ------------------------------------------------------------------------------------ */
.hero {
	height 				: 400px;
	background-size 	: cover;
	background-position : center center;
	padding 			: 0;
	background-image 	: url('../images/hero.jpg');	
}
@media    		(min-width: 62em) {
    .hero{
        height         : 500px;
    }
}
.hero div {
    max-width         : 960px;
    margin-left         : auto;
    margin-right         : auto;
}
.hero div:before{
    content         : '';
    display         : table;
}
.hero div:after{
    content         : '';
    display         : table;
    clear         : both;
}
.hero div img {
    max-width 	: 60%;
    margin 		: 100px 0 10px 0;
}
@media     		(min-width: 48em) {
    .hero div img{
        max-width         : 40%;
    }
}
@media    		(min-width: 62em) {
    .hero div img{
        max-width         : 40%;
        margin         : 160px 0 10px 0;
    }
}
.hero div h1 {
    font-size         : 16px;
    font-size 	: 1rem;
    font-weight : 300;
    width 		: 80%;
    margin 		: 10px auto;
    font-family : 'Roboto', sans-serif;
    text-shadow         : 1px 1px 0 white;
}
@media     		(min-width: 48em) {
    .hero div h1{
        font-size         : 1.2rem;
    }
}
.hero div ul {
    margin 		: 30px 0 20px 0;
}
.hero div ul li {
    display 	: inline-block;
    padding 	: 0 5px;
}
.hero div ul li a {
    display 		: inline-block;
    width 			: 36px;
    height 			: 36px;
    border         : 1px solid #415DAA;
    border-radius 	: 50% 50%;
    color         : #415DAA;
    text-align 		: center;
    line-height         : 35.2px;
    line-height 	: 2.2rem;
    transition 		: all 200ms;
}
.hero div ul li a:hover, .hero div ul li a.active {
    background         : #415DAA;
    color         : white;
}
/* ------------------------------------------------------------------------------------ */
.teaser {
	
	background 		: #efefef;
}
.teaser div {
    max-width         : 960px;
    margin-left         : auto;
    margin-right         : auto;
}
.teaser div:before{
    content         : '';
    display         : table;
}
.teaser div:after{
    content         : '';
    display         : table;
    clear         : both;
}
.teaser div div {
    width         : calc(99.9% * 1/1 - (30px - 30px * 1/1));
    padding 		: 40px;
    border-bottom         : 1px solid rgb(199, 202, 209);
}
.teaser div div:nth-child(1n){
    float         : left;
    margin-right         : 30px;
    clear         : none;
}
.teaser div div:last-child{
    margin-right         : 0;
}
.teaser div div:nth-child(1n){
    margin-right         : 0;
    float         : right;
}
.teaser div div:nth-child(1n + 1){
    clear         : both;
}
.teaser div div:last-child {
    border-bottom 	: none;
}
@media     		(min-width: 48em) {
    .teaser div div{
        width         : calc(99.9% * 1/2 - (30px - 30px * 1/2));
        border-bottom         : none;
    }
    .teaser div div:nth-child(1n){
        float         : left;
        margin-right         : 30px;
        clear         : none;
    }
    .teaser div div:last-child{
        margin-right         : 0;
    }
    .teaser div div:nth-child(2n){
        margin-right         : 0;
        float         : right;
    }
    .teaser div div:nth-child(2n + 1){
        clear         : both;
    }
    .teaser div div:first-child {
        border-right         : 1px solid rgb(199, 202, 209);
    }
}
.teaser div div a {
    @extends btn_primary;
    color         : #415DAA;
    border-color         : #415DAA;
}
.teaser div div a:hover {}
/* ------------------------------------------------------------------------------------ */
.about div {
    max-width         : 960px;
    margin-left         : auto;
    margin-right         : auto;
}
.about div:before{
    content         : '';
    display         : table;
}
.about div:after{
    content         : '';
    display         : table;
    clear         : both;
}
.references {
	padding 	: 0 0 0 0;
}
.references div:before{
    content         : '';
    display         : table;
}
.references div:after{
    content         : '';
    display         : table;
    clear         : both;
}
.references div div {
    box-sizing 	: border-box;
    float 		: left;
    height 		: 150px;
    padding 	: 30px 40px;
    background         : #3D424B;
    box-shadow 	: -1px -1px 0 #fff;
    width 		: 50%;
    opacity 			: .6;
    transition 			: all 200ms;
}
.references div div:hover {
    opacity 		: 1;
}
.references div div div {
    width 		: 100%;
    height 		: 100%;
    box-shadow : none;
    background-repeat: no-repeat;
    background-position 	: center center;
    background-size 	: contain;
}
@media     		(min-width: 48em) {
    .references div div{
        width         : 20%;
    }
}
.references div div.double {
    width 	: 100%;
}
@media     		(min-width: 48em) {
    .references div div.double{
        width         : 40%;
    }
}
.references div div.audi {
    //background-size 	: 50% auto;
    background-image 	: url(../images/references/audi.png);
}
.references div div.bmw {
    //background-size 	: 50%;
    background-image 	: url(../images/references/bmw.png);
}
.references div div.vw {
    background-image 	: url(../images/references/vw.png);
}
.references div div.opel {
    background-image 	: url(../images/references/opel.png);
}
.references div div.peugeot {
    background-image 	: url(../images/references/peugeot.png);
}
.references div div.smart {
    background-image 	: url(../images/references/smart.png);
}
.references div div.seat {
    //background-size 	: 40%;
    background-image 	: url(../images/references/seat.png);
}
.references div div.evobus {
    //background-size 	: 80%;
    background-image 	: url(../images/references/evobus.png);
}
.references div div.rr {
    background-image 	: url(../images/references/rr.png);
}
.references div div.rri {
    background-image 	: url(../images/references/rri.png);
}
.references div div.drk {
    background-image 	: url(../images/references/drk.png);
}
.references div div.dhl {
    background-image 	: url(../images/references/dhl.png);
}
.references div div.sme {
    background-image 	: url(../images/references/sme.png);
}
.references div div.dag {
    background-image 	: url(../images/references/dag.png);
}
.references div div.duv {
    //background-size 	: 70%;
    background-image 	: url(../images/references/duv.png);
}
.references div div.ham {
    //background-size 	: 80%;
    background-image 	: url(../images/references/ham.png);
}
.references div div.schmitt {
    background-image 	: url(../images/references/schmitt.png);
}
.references div div.sk {
    background-image 	: url(../images/references/sk.png);
}
.references div div.bb {
    background-image 	: url(../images/references/bb.png);
}
.references div div.constellium {
    //background-size 	: 70%;
    background-image 	: url(../images/references/constellium.png);
}
.contact div {
    max-width         : 960px;
    margin-left         : auto;
    margin-right         : auto;
}
.contact div:before{
    content         : '';
    display         : table;
}
.contact div:after{
    content         : '';
    display         : table;
    clear         : both;
}
.contact div h2 {
    line-height         : 35.2px;
    line-height 	: 2.2rem;
}
@media     		(min-width: 48em) {
    .contact div ul{
        max-width         : 600px;
        margin-left         : auto;
        margin-right         : auto;
    }
    .contact div ul:before{
        content         : '';
        display         : table;
    }
    .contact div ul:after{
        content         : '';
        display         : table;
        clear         : both;
    }
}
.contact div ul li {
    width         : calc(99.9% * 1/1 - (30px - 30px * 1/1));
}
.contact div ul li:nth-child(1n){
    float         : left;
    margin-right         : 30px;
    clear         : none;
}
.contact div ul li:last-child{
    margin-right         : 0;
}
.contact div ul li:nth-child(1n){
    margin-right         : 0;
    float         : right;
}
.contact div ul li:nth-child(1n + 1){
    clear         : both;
}
@media     		(min-width: 48em) {
    .contact div ul li{
        width         : calc(99.9% * 1/2 - (30px - 30px * 1/2));
    }
    .contact div ul li:nth-child(1n){
        float         : left;
        margin-right         : 30px;
        clear         : none;
    }
    .contact div ul li:last-child{
        margin-right         : 0;
    }
    .contact div ul li:nth-child(2n){
        margin-right         : 0;
        float         : right;
    }
    .contact div ul li:nth-child(2n + 1){
        clear         : both;
    }
}
.gmap {
	height 	: 500px;
}
.gmap h3 {
    padding-top 	: 10px;
}
.gmap .gm-style-iw img {
    display 	: none !important;
}
.gmap .gm-style-iw + div {
    display: none;
}
.low-content div {
    max-width         : 960px;
    margin-left         : auto;
    margin-right         : auto;
    text-align 		: left;
}
.low-content div:before{
    content         : '';
    display         : table;
}
.low-content div:after{
    content         : '';
    display         : table;
    clear         : both;
}
/* ------------------------------------------------------------------------------------ */
footer {
	height 			: 100px;
	background         : #3D424B;
}
footer:before{
    content         : '';
    display         : table;
}
footer:after{
    content         : '';
    display         : table;
    clear         : both;
}
@media     		(min-width: 48em) {
    footer{
        height         : 50px;
    }
}
footer section {
    padding 		: 12px 20px;
    max-width         : 960px;
    margin-left         : auto;
    margin-right         : auto;
}
footer section:before{
    content         : '';
    display         : table;
}
footer section:after{
    content         : '';
    display         : table;
    clear         : both;
}
footer section div {
    width         : calc(99.9% * 1/1 - (30px - 30px * 1/1));
    text-align 		: center;
    padding 		: 5px 0;
}
footer section div:nth-child(1n){
    float         : left;
    margin-right         : 30px;
    clear         : none;
}
footer section div:last-child{
    margin-right         : 0;
}
footer section div:nth-child(1n){
    margin-right         : 0;
    float         : right;
}
footer section div:nth-child(1n + 1){
    clear         : both;
}
@media     		(min-width: 48em) {
    footer section div{
        padding         : 0;
        width         : calc(99.9% * 1/2 - (30px - 30px * 1/2));
    }
    footer section div:nth-child(1n){
        float         : left;
        margin-right         : 30px;
        clear         : none;
    }
    footer section div:last-child{
        margin-right         : 0;
    }
    footer section div:nth-child(2n){
        margin-right         : 0;
        float         : right;
    }
    footer section div:nth-child(2n + 1){
        clear         : both;
    }
    footer section div:first-child {
        text-align 	: left;
    }
    footer section div:last-child {
        text-align 	: right;
    }
}
footer section div ul {
    padding 	: 0;
    margin 		: 0;
}
footer section div ul li {
    display 	: inline-block;
    padding 	: 0 10px;
}
footer section div ul li:first-child {
    padding-left 	: 0;
}
footer section div ul li:last-child {
    padding-right 	: 0;
}
footer section div ul li a {
    color         : white;
    font-size         : 12.8px;
    font-size 	: 0.8rem;
}
footer section div ul li a:hover {
    text-decoration 	: underline;
}

ul {
    padding: 20px;
}

ul li {
    list-style: disc;
}

.nostyle {
    padding:0 !important;

}
.nostyle li {
    list-style: none !important;
}