body
{
   background-color: #F5F5F5;
   background-image: url(images/index_bkgrnd.png);
   background-repeat: repeat-x;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
   -webkit-animation: transform-bounch-in 2200ms linear 0ms 1 normal;
   -moz-animation: transform-bounch-in 2200ms linear 0ms 1 normal;
   animation: transform-bounch-in 2200ms linear 0ms 1 normal;
}
#wb_Text1 div
{
   text-align: center;
}
#Shape1
{
   width: 237px;
   height: 78px;
   background-color: #4169E1;
   background-image: none;
   border: 0px #0000CD solid;
}
#Shape1_text
{
   position: absolute;
   left: 1px;
   top: 27px;
   width: 235px;
   height: 50px;
   overflow: hidden;
   text-align: center;
}
#Shape1
{
   -webkit-animation: animate-fade-in-left 1900ms linear 1ms 1 normal, animate-background 750ms linear 0ms 5 normal;
   -moz-animation: animate-fade-in-left 1900ms linear 1ms 1 normal, animate-background 750ms linear 0ms 5 normal;
   animation: animate-fade-in-left 1900ms linear 1ms 1 normal, animate-background 750ms linear 0ms 5 normal;
}
#Shape1:hover
{
   background-color: #9400D3;
   -webkit-transition: background-color 500ms linear 0ms;
   -moz-transition: background-color 500ms linear 0ms;
   transition: background-color 500ms linear 0ms;
}
#wb_Text5 
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text5 div
{
   text-align: left;
}
#wb_Text9 
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text9 div
{
   text-align: center;
}
#Layer1
{
   background-color: transparent;
   background-image: url(images/picture970.png);
   background-repeat: repeat;
   background-position: center bottom;
   background-attachment: scroll;
   background-size: cover;
}
#Layer1{
   display: inline-flex !important;
}
#wb_top
{
   position: absolute;
   left: 974px;
   top: 0px;
   width: 20px;
   height: 20px;
   z-index: 6;
}
#wb_Text1
{
   position: absolute;
   left: 323px;
   top: 101px;
   width: 528px;
   height: 124px;
   text-align: center;
   z-index: 3;
}
#Layer1
{
   position: relative;
   text-align: center;
   margin: 0px 0px 0px 0px;
   width: 100%;
   height: 100%;
   float: left;
   display: block;
   z-index: 8;
}
#wb_Text5
{
   position: absolute;
   left: 714px;
   top: 392px;
   width: 141px;
   height: 16px;
   z-index: 1;
   text-align: left;
}
#Layer1_Container
{
   width: 970px;
   height: 609px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   margin-top: auto;
   margin-bottom: auto;
   text-align: left;
}
#wb_Text9
{
   position: absolute;
   left: 625px;
   top: 553px;
   width: 270px;
   height: 48px;
   text-align: center;
   z-index: 4;
}
#Checkbox1
{
   position: absolute;
   left: 694px;
   top: 390px;
   z-index: 2;
}
#wb_Shape1
{
   position: absolute;
   left: 642px;
   top: 300px;
   width: 237px;
   height: 78px;
   z-index: 0;
}
#top
{
   visibility: hidden;
}
@media only screen and (min-width: 1650px)
{
body
{
   background-color: #696969;
   background-image: url(images/index_bkgrnd1650.png);
   background-repeat: repeat-x;
}
#wb_top
{
   left: 974px;
   top: 0px;
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   left: 307px;
   top: 112px;
   width: 528px;
   height: 124px;
   visibility: visible;
   display: inline;
   background-color: transparent;
   background-image: none;
}
#wb_Shape1
{
   left: 606px;
   top: 369px;
   width: 232px;
   height: 74px;
   visibility: visible;
   display: inline;
}
#Shape1
{
   width: 232px;
   height: 74px;
}
#Shape1_text
{
   left: 1px;
   top: 25px;
   width: 230px;
   height: 48px;
}
#wb_Text5
{
   left: 677px;
   top: 453px;
   width: 141px;
   height: 16px;
   visibility: visible;
   display: inline;
   background-color: transparent;
   background-image: none;
}
#wb_Text9
{
   left: 585px;
   top: 583px;
   width: 267px;
   height: 48px;
   visibility: visible;
   display: inline;
   background-color: transparent;
   background-image: none;
}
#Checkbox1
{
   left: 657px;
   top: 452px;
   visibility: visible;
   display: inline;
   color: #FFFFFF;
   background-color: #3370B7;
   background-image: none;
}
#Layer1
{
   visibility: visible;
   display: inline;
   background-color: transparent;
   background-image: url(images/full.png);
   background-repeat: repeat;
   background-position: center center;
   background-attachment: scroll;
   background-size: cover;
}
#Layer1_Container
{
   width: 970px;
   height:641px;
}
}
@media only screen and (min-width: 1280px) and (max-width: 1649px)
{
#wb_top
{
   left: 974px;
   top: 0px;
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   left: 328px;
   top: 107px;
   width: 528px;
   height: 124px;
   visibility: visible;
   display: inline;
   background-color: transparent;
   background-image: none;
}
#wb_Shape1
{
   left: 642px;
   top: 287px;
   width: 213px;
   height: 68px;
   visibility: visible;
   display: inline;
}
#Shape1
{
   width: 213px;
   height: 68px;
}
#Shape1_text
{
   left: 1px;
   top: 22px;
   width: 211px;
   height: 45px;
}
#wb_Text5
{
   left: 699px;
   top: 361px;
   width: 141px;
   height: 16px;
   visibility: visible;
   display: inline;
   background-color: transparent;
   background-image: none;
}
#wb_Text9
{
   left: 623px;
   top: 510px;
   width: 270px;
   height: 48px;
   visibility: visible;
   display: inline;
   background-color: transparent;
   background-image: none;
}
#Checkbox1
{
   left: 679px;
   top: 361px;
   visibility: visible;
   display: inline;
   color: #FFFFFF;
   background-color: #3370B7;
   background-image: none;
}
#Layer1
{
   visibility: visible;
   display: inline;
   background-color: transparent;
   background-image: url(images/full.png);
   background-repeat: repeat;
   background-position: center center;
   background-attachment: scroll;
   background-size: cover;
}
#Layer1_Container
{
   width: 970px;
   height:558px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1279px)
{
body
{
   background-color: #D3D3D3;
   background-image: url(images/index_bkgrnd768.png);
   background-repeat: repeat-x;
}
#wb_top
{
   left: 773px;
   top: 0px;
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   left: 211px;
   top: 76px;
   width: 528px;
   height: 124px;
   visibility: visible;
   display: inline;
   background-color: transparent;
   background-image: none;
}
#wb_Shape1
{
   left: 477px;
   top: 243px;
   width: 193px;
   height: 57px;
   visibility: visible;
   display: inline;
}
#Shape1
{
   width: 193px;
   height: 57px;
}
#Shape1_text
{
   left: 1px;
   top: 16px;
   width: 191px;
   height: 40px;
}
#wb_Text5
{
   left: 527px;
   top: 310px;
   width: 141px;
   height: 16px;
   visibility: visible;
   display: inline;
   background-color: transparent;
   background-image: none;
}
#wb_Text9
{
   left: 438px;
   top: 458px;
   width: 270px;
   height: 48px;
   visibility: visible;
   display: inline;
   background-color: transparent;
   background-image: none;
}
#Checkbox1
{
   left: 506px;
   top: 308px;
   visibility: visible;
   display: inline;
   color: #FFFFFF;
   background-color: #3370B7;
   background-image: none;
}
#Layer1
{
   visibility: visible;
   display: inline;
   background-color: transparent;
   background-image: url(images/picture768.png);
   background-repeat: repeat;
   background-position: center center;
   background-attachment: scroll;
   background-size: cover;
}
#Layer1_Container
{
   width: 768px;
   height:512px;
}
}
@media only screen and (max-width: 767px)
{
body
{
   background-color: #DCDCDC;
   background-image: url(images/index_bkgrnd320.png);
   background-repeat: repeat-x;
}
#wb_top
{
   left: 320px;
   top: 0px;
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   left: 28px;
   top: 26px;
   width: 265px;
   height: 248px;
   visibility: visible;
   display: inline;
   background-color: transparent;
   background-image: none;
}
#wb_Shape1
{
   left: 64px;
   top: 372px;
   width: 192px;
   height: 56px;
   visibility: visible;
   display: inline;
}
#Shape1
{
   width: 192px;
   height: 56px;
}
#Shape1_text
{
   left: 1px;
   top: 16px;
   width: 190px;
   height: 39px;
}
#wb_Text5
{
   left: 115px;
   top: 437px;
   width: 141px;
   height: 16px;
   visibility: visible;
   display: inline;
   background-color: transparent;
   background-image: none;
}
#wb_Text9
{
   left: 33px;
   top: 496px;
   width: 254px;
   height: 48px;
   visibility: visible;
   display: inline;
   background-color: transparent;
   background-image: none;
}
#Checkbox1
{
   left: 95px;
   top: 436px;
   visibility: visible;
   display: inline;
   color: #FFFFFF;
   background-color: #3370B7;
   background-image: none;
}
#Layer1
{
   visibility: visible;
   display: inline;
   background-color: transparent;
   background-image: url(images/niebo-dark.png);
   background-repeat: repeat;
   background-position: center bottom;
   background-attachment: scroll;
   background-size: cover;
}
#Layer1_Container
{
   width: 320px;
   height:547px;
}
}
#PageHeader
{
   position: fixed !important;
   float: none !important;
   -webkit-transition: all 500ms linear;
   -moz-transition: all 500ms linear;
   transition: all 500ms linear;   
}
#PageHeader.affix
{
   background: #222222;
   -webkit-transition: all 500ms linear;
   -moz-transition: all 500ms linear;
   transition: all 500ms linear;   
}
#wb_CssMenu1
{
   top: 5px !important;
   left: auto !important;
   right: 10px;
}