/* Stylesheet for CDB
========================================================================================*/
@import url(vendor/reset.css);

@font-face {
    font-family: "AudiType-ExtendedNormal";
    src: url("fonts/AudiType-ExtendedNormal.woff2") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "AudiType-ExtendedBold";
    src: url("fonts/AudiType-ExtendedBold.woff2") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "AudiType-Normal";
    src: url("fonts/AudiType-Normal.woff2") format("opentype");
    font-weight: normal;
    font-style: normal;
}

/* =Box Sizing 
========================================================================================*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }


/* =Default Tag & General Classes
========================================================================================*/
html, body { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; font-smoothing:antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust:100%; }
body { font: 15px/1.41 'AudiType-ExtendedNormal', Verdana, Helvetica, sans-serif; color: #182930; }
img { vertical-align:top; border:0; }
a, input[type="button"], input[type="submit"], button, table th, table td { -webkit-transition:background-color 550ms cubic-bezier(0.77,0,0.175,1), color 550ms cubic-bezier(0.77,0,0.175,1); transition:background-color 550ms cubic-bezier(0.77,0,0.175,1), color 550ms cubic-bezier(0.77,0,0.175,1); }
.allanim  { -webkit-transition:all 550ms cubic-bezier(0.77,0,0.175,1); transition:all 550ms cubic-bezier(0.77,0,0.175,1); }
a { color:#fc78ba; text-decoration:none; outline: none; }
a:focus, a:active { outline: none; }
a:hover { text-decoration:underline; }
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	a:active{ background-color:transparent;}
}
strong { font-weight:bold; }
small, .small { font-size: 85%; }
sub, sup { font-size:80% }
p { margin:0 0 20px 0; }
ul li { line-height:24px; }

h1, h2, h3, h4, h5, h6 {
	line-height: 1.3;
	margin: 0 0 10px;
	color: #182930;
	font-weight: normal;
	font-family: 'AudiType-ExtendedBold', Verdana, Helvetica, sans-serif;
}
h1,h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4 { font-size: 22px; }
h5 { font-size: 20px; }
h6 { font-size: 17px; }
#wrapper { position: relative; }

/* = Homepage CSS
========================================================================================*/
div.images-placeholder .img-background { display:none; }
.main-banner { background-color:#4d5a60; background-size:cover; height: 100vh; width:100%; background-position:left bottom; background-image:url(../images/mobile-img.jpg);  }
.main-banner .main-banner {  background-image:url(../images/mobile-img.jpg); }
.landscape .main-banner {  background-image:url(../images/mobile-img-landscape.jpg); }

.devices .main-banner { height: 100vh; height: calc(var(--vh, 1vh) * 100); }
.banner-content { padding:40px 12px 20px; }
.banner-content img { max-width:116px; width:100%; }
.banner-content h2 { font-size:22px;  color:#fff; margin:16px 0 6px; max-width:220px; width:100%; }
.banner-content p { font-size:11px; color:#fff; line-height:14px; max-width:220px; width:100%; }
.banner-content p span { display:block; }
.footer { position:absolute; bottom:0; left:0; right:0; background:#fff;  padding:0 12px; display:flex; align-items:center; }
.footer p { font-size: 10px; font-family: 'AudiType-Normal', Verdana, Helvetica, sans-serif; padding:8px 0; margin-bottom:0;  }

body { min-width:320px; }
img{ max-width: 100%; width:auto; height:auto; }
.wrap { width:auto; padding:0 20px; }