@charset "UTF-8";

.rublon_login_page_adam { position: fixed; bottom: 0; left: 50%; width: 320px; margin-left: -160px; padding-top: 30px; }
.rublon_login_page_adam_static { position: relative; margin: 0 auto; bottom: auto; left: auto; }
@media screen and (max-width: 800px) {
	.rublon_login_page_adam { padding-top: 143px; }
}
@media screen and (max-width: 320px) {
	.rublon_login_page_adam { left: 0; margin: 0; }
}

.rublon_login_page_adam_message { position: relative; bottom: 30px; width: 290px; padding: 15px; height: auto; background: white; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13); color: #777; font-size: 14px; }
.rublon_login_page_adam_message:after { content: ""; display: block; position: absolute; bottom: 15px; left: -10px; width: 0; border-width: 7px 10px 7px 0; border-style: solid; border-color: transparent #fff transparent; }
.rublon_login_page_adam_message:before { content: ""; position: absolute; border-style: solid; border-width: 9px 12px 9px 0; border-color: transparent rgba(0, 0, 0, 0.05); display: block; width: 0; z-index: 0; bottom: 13px; left: -12px; }
@media screen and (max-width: 800px) {
	.rublon_login_page_adam_message { bottom: 143px; }
	.rublon_login_page_adam_message:after { bottom: -7px; left: 51px; border-width: 8px 9px 0; border-color: #fff transparent transparent; }
	.rublon_login_page_adam_message:before { border-width: 10px 12px 0; border-color: rgba(0, 0, 0, 0.05) transparent; bottom: -10px; left: 48px; }
}

.rublon_login_page_adam_image {	position: absolute; left: -105px; bottom: 0; width: 90px;height: 128px;background: transparent url('../../assets/images/rublon_adam.png') no-repeat center center;background-size: 90px 128px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
	.rublon_login_page_adam_image { background-image: url('../../assets/images/rublon_adam@2x.png') }
}

@media screen and (max-width: 800px) {
	.rublon_login_page_adam_image {	left: 15px; }
}

.rublon_login_page_adam_close { display: none; position: absolute; top: 0; right: 0; width: 32px; height: 32px; cursor: pointer; }
.rublon_login_page_adam:hover .rublon_login_page_adam_close { display: block; }
.rublon_login_page_adam_close span { display: block; position: absolute; top: 8px; width: 21px; height: 4px; border-radius: 2px; background: #00C389; }
.rublon_login_page_adam_close .line-1 { left: 8px;  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 2px 2px; -moz-transform-origin: 2px 2px; -ms-transform-origin: 2px 2px; -o-transform-origin: 2px 2px; transform-origin: 2px 2px; }
.rublon_login_page_adam_close .line-2 { right: 8px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 19px 2px; -moz-transform-origin: 19px 2px; -ms-transform-origin: 19px 2px; -o-transform-origin: 19px 2px; transform-origin: 19px 2px; }

.rublon_login_page_adam_close_message { display: none; position: fixed; left: 50%; margin-left: -160px; bottom: 30px; width: 290px; padding: 15px; height: auto; background: white; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13); color: #777; font-size: 14px; }
.rublon_login_page_adam_close_message_static { position: relative; margin: 0 auto; bottom: auto; left: auto; }
@media screen and (max-width: 320px) {
    .rublon_login_page_adam_close_message { left: 0; margin: 0; }
}