@font-face {
  font-family: 'Kia Bold';
  src: url('../fonts/kia_bold-webfont.woff2') format('woff2'),
    url('../fonts/kia_bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  font-family: 'Kia Light';
  src: url('../fonts/kia_light-webfont.woff2') format('woff2'),
    url('../fonts/kia_light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  font-family: 'Kia Medium';
  src: url('../fonts/kia_medium-webfont.woff2') format('woff2'),
    url('../fonts/kia_medium-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

body{
  font-family: Kia Bold;
  font-weight: normal;
  color: #fff;
  background: transparent;
  font-size: 13px;
}

a, a:visited, a:hover, a:visited:hover{
  text-decoration: none;
  outline: 0;
  color: inherit;
}

#banner{
  position: relative;
  overflow: hidden; 
}

.frame div{
  position: absolute;    
}

#banner, #banner .frame{  
  width: 738px;
  height: 217px;
  transform-origin: top left;
  overflow: hidden;
}

#banner .frame{  
  visibility: hidden;
}

#banner a{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 999;
}

#first{
  background: #54c0e1 url('../images/background.jpg') 0% 0% no-repeat;
  position: relative;
  height: 217px;
}

.snow {
  background-image: url('../images/snow.png'), url('../images/snow3.png'), url('../images/snow2.png');
  -webkit-animation: snow 20s linear infinite;
  -moz-animation: snow 20s linear infinite;
  -ms-animation: snow 20s linear infinite;
  animation: snow 20s linear infinite;
  width: 374px;
  height: 100%;
  left: 365px;
  top: 0;
}

.text{
  font-size: 2em;
  left: 340px;
  width: 400px;
  text-align: center;
}

.text1{
  top: 10px;
}

.text2{
  font-size: 2em;
  top: 45px;
}

.text3{
  font-size: 2em;
  top: 110px;
}

.text4{
  top: 155px;
  left: 270px;
  font-size: 1.5em;
}

.box{
  background: #fff;
  width: 200px;
  height: 217px;
  right: 0;
  top: 0;
}

.logo{
  background: #fff url('../images/logo_only.png') 50% 100% no-repeat;
  width: 90px;
  height: 50px;
  right: 60px;
  bottom: 20px;
  position: relative;
  border-radius: 28% 28% 0 0;
}

.logo:before, .logo:after{
  position: absolute;
  content: '';  
  top: 6px;
}

.logo:before{
  width: 0; 
  height: 0; 
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;   
  border-right: 50px solid #fff; 
  left: -46px;
}

.logo:after{
  width: 0; 
  height: 0; 
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;  
  border-left: 50px solid #fff;
  right: -46px;
}

.bottom{
  height: 20px;
  background: #fff;
  width: 100%;
  left: 0;
  bottom: 0;
  position: relative;
}

.bottom:before, .bottom:after{
  position: absolute;
  content: ''; 
  background: #54c1e2;
  width: 100px;
  height: 100px;
  border-radius: 35%;
  top: -105px;
}

.bottom:before{
  left: 485px;
  transform: rotate(38deg);
}

.bottom:after{
  left: 680px;
  transform: rotate(-38deg);
}

#second{
  background: #fff;
  width: 100%;
  height: 100%;
  top: 0;
}

.dako{
  background: url('../images/dako.jpg') 0% 0% no-repeat;
  width: 146px;
  height: 55px;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 30px;
}

.logo_full{
  background: url('../images/logo.png') 0% 0% no-repeat;
  width: 192px;
  height: 82px;
  left: 0;
  right: 0;
  margin: auto;
  top: 30px;
}

.warranty{
  background: url('../images/warranty_small.png') 0% 0% no-repeat;
  width: 71px;
  height: 52px;
  left: 260px;
  top: 10px;
}