/* Start:/local/templates/mp_auth/template_styles.css?17613693626447*/
/* http://meyerweb.com/eric/tools/css/reset/
	 v2.0 | 20110126
	 License: none (public domain)
*/
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**
 * body styles
 */
@font-face {
	font-family: 'Circe';
	src: url("/local/templates/mp_auth/fonts/CirceRegular.eot");
	src: url("/local/templates/mp_auth/fonts/CirceRegular.eot") format("embedded-opentype"), url("/local/templates/mp_auth/fonts/CirceRegular.woff2") format("woff2"), url("/local/templates/mp_auth/fonts/CirceRegular.woff") format("woff"), url("/local/templates/mp_auth/fonts/CirceRegular.ttf") format("truetype"), url("/local/templates/mp_auth/fonts/CirceRegular.svg#CirceRegular") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Circe';
	src: url("/local/templates/mp_auth/fonts/CirceBold.eot");
	src: url("/local/templates/mp_auth/fonts/CirceBold.eot") format("embedded-opentype"), url("/local/templates/mp_auth/fonts/CirceBold.woff2") format("woff2"), url("/local/templates/mp_auth/fonts/CirceBold.woff") format("woff"), url("/local/templates/mp_auth/fonts/CirceBold.ttf") format("truetype"), url("/local/templates/mp_auth/fonts/CirceBold.svg#CirceBold") format("svg");
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'WarnockPro';
	src: url("/local/templates/mp_auth/fonts/WarnockProItDisp.eot");
	src: url("/local/templates/mp_auth/fonts/WarnockProItDisp.eot") format("embedded-opentype"), url("/local/templates/mp_auth/fonts/WarnockProItDisp.woff2") format("woff2"), url("/local/templates/mp_auth/fonts/WarnockProItDisp.woff") format("woff"), url("/local/templates/mp_auth/fonts/WarnockProItDisp.ttf") format("truetype"), url("/local/templates/mp_auth/fonts/WarnockProItDisp.svg#WarnockProItDisp") format("svg");
	font-weight: normal;
	font-style: italic;
}

html {height: 100%;}
body {height: 100%; min-height: 100%; font-family: "Circe"; background: url(/local/templates/mp_auth/images/bg.jpg) no-repeat center; background-size: cover;}

* {box-sizing: border-box;}
*:before,
*:after {box-sizing: border-box;}

a {text-decoration: underline;}
a:hover {text-decoration: none;}

.text-left {text-align: left !important;}

.text-right {text-align: right !important;}

.text-center {text-align: center !important;}

.container input[type="text"],
.container input[type="password"],
.container input[type="submit"],
.container input[type="button"],
.container textarea,
.container button,
.container select {-moz-appearance: none; -webkit-appearance: none; border-radius: 0px; outline: 0; margin-top: 20px;}

.container input[type="checkbox"] {margin-top: 20px;}

.container input[type="text"]:focus,
.container input[type="password"]:focus,
.container input[type="submit"]:focus,
.container input[type="button"]:focus,
.container textarea:focus,
.container button:focus,
.container select:focus {outline: 0;}

.container input[type="text"],
.container input[type="password"],
.container textarea {width: 100%; height: 50px; padding: 10px 15px; border: none; background-color: #f9f9f9; box-shadow: inset 0.8px 0.6px 0 #cbcbcb; color: #000; font-size: 16px; line-height: 20px;}

.container input[type="submit"] {width: 100%; height: 50px; line-height: 46px; border: 2px solid #e2e2e2; background: none; text-align: center; color: #c6c6c6; font-size: 16px; font-weight: bold; text-transform: uppercase; cursor: pointer; transition: all .2s;}
.container input[type="submit"]:hover {transition: all .2s; border-color: #f3412b; color: #f3412b;}

a.button {display: block; margin-top: 20px; width: 100%; height: 50px; line-height: 50px; border: 2px solid #e2e2e2; background: none; text-align: center; color: #c6c6c6; font-size: 16px; font-weight: bold; text-transform: uppercase; cursor: pointer; transition: all .2s; text-decoration: none;}
a.button:hover {transition: all .2s; border-color: #f3412b; color: #f3412b; text-decoration: none;}

.overlay {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); display: flex; align-items: center; justify-content: center;}

.container {width: 360px; background: #fff; box-shadow: 3.3px 3.7px 10px rgba(0, 0, 1, 0.2); padding: 20px;}
.container .logo {display: block; width: 140px; height: 132px; background: url(/local/templates/mp_auth/images/logo.png) no-repeat center; margin-bottom: 20px;}
.container .title {font-weight: bold; text-align: center; font-size: 18px; line-height: 26px;}
.container .form {color: #4e5154;}
.container .form .links {padding-top: 20px; color: #4e5154; font-size: 14px; line-height: 26px;}
.container .form .links > div {display: inline-block; vertical-align: top; width: 50%;}
.container .form .links > div a {color: #4e5154;}
.container .form .links > div a.link-forgot {padding-left: 23px; background: url(/local/templates/mp_auth/images/link-forgot.png) no-repeat left center;}
.container .form p {margin-top: 20px; text-align: center;}
.container .form p.desc {color: rgba(0,0,0,.5); font-size: 14px; line-height: 19px; text-align: left;}
.container .form .social {margin: 20px 0 0; display: flex; flex-wrap: nowrap; border: 1px solid #e2e2e2;}
.container .form .social > div {width: 100%; border: 1px solid #e2e2e2;}
.container .form .social > div.vkontakte {}
.container .form .social > div.facebook {}
.container .form .social > div a {display: block; width: 100%; height: 50px; text-decoration: none; color: #e2e2e2; font-size: 28px;}
.container .form .social > div a span {display: flex; align-items: center; justify-content: center;  width: 100%; height: 100%;}
.container .form .social > div a.bx-ss-selected {color: #fff;}
.container .form .social > div.vkontakte a.bx-ss-selected {background: #547599; border-color: #547599;}
.container .form .social > div.facebook a.bx-ss-selected {background: #47639e; border-color: #47639e;}
.container .form .bx-auth-service-form {margin-top: 20px;}
.container .divider {margin: 20px -20px; border-top: 1px solid #e2e2e2;}




@media screen and  (max-width: 575px) {
  html {
    height: auto;
  }
  .overlay {
    position: static;
  }
}
/* End */
/* /local/templates/mp_auth/template_styles.css?17613693626447 */