@charset "utf-8";

.login4play-social-icons .login4play-tooltip-list .login4play-tooltip-item p { line-height: 16px; margin: 0px 0px 0px 24px; color: rgb(88, 88, 88); font-size: 14px; }

.login4play-social-icons-md .login4play-tooltip-list .login4play-tooltip-item p { line-height: 32px; margin: 0px 0px 0px 40px; color: rgb(88, 88, 88); }

.login4play-tooltip-link .login4play-tooltip-list .login4play-tooltip-item span { float: left; }

.login4play-tooltip-link .login4play-tooltip-list::before, .login4play-tooltip-link .login4play-tooltip-list::after { border-color: transparent; border-style: solid; content: ""; position: absolute; }

.login4play-tooltip-link .login4play-tooltip-list::before { border-bottom-color: rgb(199, 221, 226); border-width: 10px; margin: -20px 0px 0px 16px; z-index: 3; position: absolute; }

.login4play-tooltip-link .login4play-tooltip-list { border: 1px solid rgb(199, 221, 226); box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 2px; display: none; margin: 25px 0px 0px -19px; max-width: 200px; min-width: 100px; position: absolute; text-align: left; z-index: 1; }

.login4play-social-icons-md.login4play-tooltip-link .login4play-tooltip-list { margin: 41px 0px 0px -12px; }

.login4play-icon-arrow .login4play-tooltip-item { padding: 9px 10px; }

.login4play-tooltip-item { background-color: rgb(233, 242, 244); display: block; white-space: nowrap; }

.login4play-social-icons { background: url("data:,") 0px 0px no-repeat scroll transparent; cursor: pointer; margin: 0px 2px; display: inline-block; height: 16px; width: 16px; }

.login4play-icon-vkontakte { background-position: 0px 0px; }

.login4play-icon-odnoklassniki { background-position: 0px -23px; }

.login4play-icon-mailru { background-position: 0px -46px; }

.login4play-icon-facebook { background-position: 0px -69px; }

.login4play-icon-twitter { background-position: 0px -92px; }

.login4play-icon-google { background-position: 0px -115px; }

.login4play-icon-yandex { background-position: 0px -138px; }

.login4play-icon-linkedin { background-position: 0px -276px; }

.login4play-icon-steam { background-position: 0px -345px; }

.login4play-icon-instagram { background-position: 0px -552px; }

.login4play-social-icons.login4play-icon-arrow { background-position: 0px -598px; }

.login4play-social-icons-md { background: url("data:,") 0px 0px no-repeat scroll transparent; cursor: pointer; margin: 0px 3px; display: inline-block; height: 32px; width: 32px; }

.login4play-icon-md-vkontakte { background-position: 0px 0px; }

.login4play-icon-md-odnoklassniki { background-position: -33px 0px; }

.login4play-icon-md-mailru { background-position: -66px 0px; }

.login4play-icon-md-facebook { background-position: -165px 0px; }

.login4play-icon-md-twitter { background-position: -99px 0px; }

.login4play-icon-md-google { background-position: -198px 0px; }

.login4play-icon-md-yandex { background-position: -792px 0px; }

.login4play-icon-md-linkedin { background-position: -363px 0px; }

.login4play-icon-md-steam { background-position: -594px 0px; }

.login4play-icon-md-instagram { background-position: -659px 0px; }

.login4play-social-icons-md.login4play-icon-arrow { background-position: -132px 0px; }

.login4play-social-block { border: 2px solid rgb(251, 188, 143); display: inline-block; margin: 0px 0px 0px -5px; padding: 8px 10px; cursor: pointer; user-select: none; }

.login4play-social-block p { color: rgb(255, 131, 41); display: inline-block; font: 700 20px / 20px Arial, sans-serif; margin: 0px 10px 0px 0px; }

.login4play-social-block p:last-child { margin-left: 10px; }

.login4play-popup { width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; z-index: 999; display: none; }

.login4play-popup-overlay { background-color: rgba(0, 0, 0, 0.8); inset: 0px; position: absolute; z-index: 999; }

.login4play-popup-block { background-color: rgb(255, 255, 255); width: 750px; margin: 50px auto 0px; border: 1px solid rgb(178, 204, 213); position: relative; z-index: 1000; }

.login4play-popup p { font: 13px / 18px Arial, sans-serif; margin: 0px 0px 15px; }

.login4play-popup-header { padding: 15px 45px 0px; overflow: hidden; position: relative; }

.login4play-popup-title { font: 700 25px / 36px Arial, sans-serif; color: rgb(52, 52, 52); padding: 0px 0px 15px; border-bottom: 1px solid rgb(212, 229, 233); text-transform: uppercase; }

.login4play-popup-close { position: absolute; width: 17px; height: 17px; right: 20px; top: 17px; background: url("data:,") -253px -2px no-repeat; cursor: pointer; }

.login4play-popup-close:hover { background-position: -273px -2px; }

.login4play-powered { color: rgb(163, 163, 163); font: 400 13px Arial, sans-serif; position: absolute; right: 45px; bottom: 45px; }

.login4play-popup-content { background-color: rgb(255, 255, 255); padding: 35px 45px; }

.login4play-popup-content .login4play-check-list { margin: 0px; padding: 0px; list-style: none; }

.login4play-popup-content .login4play-check-list li { padding: 8px 10px 7px 0px; float: left; width: 30%; display: block; cursor: pointer; margin-bottom: 15px !important; }

.login4play-popup-content .login4play-app-block .login4play-check-list li { padding: 3px 10px 4px 0px; margin: 0px 0px 8px !important; }

.popup-content .app-block input[type="checkbox"] + label, .login4play-popup-content .login4play-app-block input[type="radio"] + label { margin: 0px 0px 0px 28px; }

.popup-content .app-block input[type="checkbox"] + label::before, .login4play-popup-content .login4play-app-block input[type="radio"] + label::before { left: -28px; }

.login4play-popup-content .login4play-check-list .login4play-social-icons-md { float: left; margin: 0px -32px 0px 0px; top: 0px !important; }

.login4play-popup-content .login4play-check-list .login4play-social-icons-md + p { margin: 0px 0px 0px 40px; line-height: 32px; color: rgb(88, 88, 88); font-size: 16px; }