/* Start:/local/templates/Tandemic/css/auth_style.css?15582877903922*/
.auth_block {min-width: 20em; width: 60%;}

.auth_block .reqinfo {padding: 1em 2em; background: #FAFAFA; color:#777; margin-bottom: 2em;}

.auth_block h3 {margin-top: 2em; padding-top: 2em; border-top: solid .1em #EEE;}

.auth_block .auth_title {}
.auth_block div.error {background: #EEE; color:#333; border:solid .2em #000; padding: 1em; text-transform: uppercase; letter-spacing: .14em; font-size: .7em; font-weight: bold; margin-bottom:2em;}

.auth_block .input_row {position:relative; margin-bottom:2em;}
.auth_block .input_row:after {content: ""; display: block; clear: both;}

.auth_block .input_row .status {position: absolute; right: 0; bottom: 0; line-height: 2em; width: 2em; text-align: center; font-size: 1.2em; display: none;}
.auth_block .input_row .status.red {color:#D65108}
.auth_block .input_row .status.green {color:#7FB069}

.auth_block .input_row.green i.status.green {display: block;}
.auth_block .input_row.red i.status.red {display: block;}

.auth_block .input_row label.label:not(.error) {display: block; line-height: 1.5em; margin-bottom:.3em; overflow: hidden; color:#999;}
.auth_block .input_row input[type=text], .auth_block .input_row input[type=password] {width:100%; height: 3em; line-height: 3em; padding:1em; border:solid .1em #999; background: #FFF;}
.auth_block .input_row input[type=text]:focus, .auth_block .input_row input[type=password]:focus {outline:none; border-color: #777; }
.auth_block .input_row input[type=text].error, .auth_block .input_row input[type=password].error {border-color: #FBBA05;}

.auth_block .input_row label.info {}

.auth_block .input_row.green input {border-color:#7FB069}
.auth_block .input_row.red input {border-color:#D65108}

.auth_block .input_row .input_label {float:left; display: inline-block; margin-right: 2em; cursor: pointer}
.auth_block .input_row .input_label span {line-height: 1em;  padding: 1em; background: #F2F6F7; border-radius: .4em; display: inline-block; transition: all .2s;}
.auth_block .input_row .input_label:hover span {background: #EEE }
.auth_block .input_row .input_label input {display: none;}
.auth_block .input_row .input_label span em {font-style: normal; display: inline-block; float: left; vertical-align: middle; font-weight: 600;}
.auth_block .input_row .input_label span i {display: inline-block; float:left; width: 1em; height: 1em; border-radius: 50%; border:solid .2em #000; margin-right: .5em; vertical-align: middle}
.auth_block .input_row .input_label input:checked + span {background: #D65108;}
.auth_block .input_row .input_label input:checked + span em {color:#FFF;}
.auth_block .input_row .input_label input:checked + span i {background: #000;}

.auth_block .input_row input.captha {background: #f6f6f6 left center no-repeat; padding-left: 12em;}

.auth_block .links {margin-top:2em; padding-top:0; border-top:solid .1em #EEE;}
.auth_block .links a {font-weight: bold;}
.auth_block .links p {margin: 2em 0 2em; font-size: .8em; color:#AAA;}


.auth_block label.error {position:absolute; right:0; top:0; padding: .5em 1em; line-height: 1em; font-size: .7em; font-weight: bold; color:#000; background: #FBBA05; max-width: 70%; text-align: right; text-transform: uppercase; letter-spacing: .14em;}


.auth_block .input_row label.full {height: auto; color:#777; font-size: 1em;}
.auth_block .input_row input[type=checkbox] {margin-right: .5em }

.auth_block .send {display: inline-block; margin: 35px 0 10px; line-height: 20px; font-size: 13px; color: #999;  font-weight: 400; }

.auth_block .cta {background:#FFDD2D; color:#000; border: none; border-radius: .4em; font-size: 1em; line-height: 2.5em; font-weight: 600; padding: 0 2em; box-shadow: 0 6px 8px 0 rgba(204,204,204,.6); transition:  all .2s ease; cursor: pointer;}
.auth_block .cta:hover {background: #FCC521; box-shadow: none;}
.auth_block .cta:active {background: #FCC521; box-shadow: none;}
/* End */


/* Start:/local/templates/Tandemic/components/bitrix/socserv.auth.form/tandemic/style.css?15589832741302*/
.socserv_login {margin:0; padding:0; list-style-type: none; margin-bottom: 2em;}
.socserv_login li {display: block; margin-bottom: 1em;}
.socserv_login li a {display: block; border:solid 1px #EEE; color: #FFF; border-radius: .4em; font-size: 1em; line-height: 2.5em; font-weight: 600; padding: .5em 2em .5em 1em; box-shadow: 0 6px 8px 0 rgba(204,204,204,.6); transition: all .2s ease; cursor: pointer;}
.socserv_login li a i {width: 2em; line-height: 2em; text-align: center; margin-right: .5em; display: inline-block; vertical-align: middle; border-radius: 50%;}
.socserv_login li a span {display: inline-block; vertical-align: middle}
.socserv_login li a.facebook {background: #0072F4; }
.socserv_login li a.facebook i {background: #FFF; color:#0072F4;}
.socserv_login li a.google {background: #EA4335}
.socserv_login li a.google i {background: #FFF; color:#EA4335;}

.socserv_login li a:hover {box-shadow: none;}

.auth_divide {position: relative; text-align: center; line-height: 2em; font-weight: bold; margin: 3em 0 1em; z-index:1;}
.auth_divide:before {content: ""; display: block; position: absolute; top: 1em; left:0; right:0; z-index:-1; border-top: solid 2px #E6E5E2;}
.auth_divide span {display: inline-block; padding: 0 1em; position: relative; z-index: 1; background: #FFF;}
/* End */
/* /local/templates/Tandemic/css/auth_style.css?15582877903922 */
/* /local/templates/Tandemic/components/bitrix/socserv.auth.form/tandemic/style.css?15589832741302 */