/*body, html{
	width:100%;
	height:100%;
}*/
.wrapper{
	text-align:center;
}
.logoWrap{
	width:100%;
	padding:200px 0 20px 0;
}
.logo{
	position: relative;
}
.logo-subtext {
	position: absolute;
    color: #4285f4;
    font: 16px/16px roboto-regular,arial,sans-serif;
    right: 5px;
    bottom: 5px;
    white-space: nowrap;
}
.search-inputWrap{
	width:100%;
	padding-bottom:10px;
}
.logo, 
.search-input{
	display:inline-block;
}
.search-input{
	position:relative;
	width:620px;
}
.keyboardInput{
	width:620px;
	height:40px;
	line-height:40px;
	padding:0 45px 0 10px;
	background-color: #fff;
    border: 1px solid #d9d9d9;
    font-family: arial,sans-serif;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: 16px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
	opacity: 1;
	transition: all linear 0.3s;
    /*transition: opacity linear 0.3s, width linear 0.3s;*/
}
.keyboardInput:hover, 
.keyboardInput:focus{
    border: 1px solid #1c70ea;
}
.keyboardInputInitiator {
	position:absolute;
	top:14px;
	right:14px;
	cursor:pointer;
}
.search-button{
	height: 36px;
    line-height: 27px;
	-moz-user-select: none;
    background-color: #f2f2f2;
    background-image: -moz-linear-gradient(center top , #f5f5f5, #f1f1f1);
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    color: #757575;
    cursor: default;
    font-family: arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin: 11px 4px;
    min-width: 54px;
    padding: 0 16px;
    text-align: center;
}
.search-button:hover{
	-moz-user-select: none;
    background-color: #f8f8f8;
    background-image: -moz-linear-gradient(center top , #f8f8f8, #f1f1f1);
    border: 1px solid #c6c6c6;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #222;
}
#keyboardInputMaster {
	top: 430px !important;
}

/* Responsive */
@media (max-width:1200px){
#keyboardInputMaster {
	top: 370px !important;
}
.search-input, 
.keyboardInput{
	width:600px;
}
.logoWrap{
	padding-top:140px;
}
}
@media (max-width:1067px){
#keyboardInputMaster {
	top: 330px !important;
}
.search-input, 
.keyboardInput{
	width:500px;
}
.logoWrap{
	padding-top:100px;
}
}
@media (max-width:997px){
@media (max-width:1067px){
#keyboardInputMaster {
	top: 290px !important;
}
.search-input, 
.keyboardInput{
	width:480px;
}
.logoWrap{
	padding-top:60px;
}
}
@media (max-width:767px){
#keyboardInputMaster {
	top: 250px !important;
}
.search-input, 
.keyboardInput{
	width:460px;
}
.logoWrap{
	padding-top:20px;
}
}
@media (max-width:766px){

}
@media (max-width:700px){

}
@media (max-width:667px){
	
}
@media (max-width:480px){
.search-input, 
.keyboardInput{
	width:100%;
}	
}
@media (max-width:367px){

}