HTML, BODY, #page { width:100%; height:100%;  margin: 0;
	font-family: Tahoma,Helvetica;
   padding: 0;
   border: 0;}
HTML { 
  background: url(b1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
#logo {   margin: auto; width: 100%; text-align:center; padding-top:50px; }
#navi {  margin: auto; width: 100%; text-align:center; padding-bottom:50px;  }

.navi { margin:10px; display:inline-block;  background-color: #0080c0; color:white;  padding:10px; font-size:20px; cursor:pointer; box-shadow: 5px 5px 5px #3a3a3a; }
.navi:hover { background-color: #f5f5f5;  color:#0080c0;  }
.active { background-color: #FFFFFF;  color:#0080c0; }
.hidden { display:none; padding-bottom: 100px;}

#contact {  margin: auto; width: 100%; text-align:center; }
.contact { margin: auto; width:40%; background-color:white; padding:20px; display:block;  font-size:20px; box-shadow: 5px 5px 5px #595959; }
#contactus {  background-color:white; padding:20px; display:inline; }

.page {   margin: auto; width: 100%; text-align:center; }
.content { background-color:white; padding:20px;  }

#other { margin: auto auto 100px auto;  text-align:center; font-size:20px; }
#other div.item { margin:10px auto 10px auto; width: 50%; background-color:white; padding:10px;  box-shadow: 5px 5px 5px #595959;  }

#form {   margin: auto; width: 100%; text-align:center; }
#plans {  margin: auto; width: 100%; text-align:center; }
#plans-table {  margin: auto; width: 100%; text-align:center; }

#plans-table table {
    margin-left:auto; 
    margin-right:auto;
	
	
	font-size:20px;
  }



#plans-table table td { padding:8px; border:1px solid #808080; background-color:white; }
#plans-table table td.empty { background-color:rgba(0, 0, 0, 0); border:0; }

#plans-table table td.planname { width:150px; font-weight:bold; color: #0080c0;  background-color:#efefef; padding:10px; }

input, select {
  padding:5px;
  margin: 10px;
  width: 300px;
  font-size: 18px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
}
input:focus {
  outline: none;
}

#address { margin: auto; width: 100%; text-align:center; font-size:20px; background-color:white; padding:20px; }

#privacy { margin: 10px auto 100px auto; width: 60%; text-align:center; font-size:20px; background-color:white; padding:20px;   box-shadow: 5px 5px 5px #595959; }
#foot { width: 100%; text-align:center; font-size:16px; background-color:#0080c0; padding:10px; position: fixed; bottom:0; }
.lang { color: #c0c0c0; margin-left: 10px; }

.invalid { width: 100%; text-align:center; font-size:16px; background-color:#cc0000; color:white; padding:10px;  }
















.rw-wrapper{
	width: 80%;
	position: relative;
	margin: 50px auto 0 auto;
	padding: 10px;
}
.rw-sentence{

	margin: 0;
	font-weight: 300;
	text-shadow: 0 0 0 rgba(0,0,0,0.0001);
}
.rw-sentence span{

	color: white;
	white-space: nowrap;
	text-shadow: 2px 2px #4b4b4b;
	font-weight:bold;

}
.rw-sentence > span:first-child{

	display: block;

}
.rw-words{

	width: 100%;
	height: 100px;
	-webkit-perspective: 800px;
	perspective: 800px;
}
.rw-words span{
	text-align:center;
	position: absolute;
	width: 100%;
	opacity: 0;
	white-space: nowrap;
	overflow: hidden;
}
.rw-words-1 span{
	
	text-align:center;
	font-size: 400%;
	line-height: 150%;
	-webkit-animation: rotateWordsFirst 18s linear infinite 0s;
	-ms-animation: rotateWordsFirst 18s linear infinite 0s;
	animation: rotateWordsFirst 18s linear infinite 0s;
}
.rw-words-2 span{
	font-size: 300%;
	font-style: italic;
	text-indent: 5px;
	line-height: 90%;
	color: #da0a0a;	
	-webkit-animation: rotateWordsSecond 18s ease-in infinite 0s;
	-ms-animation: rotateWordsSecond 18s ease-in infinite 0s;
	animation: rotateWordsSecond 18s ease-in infinite 0s;
}
.rw-words span:nth-child(2) { 
    -webkit-animation-delay: 3s; 
	-ms-animation-delay: 3s; 
	animation-delay: 3s; 
}
.rw-words span:nth-child(3) { 
    -webkit-animation-delay: 6s; 
	-ms-animation-delay: 6s; 
	animation-delay: 6s; 
}
.rw-words span:nth-child(4) { 
    -webkit-animation-delay: 9s; 
	-ms-animation-delay: 9s; 
	animation-delay: 9s; 
}
.rw-words span:nth-child(5) { 
    -webkit-animation-delay: 12s; 
	-ms-animation-delay: 12s; 
	animation-delay: 12s; 
}
.rw-words span:nth-child(6) { 
    -webkit-animation-delay: 15s; 
	-ms-animation-delay: 15s; 
	animation-delay: 15s; 
}
@-webkit-keyframes rotateWordsFirst {
    0% { opacity: 0; -webkit-animation-timing-function: ease-in; width: 0px;}
    5% { opacity: 1; -webkit-animation-timing-function: ease-out; width: 100%;}
    17% { opacity: 1; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWordsFirst {
    0% { opacity: 0; -ms-animation-timing-function: ease-in; width: 0px;}
    5% { opacity: 1; -ms-animation-timing-function: ease-out; width: 100%;}
    17% { opacity: 1; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWordsFirst {
    0% { opacity: 0; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; width: 0px;}
    5% { opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; width: 100%;}
    17% { opacity: 1; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@-webkit-keyframes rotateWordsSecond {
    0% { opacity: 0; -webkit-transform: translateZ(600px) translateX(200px);}
    8% { opacity: 1; -webkit-transform: translateZ(0px) translateX(0px);}
    17% { opacity: 1; }
    25% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWordsSecond {
    0% { opacity: 0; -ms-transform: translateZ(600px) translateX(200px);}
    8% { opacity: 1; -ms-transform: translateZ(0px) translateX(0px);}
    17% { opacity: 1; }
    25% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWordsSecond {
    0% { opacity: 0; -webkit-transform: translateZ(600px) translateX(200px); transform: translateZ(600px) translateX(200px);}
    8% { opacity: 1; -webkit-transform: translateZ(0px) translateX(0px); transform: translateZ(0px) translateX(0px);}
    17% { opacity: 1; }
    25% { opacity: 0; }
    100% { opacity: 0; }
}
@media screen and (max-width: 1060px){
	.rw-words{ height: 55px; }
	.rw-words-1 span{ font-size: 280%; text-indent: 5px;}
	.rw-words-2 span { font-size: 160%; }
}
@media screen and (max-width: 560px){
	.rw-words{ height: 40px; }
	.rw-words-1 span{ font-size: 180%; text-indent: 5px;}
	.rw-words-2 span { font-size: 90%; }
	.rw-sentence > span:first-child{ font-size: 80%;}
}
@media screen and (max-width: 400px){
	.rw-words{ height: 30px; }
	.rw-words-1 span{ font-size: 140%; text-indent: 5px;}
	.rw-words-2 span { font-size: 70%; }
	.rw-sentence > span:first-child{ font-size: 60%;}
}