/*	RESET CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

body { background: url('images/body-bg-logo.png') no-repeat right top #8437FF; background-size: cover; font-family: Lato, Sans-serif; font-size: 16px; color: #fff; }
::selection { background: #8437FF; color: #ffffff; }
::-moz-selection { background: #8437FF; color: #ffffff; }
#global { width: 560px; margin: 8% auto 0px auto; }
.clear { clear: both; }
a.link { text-decoration: underline; cursor: pointer; }
a.link:hover { text-decoration: none; }
.marginbot5 { margin-bottom: 5px; }
.marginbot15 { margin-bottom: 15px; }
#global_left { float: left; width: 160px; }
#feepo_logo { width: 110px; height: 110px; margin-top: 5px; margin-bottom: 30px; }
#social_x_count { margin-top: 65px; margin-bottom: 5px; }
.social { display: inline-block; height: 34px; width: 34px; margin: 5px 5px 30px 0px; background-image: url('images/icons-social-68-white.png'); background-size: 204px 34px; background-repeat: no-repeat; transition: 0.25s; }
.social.facebook { background-position-x: 0px; }
.social.twitter { background-position-x: -34px; }
.social.instagram { background-position-x: -68px; }
.social.pinterest { background-position-x: -102px; }
.social.tiktok { background-position-x: -136px; }
.social:hover { opacity: 0.7; }
#global_right { float: right; width: 400px; }
h1 { font-size: 22px; font-weight: bold; font-style: italic; height: 115px; margin-bottom: 30px; }
#login_or_request_buttons { margin-bottom: 30px; }
#login_or_request_buttons a { margin-right: 4px; }
#login_block { display: none; }
#request_block { display: none; }
#result { display: none; margin-top: 15px; }
.button, a.button { font-family: Lato, Sans-serif; font-size: 16px; background: #fff; color: #8437FF; padding: 8px 11px 10px 11px; cursor: pointer; border: 0; margin: 0; /*line-height: 34px;*/ -webkit-appearance: none; transition: 0.25s; border-radius: 9px; }
.button:hover { opacity: 0.7; }
.input { background: #fff; color: #8437FF; padding: 8px 11px 10px 11px; border: 0; margin: 0; font-family: Lato, Sans-serif; font-size: 16px; /*line-height: 16px;*/ -webkit-appearance: none; border-radius: 9px; }
.input::-webkit-input-placeholder { color: #8437FF; opacity: 1; }
.input:-moz-placeholder { color: #8437FF; opacity: 1; }
.input::-moz-placeholder { color: #8437FF; opacity: 1; }
.input:-ms-input-placeholder { color: #8437FF; opacity: 1; }
.input.text { width: 90%; }
input.button { padding: 8px 11px 10px 11px; }
.cancel:hover { text-decoration: underline; cursor: pointer; }

@-moz-document url-prefix() {
  .input { padding-top: 9px; padding-bottom: 8px; line-height: 8px; }
  .button { height: 34px; }
}

/* JS/ICHECK */
.icheckbox_square, .iradio_square { display: inline; display: inline-block; vertical-align: middle; margin: 0; padding: 0; width: 16px; height: 16px; background: url('js/icheck/feepo.png') no-repeat; border: none; cursor: pointer; top: -2px; margin-right: 4px; }
.icheckbox_square { background-position: 0 0; }
.icheckbox_square.hover { background-position: -18px 0; }
.icheckbox_square.checked { background-position: -36px 0; }
.icheckbox_square.disabled { background-position: -54px 0; cursor: default; }
.icheckbox_square.checked.disabled { background-position: -72px 0; }
.iradio_square { background-position: -90px 0; }
.iradio_square.hover { background-position: -108px 0; }
.iradio_square.checked { background-position: -126px 0; }
.iradio_square.disabled { background-position: -144px 0; cursor: default; }
.iradio_square.checked.disabled { background-position: -162px 0; }
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
.icheckbox_square, .iradio_square { background-image: url('js/icheck/feepo@x2.png'); -webkit-background-size: 178px 16px; background-size: 178px 16px; }
}

@media screen and (max-width: 762px) {
	#global { width: auto; margin-top: 0px; padding: 20px; }
	#social { margin-top: 20px; margin-bottom: 20px; }
	#global_left { float: none; margin: 0px auto 0px auto; width: auto; text-align: center; }
	#global_right { float: none; margin: 0px auto 0px auto; width: auto; text-align: center; }
}