/* End Стили шапки сайта */
/* Start:/bitrix/templates/iguides-2015/css/styles.css?145751984761529*/
@font-face {
    font-family: 'icons';
    src:url('/bitrix/templates/iguides-2015/css/../fonts/iconmoon/icomoon.eot?tkyk5z');
    src:url('/bitrix/templates/iguides-2015/css/../fonts/iconmoon/icomoon.eot?#iefixtkyk5z') format('embedded-opentype'),
    url('/bitrix/templates/iguides-2015/css/../fonts/iconmoon/icomoon.ttf?tkyk5z') format('truetype'),
    url('/bitrix/templates/iguides-2015/css/../fonts/iconmoon/icomoon.woff?tkyk5z') format('woff'),
    url('/bitrix/templates/iguides-2015/css/../fonts/iconmoon/icomoon.svg?tkyk5z#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url('/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-Regular-webfont.eot');
    src: url('/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-Regular-webfont.woff2') format('woff2'),
    url('/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-Regular-webfont.woff') format('woff'),
    url('/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url('/bitrix/templates/iguides-2015/fonts/LatoWeb/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('/bitrix/templates/iguides-2015/fonts/LatoWeb/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/bitrix/templates/iguides-2015/fonts/LatoWeb/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
    url('/bitrix/templates/iguides-2015/fonts/LatoWeb/Lato-Light.woff') format('woff'), /* Modern Browsers */
    url('/bitrix/templates/iguides-2015/fonts/LatoWeb/Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: 300;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'Lato';
    src: url('/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-Italic-webfont.eot');
    src: url('/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-Italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-Italic-webfont.woff2') format('woff2'),
    url('/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-Italic-webfont.woff') format('woff'),
    url('/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-Italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@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;
}
@font-face {
    font-family: 'Lato';
    src: url('/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-Bold-webfont.eot');
    src: url('/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-Bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-Bold-webfont.woff2') format('woff2'),
    url('/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-Bold-webfont.woff') format('woff'),
    url('/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-Bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-BoldItalic-webfont.eot');
    src: url('/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-BoldItalic-webfont.woff2') format('woff2'),
    url('/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-BoldItalic-webfont.woff') format('woff'),
    url('/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-BoldItalic-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'LatoSemibold';
    src: url('/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-Semibold-webfont.eot');
    src: url('/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-Semibold-webfont.woff2') format('woff2'),
    url('/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-Semibold-webfont.woff') format('woff'),
    url('/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-Semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* Content styles */
.socialBox {position:absolute;display:none;padding:10px;top: 60px;text-align:center;width:260px;background:#FFFFFF;box-shadow:0 0 15px #333;transition:all 0.4s ease;opacity:0;}

.-open .socialBox {opacity:1; top:45px;}

.socialBox::before {content:"";position: absolute;left:20px;bottom: 100%;border:10px solid transparent;border-bottom:10px solid #FFFFFF;}

.socialBox .socials{ line-height: 40px; display:inline-block; margin:0;}
.socialBox .socials a{
    width: 16px;
    height: 14px;
    vertical-align: middle;
    margin-right: 4px;
    color: #939393;
    font-size: 13px;
}
.socialBox .socials a.twitter:hover{ color: #00aced; }
.socialBox .socials a.vk:hover{ color: #45668e; }
.socialBox .socials a.fb:hover{ color: #3b5998; }
.socialBox .socials a.instagram:hover{ color: #517fa4; }
.socialBox .socials a.youtube:hover{ color: #e52d27; }
.socialBox .socials a.odnokl:hover{ color: #ed812b; }
.socialBox .socials a.google:hover{ color: #dd4b39; }
.socialBox .socials a.rss:hover{ color: #ff6600; }
.socialBox .socials a.email:hover{ color:#517fa4; }


.modal{ display: none; padding: 20px 30px; width: 370px; }
.modal_title{
    text-align: center;
    color: #333;
    font: 700 30px/30px Lato;
    margin-bottom: 20px;
}
.modal .soc_auth{ margin: 0 0 17px -8px; height:61px; }
.modal .soc_auth a{
    display: block;
    float: left;
    width: 61px;
    height: 61px;
    text-align: center;
    margin-left: 16px;
    color: #fff;
    font-size: 36px;
    line-height: 61px;
}
.icon-google:before {
    content: '\e802';
}
.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: #d34836; }

.modal .or{
    text-align: center;
    color: #bfbfbf;
    font: 18px/18px Lato;
    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: 18px Lato;
    margin-bottom: 8px;
}
.modal form .input{
    background: #f8f9fa;
    border: 1px solid #cacaca;
    border-bottom: none;
    height: 40px;
    color: #333;
    font: 16px Lato;
    padding: 0 20px;
    width: 100%;
}
.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: 700 18px Lato;
    cursor: pointer;
    height: 40px;
    border: none;
    width: 100%;
}
.modal p{
    text-align: center;
    color: #333;
    font: 14px/14px Lato;
    margin-top: 10px;
}
.modal p a{ color: #0099cc; text-decoration: none; }
.modal p a:hover{ text-decoration: underline; }

.modal #remember_check{ display: none; }
.modal .remember_check{
    cursor: pointer;
    display: inline-block;
    color: #333;
    font: 14px/14px Lato;
    padding-left: 19px;
    background: url(/bitrix/templates/iguides-2015/css/../images/remember_check.png) 0 0 no-repeat;
}
.modal #remember_check: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: 18px/18px Lato;
    text-align: left;
}
.modal .addavatar a{
    background: #33b5e5;
    border-radius: 5px;
    display: inline-block;
    color: #fff;
    font: 700 14px/30px Lato;
    text-decoration: none;
    padding: 0 10px;
    margin-bottom: 3px;
}
.modal .addavatar .limit{
    color: #bfbfbf;
    font: 12px/12px Lato;
    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;}

.socialBox .socials a {display: inline-block; line-height: 1em;}
.socialBox .socials a.subscription i {
    background: url(/bitrix/templates/iguides-2015/css/../images/subscription-icon.png) 50% 1px no-repeat;
    width: 19px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
}
.socialBox .socials a.subscription:hover {color:#517fa4;}
.socialBox .socials a.subscription:hover i {background-position:50% -29px;}
.topLineLogo {
    display: block;
    width: 60px;
    height: 60px;
    float: left;
    margin: -10px 0 -10px -8px;
}

#topLineLogo {
    background:url(/bitrix/templates/asus/asset/img/sprite.svg)  3px -5px;
    transform-style: preserve-3d;
    background-size:365px;
    display: block;
    width: 60px;
    height: 60px;
    text-indent:-999px;
}
.icon-search:before {
    content: "\e80e";
}
[class^="icon-"], [class*=" icon-"] {
    font-family: 'icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.footer-descr-wrapper-in {
    display: block;
}
div#container > div#content {
    padding-top: 50px;
}


div#container > div#content {
    z-index:89888;
}


.z-index-big {
    z-index: 1;
}
.icon-youtube:before {
    content: "\e800";
}
.icon-odnoklassniki:before {
    content: "\e801";
}
.icon-gplus: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-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";
}
.icon-telegram:before {
    content: "\e600";
}

.modal{ display: none; padding: 20px 30px; width: 370px; }
.modal_title{
    text-align: center;
    color: #333;
    font: 700 30px/30px Lato;
    margin-bottom: 20px;
}
.modal .soc_auth{ margin: 0 0 17px -8px; height:61px; }
.modal .soc_auth a{
    display: block;
    float: left;
    width: 61px;
    height: 61px;
    text-align: center;
    margin-left: 16px;
    color: #fff;
    font-size: 36px;
    line-height: 61px;
}
.icon-google:before {
    content: '\e802';
}
.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: #d34836; }

.modal .or{
    text-align: center;
    color: #bfbfbf;
    font: 18px/18px Lato;
    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: 18px Lato;
    margin-bottom: 8px;
}
.modal form .input{
    background: #f8f9fa;
    border: 1px solid #cacaca;
    border-bottom: none;
    height: 40px;
    color: #333;
    font: 16px Lato;
    padding: 0 20px;
    width: 100%;
}
.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: 700 18px Lato;
    cursor: pointer;
    height: 40px;
    border: none;
    width: 100%;
}
.modal p{
    text-align: center;
    color: #333;
    font: 14px/14px Lato;
    margin-top: 10px;
}
.modal p a{ color: #0099cc; text-decoration: none; }
.modal p a:hover{ text-decoration: underline; }

.modal #remember_check{ display: none; }
.modal .remember_check{
    cursor: pointer;
    display: inline-block;
    color: #333;
    font: 14px/14px Lato;
    padding-left: 19px;
    background: url(/bitrix/templates/iguides-2015/css/../images/remember_check.png) 0 0 no-repeat;
}
.modal #remember_check: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: 18px/18px Lato;
    text-align: left;
}
.modal .addavatar a{
    background: #33b5e5;
    border-radius: 5px;
    display: inline-block;
    color: #fff;
    font: 700 14px/30px Lato;
    text-decoration: none;
    padding: 0 10px;
    margin-bottom: 3px;
}
.modal .addavatar .limit{
    color: #bfbfbf;
    font: 12px/12px Lato;
    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 Стили всплывающих окон */
.modal{ display: none; padding: 20px 30px; width: 270px; }
.modal_title{
    text-align: center;
    color: #333;
    font: 700 30px/30px Lato;
    margin-bottom: 20px;
}
.modal .soc_auth{ margin: 0 0 17px -8px; height:61px; }
.modal .soc_auth a{
    display: block;
    float: left;
    width: 61px;
    height: 61px;
    text-align: center;
    margin-left: 8px;
    color: #fff;
    font-size: 36px;
    line-height: 61px;
}
.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: #d34836; }

.modal .or{
    text-align: center;
    color: #bfbfbf;
    font: 18px/18px Lato;
    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: 18px Lato;
    margin-bottom: 8px;
}
.modal form .input{
    background: #f8f9fa;
    border: 1px solid #cacaca;
    border-bottom: none;
    height: 40px;
    color: #333;
    font: 16px Lato;
    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: 700 18px Lato;
    cursor: pointer;
    height: 40px;
    border: none;
    width: 100%;
}
.modal p{
    text-align: center;
    color: #333;
    font: 14px/14px Lato;
    margin-top: 10px;
}
.modal p a{ color: #0099cc; text-decoration: none; }
.modal p a:hover{ text-decoration: underline; }

.modal #remember_check{ display: none; }
.modal .remember_check{
    cursor: pointer;
    display: inline-block;
    color: #333;
    font: 14px/14px Lato;
    padding-left: 19px;
    background: url(/bitrix/templates/iguides-2015/css/../images/remember_check.png) 0 0 no-repeat;
}
.modal #remember_check: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: 18px/18px Lato;
    text-align: left;
}
.modal .addavatar a{
    background: #33b5e5;
    border-radius: 5px;
    display: inline-block;
    color: #fff;
    font: 700 14px/30px Lato;
    text-decoration: none;
    padding: 0 10px;
    margin-bottom: 3px;
}
.modal .addavatar .limit{
    color: #bfbfbf;
    font: 12px/12px Lato;
    margin: 0;
    text-align: left;
}

/* NIGHT WORK */

.branding+div+a[target="_blank"] {
    display: none!important;
}
.banner.full {margin-bottom: 1em;}