object:focus {
    outline: none;
}

@font-face {
    font-family: lbs;
    src: url("../fonts/LBS.ttf"),
    url("../fonts/LBS.woff") format("woff");
}

/*//-------------------------------------------------------------------//
//
//							Help Classes
//
//-------------------------------------------------------------------//*/

.posCenter {
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.disabled {
    pointer-events: none;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
}

/*//-------------------------------------------------------------------//
//
//							Controlls
//
//-------------------------------------------------------------------//*/

.button_blue {
    background: url(../img/button_blue.png) 0 0 no-repeat;
    width: 152px;
    height: 67px;
    cursor: pointer;
    text-decoration: none;
    margin-top: 30px;
    right:226px;
    position: absolute;
}

.button_blue > [name=label] {
    color: #57BCE6;
    position: relative;
    margin-top: 22px;
    line-height: 25px;
    font-size: 30px;
}

.button_blue:hover {
    background-position-y: -67px;
}

.button_blue:active {
    background-position-y: -134px;
}

.label {
    text-align: center;
    font: 18px lbs;
    color: #2FB0DA;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    position: relative;
}

.inputWithLabel {

}

.inputWithLabel > [name=title] {

}

.inputWithLabel > [name=input] {
    background: url(../img/editbox_big.png) 0 0 no-repeat;
    width: 397px;
    height: 62px;
    margin-top: 10px;
    font: 18px lbs;
    color: white;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    background-color: unset;
    border-color: unset;
    border-image: unset;
    border-style: none;
    text-align: center;
    border-width: 0px;

}

.inputWithLabel > [name=input].active {
    background-position-y: -62px;
}

.smallButton {
    background: url(../img/button_small.png) 0 0 no-repeat;
    width: 152px;
    height: 67px;
    cursor: pointer;
}

.smallButton > [name=label] {
    color: #ffffff;
    position: relative;
    margin-top: 22px;
}

.smallButton:hover {
    background-position-y: -67px;
}

.smallButton:active {
    background-position-y: -134px;
}

.bigButton {
    background: url(../img/button_go.png) 0 0 no-repeat;
    width: 247px;
    height: 67px;
    cursor: pointer;
}

.bigButton > [name=label] {
    color: #ffffff;
    position: relative;
    margin-top: 22px;
    line-height: 28px;
}

.bigButton:hover {
    background-position-y: -67px;
}

.bigButton:active {
    background-position-y: -134px;
}

.bigButton2 {
    background: url(../img/button_go2.png) 0 0 no-repeat;
    width: 346px;
    height: 67px;
    cursor: pointer;
}

.bigButton2 > [name=label] {
    color: #ffffff;
    position: relative;
    margin-top: 22px;
    line-height: 25px;
    font-size: 30px;
}

.bigButton2:hover {
    background-position-y: -67px;
}

.bigButton2:active {
    background-position-y: -134px;
}

/*//-------------------------------------------------------------------//
//
//							Logo
//
//-------------------------------------------------------------------//*/

#logo {
    height: 17%;
    position: absolute;
    left: 50%;
    top: 6%;
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
}

#officialSitePanel {
    color: #517594;
    font-size: 12px;
    margin: auto;
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none;
    position: absolute;
    left: 50%;
    top: 2%;
    visibility: hidden;
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
}

#officialSitePanel > a[name=url] {
    color: #517594;
    font-size: 12px;
    margin: auto;
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none;
}

#officialSitePanel > a[name=url]:hover {
    text-decoration: underline;
}

/*//-------------------------------------------------------------------//
//
//							Email Confirm
//
//-------------------------------------------------------------------//*/

#screenContactUs {
    width: 600px;
    height: 440px;
    position: fixed;
    left: 50%;
    top: 50%;
    display: none;
}

#screenContactUs > [name=background] {
    position: fixed;
}

a {
    color: #FFCC00;
}

#screenContactUs > [name=looking_more] {
    font-size: 15px;
}

#screenContactUs > [name=business_title] {
    color: #FFCC00;
    font-size: 30px;
    position: relative;
    padding-top: 30px;
}

#screenContactUs > [name=twitter] {
    color: #FFCC00;
    font-size: 20px;
    position: relative;
    padding-top: 30px;
}
#screenContactUs > [name=feedback_title] {
    color: #FFCC00;
    font-size: 20px;
    position: relative;
    padding-top: 30px;
}

#screenContactUs > [name=mail_title] {
    color: #FFCC00;
    font-size: 30px;
    position: relative;
    padding-top: 30px;
}

#screenContactUs > [name=description] {
    color: white;
    margin-top: 30px;
    position: relative;
}

#screenContactUs > [name=buttons] {
    position: relative;
    margin-top: 30px;
}

#screenContactUs > [name=buttons] > [name=button_play] {
    display: inline-block;
}

#screenContactUs > [name=buttons] > [name=button_play] > [name=label] {
    font-size: 22px;
    margin-top: 17px;
}

#screenContactUs > [name=help_desk_title] {
    color: #FFCC00;
    font-size: 30px;
    position: relative;
    padding-top: 30px;
}