@font-face {
  font-family: 'AktivGrotesk-Bold';
  src: url('/res/style/fonts/aktivgrotesk-bold/AktivGrotesk_W_Bd.eot');
  src: url('/res/style/fonts/aktivgrotesk-bold/AktivGrotesk_W_Bd.eot?#iefix') format('embedded-opentype'), url('/res/style/fonts/aktivgrotesk-bold/AktivGrotesk_W_Bd.woff') format('woff'), url('/res/style/fonts/aktivgrotesk-bold/AktivGrotesk_W_Bd.ttf') format('truetype'), url('/res/style/fonts/aktivgrotesk-bold/AktivGrotesk_W_Bd.svg#AktivGrotesk-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AktivGrotesk-Light';
  src: url('/res/style/fonts/aktivgrotesk-light/AktivGrotesk_W_Lt.eot');
  src: url('/res/style/fonts/aktivgrotesk-light/AktivGrotesk_W_Lt.eot?#iefix') format('embedded-opentype'), url('/res/style/fonts/aktivgrotesk-light/AktivGrotesk_W_Lt.woff') format('woff'), url('/res/style/fonts/aktivgrotesk-light/AktivGrotesk_W_Lt.ttf') format('truetype'), url('/res/style/fonts/aktivgrotesk-light/AktivGrotesk_W_Lt.svg#AktivGrotesk-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AktivGrotesk-Medium';
  src: url('/res/style/fonts/aktivgrotesk-medium/AktivGrotesk_W_Md.eot');
  src: url('/res/style/fonts/aktivgrotesk-medium/AktivGrotesk_W_Md.eot?#iefix') format('embedded-opentype'), url('/res/style/fonts/aktivgrotesk-medium/AktivGrotesk_W_Md.woff') format('woff'), url('/res/style/fonts/aktivgrotesk-medium/AktivGrotesk_W_Md.ttf') format('truetype'), url('/res/style/fonts/aktivgrotesk-medium/AktivGrotesk_W_Md.svg#AktivGrotesk-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AktivGrotesk-Regular';
  src: url('/res/style/fonts/aktivgrotesk-regular/AktivGrotesk_W_Rg.eot');
  src: url('/res/style/fonts/aktivgrotesk-regular/AktivGrotesk_W_Rg.eot?#iefix') format('embedded-opentype'), url('/res/style/fonts/aktivgrotesk-regular/AktivGrotesk_W_Rg.woff') format('woff'), url('/res/style/fonts/aktivgrotesk-regular/AktivGrotesk_W_Rg.ttf') format('truetype'), url('/res/style/fonts/aktivgrotesk-regular/AktivGrotesk_W_Rg.svg#AktivGrotesk-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.overview-content { font-size:16px; font-family:AktivGrotesk-Light, Arial; overflow-x:hidden; margin:0 auto; max-width:1920px; min-width:1024px; }
.overview-content .w1366 { margin:0 auto; position:relative; width:85.375em; }
.overview-content .nowrap { white-space: nowrap; }
.overview-content .regular { font-family:AktivGrotesk-Regular, Arial; }
.overview-content .medium { font-family:AktivGrotesk-Medium, Arial; }
.overview-content .text h2 { font-size:3.125em; line-height:1.2; }
.overview-content .text p { font-size:1.25em; line-height:1.5; padding-top:1em; }
@media screen and (max-width:1440px){
  .overview-content { font-size:12px; }
}
@media screen and (max-width:736px){
  html { font-size:10.35px; }
  .overview-content { min-width:320px; }
  .overview-content .w1366 { width:auto; }
  .overview-content .text h2 { font-size:2.5rem; padding:4rem 6% 2rem; }
  .overview-content .text p { font-size:1.75rem; padding:0 6% 3rem; }
}
/********************************************************************************/
.overview-content .a { background:url(a.jpg) 50% no-repeat; background-size:120em auto; height:53.0625em; }
.overview-content .a .text { float:right; padding:9em 0 0; width:35em; }
.overview-content .a .text h2 { font-size:3.4375em; }
.overview-content .a .text p { font-size:1.875em; }
.overview-content .a .text p+p { padding-top:0; }
@media screen and (max-width:736px){
  .overview-content .a { background:url(m/a.jpg) 50% 100% / 100% auto no-repeat; height:0; padding-bottom:133%; }
  .overview-content .a .text { padding:10% 6%; width:auto; }
  .overview-content .a .text h2 { font-size:7.8vw; padding:0; }
  .overview-content .a .text p { font-size:5vw; padding:6% 0 0; }
}
/********************************************************************************/
.overview-content .b { background:url(b.jpg) 50% no-repeat; background-size:120em auto; height:55em; }
.overview-content .b .text { padding:14em 0 0; width:25em; }
@media screen and (max-width:736px){
  .overview-content .b { background:url(m/b.jpg) 50% 100% / 100% auto no-repeat; background-color:#83a8a6; height:auto; padding-bottom:75%; }
  .overview-content .b .text { padding:0; width:auto; }
}
/********************************************************************************/
.overview-content .c { background:url(c.jpg) 50% 100% no-repeat; background-color:#61768d; background-size:120em auto; padding-bottom:54em; }
.overview-content .c .text { color:#fff; padding:5em 10em 0; text-align:center; }
@media screen and (max-width:736px){
  .overview-content .c { background:url(m/c.jpg) 50% 100% / 100% auto no-repeat; background-color:#57778f; padding-bottom:59%; }
  .overview-content .c .text { padding:0; text-align:left; width:auto; }
}
/********************************************************************************/
.overview-content .d { background-color:#f5f5f5; }
.overview-content .d .text { padding:4em 12em; text-align:center; }
.overview-content .d .imgs { background:url(d.jpg) 50% no-repeat; background-size:cover; height:0; padding-bottom:40.46875%; }
.overview-content .d .imgs .img { float:left; position:relative; width:50%; }
.overview-content .d .imgs .img .note { font-size:1em; text-align:center; }
.overview-content .d .imgs .img1 .note { padding:73% 20% 0; }
.overview-content .d .imgs .img2 .note { padding:72% 5% 0 45%; }
@media screen and (max-width:736px){
  .overview-content .d .text { padding:0; text-align:left; width:auto; }
  .overview-content .d .imgs { background:none; height:auto; padding:0; }
  .overview-content .d .imgs .img { float:none; width:auto; }
  .overview-content .d .imgs .img .note { color:#fff; font-size:3vw; }
  .overview-content .d .imgs .img1 { background:url(m/d1.jpg) 50% / 100% auto no-repeat; height:0; padding-bottom:120%; }
  .overview-content .d .imgs .img2 { background:url(m/d2.jpg) 50% / 100% auto no-repeat; height:0; padding-bottom:105%; }
  .overview-content .d .imgs .img1 .note { padding:108% 6% 0 15%; }
  .overview-content .d .imgs .img2 .note { padding:92% 0 0 50%; }
}
/********************************************************************************/
.overview-content .e { background:url(e.jpg) 50% no-repeat; background-size:120em auto; height:57.9375em; }
.overview-content .e .text { padding:9em 0 0; width:34em; }
.overview-content .e .imgs { font-size:0; margin-top:2%; }
.overview-content .e .imgs > * { display:inline-block; margin-right:8px; vertical-align:middle; }
.overview-content .e .imgs .img4 { margin-top:6px; }
@media screen and (max-width:736px){
  .overview-content .e { background:url(m/e.jpg) 50% 100% no-repeat; background-size:cover; height:auto; }
  .overview-content .e .text { padding:0; width:auto; }
  .overview-content .e .imgs { margin-left:6% }
  .overview-content .e:after { background:url(m/e-phone.png) 50% 0 / 100% auto no-repeat; content:""; display:block; height:0; margin-top:4rem; padding-bottom:132%; width:100%; }
}