/* Start:/bitrix/templates/iguides-mobile/components/bitrix/system.auth.authorize/.default/style.css?15701986747569*/
/* Start:/bitrix/templates/iguides-2015/css/icons.css*/
@font-face {
    font-family: 'icons';
    src: url('/bitrix/templates/iguides-2015/css/../fonts/icons.eot?66014741');
    src: url('/bitrix/templates/iguides-2015/css/../fonts/icons.eot?66014741#iefix') format('embedded-opentype'),
    url('/bitrix/templates/iguides-2015/css/../fonts/icons.woff?66014741') format('woff'),
    url('/bitrix/templates/iguides-2015/css/../fonts/icons.ttf?66014741') format('truetype'),
    url('/bitrix/templates/iguides-2015/css/../fonts/icons.svg?66014741#icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-youtube:before { content: '\e800'; } /* 'î €' */
.icon-odnoklassniki:before { content: '\e801'; } /* '' */
.icon-gplus:before { content: '\e802'; } /* 'î ‚' */
.icon-google:before { content: '\e802'; } /* 'î ‚' */
.icon-twitter:before { content: '\e803'; } /* 'î ƒ' */
.icon-instagramm:before { content: '\e804'; } /* 'î „' */
.icon-facebook:before { content: '\e805'; } /* 'î …' */
.icon-vkontakte:before { content: '\e806'; } /* 'î †' */
.icon-rss:before { content: '\e807'; } /* 'î ‡' */
.icon-apple:before { content: '\e808'; } /* 'î ˆ' */
.icon-android:before { content: '\e809'; } /* 'î ‰' */
.icon-windows:before { content: '\e80a'; } /* 'î Š' */
.icon-angle-down:before { content: '\e80b'; } /* 'î ‹' */
.icon-cw:before { content: '\e80c'; } /* '' */
.icon-cw.load {background:url("/bitrix/templates/iguides-2015/css/../images/loader.gif") 50% 50% no-repeat;}
.icon-cw.load:before { content: ''; } /* '' */
.icon-comment:before { content: '\e80d'; } /* '' */
.icon-search:before { content: '\e80e'; } /* 'î Ž' */
.icon-info-circled:before { content: '\e80f'; } /* '' */
.icon-user:before { content: '\e810'; } /* '' */
.icon-email:before { content: '\e811'; } /* 'о ‘' */
/* End */

/* Стили всплывающих окон */
.modal{ display: none; padding: 20px 30px; width: 270px; }
.modal_title{
    text-align: center;
    color: #333;
    font: 700 30px/30px;
    margin-bottom: 20px;
}
.modal .soc_auth{ margin: 0 0 17px -8px; height:61px;
    margin: 0 auto;
    height: 61px;
    width: 284px;

    display: flex;
    align-items: center;
    justify-content: center;}
.modal .soc_auth a{
    display: flex;
    float: left;
    width: 50px;
    height: 50px;
    text-align: center;
    margin-left: 8px;
    color: #fff;
    font-size: 36px;
    line-height: 61px;
    align-items: center;
    justify-content: center;
}
.modal .soc_auth a > i {
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}
.modal .soc_auth a.twitter{ background: #00aced; }
.modal .soc_auth a.fb{ background: #3b5998; }
.modal .soc_auth a.vk{ background: #45668e; }
.modal .soc_auth a.facebook{ background: #3b5998; }
.modal .soc_auth a.vkontakte{ background: #45668e; }
.modal .soc_auth a.google{ background: #e84342; }
.modal .soc_auth a.apple{ background: #000; }

.modal .or{
    text-align: center;
    color: #bfbfbf;
    font-size:18px;
    line-height:18px;
    text-transform: uppercase;
    margin-bottom: 17px;
    background: url(/bitrix/templates/iguides-2015/css/../images/grey_line_bg.png) 0 50% repeat-x;
}
.modal .or span{ padding: 0 5px; background: #fff; }

.modal form .name{
    color: #bfbfbf;
    text-align: center;
    font-size:18px;
    margin-bottom: 8px;
}
.modal form .input{
    background: #f8f9fa;
    border: 1px solid #cacaca;
    border-bottom: none;
    height: 40px;
    color: #333;
    font-size:16px;
    padding: 0 20px;
    width: 228px;
}
.modal form .input.first{ border-radius: 5px 5px 0 0; }
.modal form .input.last{ border-bottom: 1px solid #cacaca; border-radius: 0 0 5px 5px; }
.modal form .input.one{ border-radius: 5px; border: 1px solid #cacaca; }
.modal form .input.one + .or{ margin-top: 15px; }
.modal form .submit{ margin-top: 10px; }
.modal form .submit_btn{
    border-radius: 5px;
    background: #33b5e5;
    color: #fff;
    font-size:18px;
    font-weight:bold;
    cursor: pointer;
    height: 40px;
    border: none;
    width: 100%;
}
.modal p{
    text-align: center;
    color: #333;
    font-size:14px;
    line-height:14px;
    margin-top: 10px;
}
.modal p a{ color: #0099cc; text-decoration: none; }
.modal p a:hover{ text-decoration: underline; }

.modal #remember_check, .subscribes-header__not-auth__dropdown .remember_check__checkbox{ display: none; }
.modal .remember_check{
    cursor: pointer;
    display: inline-block;
    color: #333;
    font-size:14px;
    line-height:14px;
    padding-left: 19px;
    background: url(/bitrix/templates/iguides-2015/css/../images/remember_check.png) 0 0 no-repeat;
}
.modal #remember_check:checked + .remember_check, .subscribes-header__not-auth__dropdown .remember_check__checkbox:checked + .remember_check{ background: url(/bitrix/templates/iguides-2015/css/../images/remember_check_active.png) 0 0 no-repeat; }

.modal .addavatar{ margin-bottom: 25px; text-align: left; }
.modal .addavatar .image{
    background: #f8f9fa;
    border: 1px solid #cacaca;
    border-radius: 5px;
    text-align: center;
    height: 68px;
    line-height: 68px;
    margin-right: 10px;
}
.modal .addavatar .name{
    color: #333;
    font-size:18px;
    line-height:18px;
    text-align: left;
}
.modal .addavatar a{
    background: #33b5e5;
    border-radius: 5px;
    display: inline-block;
    color: #fff;
    font-size:14px;
    line-height:30px;
    font-weight:bold;
    text-decoration: none;
    padding: 0 10px;
    margin-bottom: 3px;
}
.modal .addavatar .limit{
    color: #bfbfbf;
    font-size:12px;
    line-height:12px;
    margin: 0;
    text-align: left;
}
#register_form .errortext {font-size:12px; line-height:14px; text-align:left;}
#register_form .errortext br {line-height:20px;}
.modal .errortext {display:block; margin:10px 0; color:#E56F6F;}
.modal .notetext {display:block; margin:10px 0; color:#6EB57A;}
/* End Стили всплывающих окон */

div.login-form input.input-field {vertical-align:middle;}
div.login-form span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:middle; margin-bottom:9px;}
div.login-form div.bx-auth-secure-icon {background-image:url(/bitrix/templates/iguides-mobile/components/bitrix/system.auth.authorize/.default/images/sec.png); background-repeat:no-repeat; background-position:center; width:21px; height:21px;}
div.login-form div.bx-auth-secure-unlock {background-image:url(/bitrix/templates/iguides-mobile/components/bitrix/system.auth.authorize/.default/images/sec-unlocked.png);}

.modal.login-form {
    display: block;
    padding: 20px 5%;
    position: relative;
    background: #F4F6F8;
    width: 110%;
    margin: 0 -5%;
}
.modal.login-form form .input {width:100%;}
.modal.login-form .or span {background: #F4F6F8;}


/* End */
/* /bitrix/templates/iguides-mobile/components/bitrix/system.auth.authorize/.default/style.css?15701986747569 */