@font-face {
    font-family: 'arklas';
    src: url('/intro/arklatrs-webfont.eot');
    src: url('/intro/arklatrs-webfont.eot?#iefix') format('embedded-opentype'),
         url('/intro/arklatrs-webfont.woff2') format('woff2'),
         url('/intro/arklatrs-webfont.woff') format('woff'),
         url('/intro/arklatrs-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoregular';
    src: url('/intro/lato-regular-webfont.eot');
    src: url('/intro/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/intro/lato-regular-webfont.woff2') format('woff2'),
         url('/intro/lato-regular-webfont.woff') format('woff'),
         url('/intro/lato-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rexfontregular';
    src: url('/intro/rexfont1-webfont.eot');
    src: url('/intro/rexfont1-webfont.eot?#iefix') format('embedded-opentype'),
         url('/intro/rexfont1-webfont.woff2') format('woff2'),
         url('/intro/rexfont1-webfont.woff') format('woff'),
         url('/intro/rexfont1-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Humanst521 L2';
    src: url('/intro/daewoo.eot');
    src: url('/intro/daewoo.eot?#iefix') format('embedded-opentype'),
         url('/intro/daewoo.woff2') format('woff2'),
         url('/intro/daewoo.woff') format('woff'),
         url('/intro/daewoo.ttf')  format('truetype');
         url('/intro/daewoo.svg#daewoo') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'daewoo-brochure';
    src: url('/intro/daewoo-brochure.eot');
    src: url('/intro/daewoo-brochure.eot?#iefix') format('embedded-opentype'),
        url('/intro/daewoo-brochure.woff2') format('woff2'),
        url('/intro/daewoo-brochure.woff') format('woff'),
        url('/intro/daewoo-brochure.ttf') format('truetype'),
        url('/intro/daewoo-brochure.svg#daewoo-brochure') format('svg');
    font-weight: normal;
    font-style: normal;
}




body {
margin: 0 auto;
padding: 0;
background-color: #fff;
background-size: 100%;
overflow-x: hidden;
}

b {
font-weight: bold;
}

.container {
position: absolute;
z-index: 0;
margin: 0;
padding: 0;
width: 100%;
max-width: 2560px;
top: 0;
}

.containera {
position: absolute;
z-index: 1;
margin: 0;
padding: 0;
height: 1324px;
width: 100%;
max-width: 2560px;
margin-top: 20px;
top: 0;
left: 50%;
transform: translate(-50%, 0%);
background-image: url(/intro/bir15.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: auto;
overflow: hidden;
}

.base {
padding: 0;
border: 0;
background-color: #3c3c3c;
display: block;
max-width: 0px;
margin: auto;
text-align: left;
width: 100%;
max-width: 850px;
position: absolute;
border-radius: 14px;
margin-left: 0px;
margin-top: 1000px;
z-index: 2;
top: 0;
left: 50%;
transform: translate(-50%, 0%);
}

.inside {
padding: 20px;
xborder: 2px solid rgb(115, 115, 115);
xbackground-color: rgb(53, 53, 53);
xbox-shadow: 4px 0px 16px #000;
display: block;
margin: auto;
text-align: center;
position: relative;
border-radius: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 60px;
overflow: hidden;
z-index: 3;
}

.outside {
display: block;
position: absolute;
z-index: 5;
background-color: #ffffff69;
width: 100%;
text-align: center;
margin: auto;
margin-top: -85px;
}

h2 {
font-family: Humanst521 L2, 'daewoo-brochure', 'Trebuchet MS', Arial, Sans-Serif;
font-weight: bold;
color: #404040;
margin: 0;
font-size: 24px;
font-style: normal;
line-height: 160%;
letter-spacing: 0px;
z-index: 4;
position: relative;
}

h3 {
font-family: Humanst521 L2, 'daewoo-brochure', 'Trebuchet MS', Arial, Sans-Serif;
font-weight: normal;
color: #808080;
margin: 0;
font-size: 15px;
font-style: normal;
line-height: 160%;
letter-spacing: 0px;
z-index: 4;
position: relative;
}

h4 {
left: 0;
top: 0;
position: relative;
display: block;
font-family: Humanst521 L2, 'daewoo-brochure', 'Trebuchet MS', Arial, Sans-Serif;
font-weight: normal;
color: #c6c6c6;
width: 485px;
height: 220px;
margin: 0;
font-size: 15.200px;
font-style: normal;
text-align: left;
line-height: 160%;
letter-spacing: 0.2px;
margin-left: 20px;
margin-top: 10px;
padding: 4px;
z-index: 5;
}

.devpic {
position: absolute;
z-index: 4;
text-align: center;
border-radius: 0;
margin: 0;
padding: 0;
margin-top: 20px;
margin-right: -30px;
height: 185px;
width: 390px;
top: 0;
right: 0;
background-image: url(/intro/bir15-pics.jpg);
background-position: center top 0px;
background-repeat: no-repeat;
background-size: auto;
}

.devpic0 {
background-position: center top -14px !important;
}

.devpic1 {
background-position: center top -254px !important;
}

.devpic2 {
background-position: center top -484px !important;
}

.devpic3 {
background-position: center top -730px !important;
}

.devpic4 {
background-position: center top -948px !important;
}

.devpic5 {
background-position: center top -1176px !important;
}

.devpic6 {
background-position: center top -1400px !important;
}

.devpic7 {
background-position: center top -1635px !important;
}

.devpic8 {
background-position: center top -1866px !important;
}

.devpic9 {
position: absolute;
z-index: 4;
text-align: center;
border-radius: 0;
margin: 0;
padding: 0;
margin-top: 20px;
margin-right: -30px;
height: 185px;
width: 390px;
top: 0;
right: 0;
background-image: url(/intro/bir15-pics.jpg);
background-position: center top -2095px !important;
background-repeat: no-repeat;
background-size: auto;
}


@media only screen and (max-width: 1400px){
.containera {
position: absolute;
z-index: 1;
margin: 0;
padding: 0;
height: 1324px;
width: 100%;
max-width: 2560px;
margin-top: -50px;
top: 0;
left: 50%;
transform: translate(-50%, 0%);
background-image: url(/intro/bir15.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
}

.base {
margin-top: 900px;
}

}


@media only screen and (max-width: 850px){

.container {
position: absolute;
z-index: 0;
margin: 0;
padding: 0;
width: 100%;
max-width: 860px;
top: 0;
}

.containera {
position: absolute;
z-index: 1;
margin: 0;
padding: 0;
height: 1324px;
width: 100%;
max-width: 850px;
margin-top: 20px;
top: 0;
left: 50%;
transform: translate(-50%, 0%);
background-image: url(/intro/bir15m.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
}

.base {
padding: 0;
border: 0;
background-color: #3c3c3c;
display: block;
max-width: 0px;
margin: auto;
text-align: left;
width: 88%;
max-width: 750px;
position: absolute;
border-radius: 14px;
margin-left: 0px;
margin-top: 1120px;
z-index: 2;
top: 0;
left: 50%;
transform: translate(-50%, 0%);
}

.inside {
padding: 20px;
display: block;
margin: auto;
text-align: center;
position: relative;
border-radius: 0;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 20px;
overflow: hidden;
z-index: 3;
}

h2 {
font-size: 20px;
}

h3 {
font-size: 14px;
}

h4 {
left: 0;
top: 0;
position: relative;
display: block;
font-family: Humanst521 L2, 'daewoo-brochure', 'Trebuchet MS', Arial, Sans-Serif;
font-weight: normal;
color: #c6c6c6;
width: 421px;
height: 200px;
margin: 0;
font-size: 13.110px;
font-style: normal;
text-align: left;
line-height: 160%;
letter-spacing: 0.2px;
margin-left: 10px;
margin-top: 20px;
padding: 4px;
z-index: 5;
}

.devpic {
  position: absolute;
  z-index: 4;
  text-align: center;
  border-radius: 0;
  margin: 0;
  padding: 0;
  margin-top: 20px;
  margin-right: -12px;
  height: 185px;
  width: 320px;
  top: 0;
  right: 0;
  background-image: url(/intro/bir15-picm.jpg);
  background-position: center top 0px;
  background-repeat: no-repeat;
  background-size: auto;
}

.devpic9 {
  position: absolute;
  z-index: 4;
  text-align: center;
  border-radius: 0;
  margin: 0;
  padding: 0;
  margin-top: 20px;
  margin-right: -12px;
  height: 185px;
  width: 320px;
  top: 0;
  right: 0;
  background-image: url(/intro/bir15-picm.jpg);
}


}



@media only screen and (max-width: 720px){
h4 {
left: 0;
top: 0;
position: relative;
display: block;
font-family: Humanst521 L2, 'daewoo-brochure', 'Trebuchet MS', Arial, Sans-Serif;
font-weight: normal;
color: #c6c6c6;
width: 390px;
height: 160px;
margin: 0;
font-size: 12.110px;
font-style: normal;
text-align: left;
line-height: 160%;
letter-spacing: 0.2px;
margin-left: 2px;
margin-top: 30px;
padding: 4px;
z-index: 5;
}

h2 {
font-size: 16px;
}

h3 {
font-size: 14px;
}

}



@media only screen and (max-width: 660px){
h4 {
left: 0;
top: 0;
position: relative;
display: block;
font-family: Humanst521 L2, 'daewoo-brochure', 'Trebuchet MS', Arial, Sans-Serif;
font-weight: normal;
color: #c6c6c6;
width: 90%;
height: 200px;
margin: 0;
font-size: 14.100px;
font-style: normal;
text-align: center;
line-height: 160%;
letter-spacing: 0.2px;
margin-left: 20px;
margin-top: 15px;
padding: 4px;
z-index: 5;
}

.inside {
overflow: visible;
}

.devpic {
  position: relative;
  z-index: 4;
  text-align: center;
  border-radius: 0;
  margin: 0;
  padding: 0;
  margin-top: 20px;
  margin-right: -12px;
  height: 185px;
  width: 100%;
  top: 0;
  right: 0;
  background-image: url(/intro/bir15-pic.jpg);
  background-position: center top 0px;
  background-repeat: no-repeat;
  background-size: auto;
}

.devpic9 {
  position: relative;
  z-index: 4;
  text-align: center;
  border-radius: 0;
  margin: 0;
  padding: 0;
  margin-top: 20px;
  margin-right: -12px;
  height: 185px;
  width: 100%;
  top: 0;
  background-image: url(/intro/bir15-pic.jpg);
}

}

@media only screen and (max-width: 580px){
h4 {
margin-left: 10px;
}

h2 {
font-size: 15px;
}

h3 {
font-size: 13px;
}

.outside {
margin-top: -90px;
}

}

@media only screen and (max-width: 480px){
h4 {
left: 0;
top: 0;
position: relative;
display: block;
font-family: Humanst521 L2, 'daewoo-brochure', 'Trebuchet MS', Arial, Sans-Serif;
font-weight: normal;
color: #c6c6c6;
width: 90%;
height: 280px;
margin: 0;
font-size: 14.100px;
font-style: normal;
text-align: center;
line-height: 160%;
letter-spacing: 0.2px;
margin-left: 6px;
margin-top: 15px;
padding: 4px;
z-index: 5;
}

h2 {
font-size: 14px;
}

h3 {
font-size: 12px;
}

.inside {
padding: 15px;
}

.containera {
position: absolute;
z-index: 1;
margin: 0;
padding: 0;
height: 820px;
width: 100%;
max-width: 100%;
margin-top: 4px;
top: 0;
left: 50%;
transform: translate(-50%, 0%);
background-image: url(/intro/bir15m.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: 740px;
overflow: hidden;
}

.base {
margin-top: 730px;
}

}


@media only screen and (max-width: 400px){
h4 {
left: 0;
top: 0;
position: relative;
display: block;
font-family: Humanst521 L2, 'daewoo-brochure', 'Trebuchet MS', Arial, Sans-Serif;
font-weight: normal;
color: #c6c6c6;
width: 90%;
height: 240px;
margin: 0;
font-size: 13.100px;
font-style: normal;
text-align: center;
line-height: 140%;
letter-spacing: 0.2px;
margin-left: 8px;
margin-top: 15px;
padding: 4px;
z-index: 5;
}

.inside {
padding: 10px;
}

.outside {
margin-top: -115px;
}

.containera {
position: absolute;
z-index: 1;
margin: 0;
padding: 0;
height: 620px;
width: 100%;
max-width: 100%;
margin-top: 4px;
top: 0;
left: 50%;
transform: translate(-50%, 0%);
background-image: url(/intro/bir15m.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: 540px;
overflow: hidden;
}

.base {
margin-top: 600px;
}

.devpic9 {
display:none;
}

}

@media only screen and (max-width: 320px){
h4 {
height: 300px;
}

}


@media only screen and (max-width: 260px){
h4 {
left: 0;
top: 0;
position: relative;
display: block;
font-family: Arial, Helvetica, Sans-Serif !important;
font-weight: normal;
color: #dbdbdb;
width: 100%;
height: 240px;
margin: 0;
font-size: 10px;
font-style: normal;
text-align: center;
line-height: 140%;
letter-spacing: 0px;
margin-left: 0px;
margin-top: 15px;
padding: 0;
z-index: 5;
}


h2 {
font-size: 12px;
line-height: 130%;
letter-spacing: 0px;
font-family: Arial, Helvetica, Sans-Serif !important;
margin-bottom: 5px;
}

h3 {
font-size: 10px;
line-height: 130%;
letter-spacing: 0px;
font-family: Arial, Helvetica, Sans-Serif !important;
}

.containera {
position: absolute;
z-index: 1;
margin: 0;
padding: 0;
height: 496px;
width: 100%;
max-width: 100%;
margin-top: 4px;
top: 0;
left: 50%;
transform: translate(-50%, 0%);
background-image: url(/intro/bir15m.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: 450px;
overflow: hidden;
}

.base {
margin-top: 510px;
}

.inside {
padding: 14px;
}

.outside {
margin-top: -95px;
}

}