Results of the CSS crunched for motomonitor.ru

Let's see what we've done for motomonitor.ru

CSSCruncher.com has crunched this CSS to
25.00 %Less Size! I cant't believe it!

Crunched CSS code:

@charset "UTF-8";@import url(../fonts/MuseoSans/stylesheet.css);html,body{width:100%;height:100%}
body{margin:0;padding:0;font-family:'Museo Sans Cyrl';font-style:normal;font-variant:normal;font-size:16px;line-height:24px;color:#202124}
ul,li{margin:0;padding:0;list-style:none}
a{color:#202124}
fieldset{border:none;padding:0;margin:0;max-width:800px}
.clear{clear:both}
.mobile{display:none}
#layout{will-change:blur}
#layout > header, #layout main{max-width:1400px;margin:0 auto;box-sizing:border-box}
#layout main{padding:0 5% 40px}
#layout.map main{padding:0;max-width:none}
#layout.map #controller_wrap, #layout.map #breadcrumbs, #layout.map footer{display:none}
#layout.motocard main{padding:0}
#popup-manager.popup-show + #layout,.wrap_blur{-webkit-filter:blur(2px);-moz-filter:blur(2px);-ms-filter:blur(2px);-o-filter:blur(2px);filter:blur(2px)}
#layout > header{height:107px;padding:30px 5%;position:relative}
#layout > header .main-burger{width:45px;height:35px;display:none;position:absolute;top:30px;right:5%;background:url(../images/icons/main_burger.svg) center no-repeat;z-index:100}
#layout > header .main_menu_mobile{position:fixed;top:0px;right:-100vw;height:100vh;width:100vw;background:#ffffff;z-index:100;padding-bottom:50px;box-sizing:border-box;display:none}
#layout > header .main_menu_mobile .head{height:100px;border-bottom:solid 1px #F6F6F6}
#layout > header .main_menu_mobile .head .close{width:35px;height:35px;background:url(../images/icons/main_menu_close.svg) center no-repeat;background-size:cover;right:35px;top:32px}
#layout > header .main_menu_mobile .head .auth-menu{float:left;margin-left:35px;margin-top:27px}
#layout > header .main_menu_mobile .menu{display:flex;justify-content:space-around;flex-direction:column;align-content:center;align-items:center;height:calc(100% - 150px)}
#layout > header .main_menu_mobile .menu li{font-size:24px;line-height:24px}
#layout > header .main_menu_mobile .menu li a{text-decoration:none;color:#202124}
#layout > header #logo a,#layout > header #logo > span{display:block;float:left;width:191px;background-size:contain;height:47px;background-image:url(../images/logo.png);background-repeat:no-repeat;background-position:left center}
#layout.big-head{}
#layout.big-head header{background-image:url(../images/head_bg.jpg);min-height:100vh;background-position:center;background-size:cover;max-width:none}
#layout.big-head header .teaser{color:#ffffff;text-align:center;width:60%;margin:10vh auto;display:flex;flex-direction:column;justify-content:space-around;clear:both;height:100%;align-items:center}
#layout.big-head header .teaser h1{font-weight:300;font-size:50px;line-height:65px;margin:0}
#layout.big-head header .teaser p{font-size:24px;line-height:32px;margin:30px auto}
#layout.big-head header .teaser .create-account{margin:30px auto 20px;background:rgba(32,33,36,0.65);background-blend-mode:multiply}
#layout.big-head header .teaser .create-account:hover{background:#e84323}
#layout.big-head header .teaser .what-for-account{display:block;margin:0px auto 50px;text-decoration:none;color:#D3D3D3}
#layout.big-head header .teaser .about-project{position:absolute;bottom:50px;left:5%;color:#D3D3D3;font-size:16px;line-height:24px;text-decoration:none}
#layout.big-head header #logo > span{background-image:url(../images/logo-1.png)}
#layout.big-head header .main-burger{background:url(../images/icons/main_burger_white.svg) center no-repeat}
#layout.big-head > nav{position:absolute;top:28px;left:0px;width:100%;border:none}
#layout.big-head > nav .menu > li > a{color:#ffffff;padding:0 17px}
#layout.big-head #widget_pos_header .auth-menu{position:relative;z-index:1}
#layout.big-head #widget_pos_header .auth-menu li:last-of-type a{color:#ffffff}
.auth-menu{float:right}
.auth-menu li{margin-top:12px;float:left}
.auth-menu li a{font-weight:bold;text-decoration:none;color:#202124;padding:12px 15px;box-sizing:border-box}
.auth-menu li:first-of-type{margin-right:5px}
.auth-menu li:first-of-type a{color:#e84323;border:2px solid #e84323;border-radius:100px;transition:0.5s}
.auth-menu li:first-of-type a:hover{background-color:#e84323;color:#ffffff}
#widget_pos_top{text-align:center}
nav{clear:both;height:50px;padding:0;border-bottom:1px solid #F6F6F6;border-top:1px solid #F6F6F6}
nav .menu{z-index:5;height:50px;line-height:50px;display:inline-block}
nav .menu .item{background-image:none !important}
nav .menu > li{float:left}
nav .menu > li:first-child{background:none}
nav .menu > li > a{display:block;padding:0 25px;color:#000;text-decoration:none;font-weight:bold}
nav .menu > li > a:hover > span{border-bottom:solid 2px #e84323}
nav .active span{border-bottom:solid 2px #e84323}
main #body.flex-content{display:flex;justify-content:space-between}
main #body.flex-content > section{width:75%}
main #body.flex-content aside{width:25%}
main #body section #breadcrumbs{margin:30px 0}
main #body section #breadcrumbs a{text-decoration:none;color:#202124;font-size:14px;line-height:18px}
main #body section #breadcrumbs ul{display:flex}
main #body section #breadcrumbs ul li{margin-right:12px}
main #body section #breadcrumbs ul .sep{width:8px;background:url(../images/icons/arrow_sep.svg) center no-repeat}
main #body section #controller_wrap > h1{padding:0;margin:30px 0;font-size:22px;line-height:24px;text-transform:uppercase}
main #body aside{padding:0 0 20px 15px;border-left:solid 1px #F6F6F6}
main #body aside .widget_ajax_wrap .widget > .title{font-size:20px}
main #footer-before{clear:both}
main #footer-before .create-account-cont{text-align:center}
main #footer-before .create-account{margin:60px 0}
#layout footer{color:#979797;padding:0 5%;clear:both;font-size:14px;line-height:17px;font-weight:300;background:#F6F6F6}
#layout footer ul{display:flex;align-items:center;flex-wrap:wrap;flex-basis:0}
#layout footer > ul{padding:20px 0;min-height:50px;flex-wrap:wrap-reverse;justify-content:space-between}
#layout footer a{color:#979797;text-decoration:none}
#layout footer span.item{padding:0 10px}
#layout footer #social li{margin-right:20px}
#layout footer #social li a{display:block;width:36px;height:36px;border-radius:19px;border:solid 1px #ACACAC}
#layout footer #social li a.fb{background:url(../images/icons/fb.svg) center no-repeat}
#layout footer #social li a.vk{background:url(../images/icons/vk.svg) no-repeat;background-position:7px center}
#layout footer #social li a.instagram{background:url(../images/icons/instagram.svg) no-repeat;background-position:8px center}
#layout footer #social li a.youtube{background:url(../images/icons/youtube.svg) no-repeat;background-position:8px center}
#layout footer #social li a.tw{background:url(../images/icons/tw.svg) center no-repeat}
#layout footer #social li a.tg{background:url(../images/icons/tg.svg) no-repeat;background-position:7px center}
#layout footer #nav ul li{padding:5px 15px}
.widget_ajax_wrap{position:relative;box-sizing:border-box}
.widget_ajax_wrap .widget{margin-bottom:10px;position:relative}
.widget_ajax_wrap .widget .links{float:right;font-size:16px;text-transform:none}
.widget_ajax_wrap .widget > .title{padding:15px 0;margin:0;font-size:22px;line-height:24px;text-transform:uppercase;color:#000000}
.widget_ajax_wrap:last-child .widget:last-child{margin-bottom:0}
.motocard-menu{margin:65px 0 60px}
.motocard-menu .menu{display:flex}
.motocard-menu .menu li{margin-right:57px}
.motocard-menu .menu li a{color:#979797;text-decoration:none;text-transform:uppercase;font-weight:bold;font-size:11px;line-height:36px}
.motocard-menu .menu li a:hover{color:#e84323}
.motocard-menu .menu li.active a{color:#e84323}
.motocard .motocard-menu{padding:0 5vw}
.edit_wlinks{display:none}
.news_main{display:flex;padding-left:25px;margin-bottom:25px}
.news_main .title{margin:15px 0}
.news_main .title a{font-size:20px;line-height:26px;color:#202124;text-decoration:none;font-family:'Museo Sans Cyrl 900'}
.news_main .teaser{font-weight:300;color:#202124;line-height:20px;min-height:40px}
.news_main .details{font-style:normal;font-weight:300;font-size:12px;line-height:14px;color:#ACACAC;margin-top:17px}
.news_main .details .more-details{float:right}
.news_main .details .more-details a{color:#ACACAC;letter-spacing:0.115em;text-transform:uppercase;text-decoration:none;border-bottom:solid 1px #ACACAC}
.news_main .item{padding:0 2.5%;width:33%;box-sizing:border-box}
.news_main .item:first-of-type{padding-left:0}
.news_main .item:nth-of-type(2){border-right:solid 1px #F6F6F6;border-left:solid 1px #F6F6F6}
.blog_main{font-size:14px;line-height:22px;color:#202124;display:flex;flex-wrap:wrap}
.blog_main a{color:#000000;text-decoration:none;font-weight:bold}
.blog_main .item{width:30%;padding:15px 0;margin:0 1.5%;box-sizing:border-box;border-bottom:solid 1px #F6F6F6}
.blog_main .teaser{font-weight:300}
.blog_main .author{margin-bottom:20px}
.blog_main .item-avatar{display:flex}
.blog_main .item-avatar.is_online{position:relative}
.blog_main .item-avatar.is_online::before{content:"";width:4px;height:4px;border-radius:2px;background-color:#11BF5A;top:35px;left:53px;position:absolute}
.blog_main .item-avatar img{margin-right:15px}
.blog_main .item-avatar span{padding-top:8px}
.blog_main .details{margin-top:15px}
.blog_main .title{font-size:14px;line-height:22px;margin:0}
.top-news-cont{padding:75px 0;border-bottom:solid 1px #F6F6F6}
.top-news-cont .top-news{padding:20px}
.top-news-cont .top-news .top-title{font-size:12px;line-height:14px;letter-spacing:0.115em;text-transform:uppercase;color:#e84323;font-weight:bold}
.top-news-cont .top-news .title{width:50%;margin-top:105px}
.top-news-cont .top-news .title a{text-decoration:none;color:#202124;font-family:'Museo Sans Cyrl 900';font-size:50px;line-height:65px}
.top-news-cont .top-news .teaser{font-size:24px;line-height:32px;margin:50px 0;width:30%;padding-left:25px;border-left:solid 4px #e84323}
.top-news-cont .top-news .teaser a{color:#202124;text-decoration:none}
.top-news-cont .top-news .read-more{font-size:18px;line-height:26px;text-decoration:none;color:#e84323;border-bottom:solid 2px #e84323;padding-bottom:4px;position:relative}
.top-news-cont .top-news .read-more::after{content:url(../images/icons/arrow_right_red.svg);position:absolute;top:0;right:-15px}
.promo{clear:both;padding:60px 0;border-bottom:solid 2px #F6F6F6}
.promo .widget_html_block{display:flex}
.promo .widget_html_block .left-col > h4{font-size:30px;line-height:36px;margin-top:0}
.promo .widget_html_block .left-col .title{text-transform:none !important;font-size:30px !important;line-height:36px !important;margin-bottom:50px !important}
.promo .widget_html_block .left-col ul{padding:0 5% 0 25%}
.promo .widget_html_block .left-col ul li{font-size:18px;line-height:32px;margin-bottom:40px;position:relative}
.promo .widget_html_block .left-col ul li:first-of-type::before{content:url(../images/promo_icon_1.svg);position:absolute;left:-150px;top:0}
.promo .widget_html_block .left-col ul li:nth-of-type(2)::before{content:url(../images/promo_icon_2.svg);position:absolute;left:-140px;top:0}
.promo .widget_html_block .left-col ul li:nth-of-type(3)::before{content:url(../images/promo_icon_3.svg);position:absolute;left:-140px;top:0}
.promo .widget_html_block .left-col ul li:last-of-type{margin-bottom:0}
.promo .widget_html_block .left-col ul li b{display:block;font-size:22px;line-height:36px;margin-bottom:10px}
.promo .widget_html_block .right-col{background:#202124;width:25%;min-width:250px;border-radius:8px;color:#ffffff;padding:30px 3%;text-align:center;box-sizing:border-box}
.promo .widget_html_block .right-col h4{font-family:'Museo Sans Cyrl 900';font-size:28px;line-height:36px;margin:0}
.promo .widget_html_block .right-col ul{font-size:14px;line-height:20px;text-align:left}
.promo .widget_html_block .right-col ul li{margin-top:8px}
.promo .widget_html_block .right-col > img{width:80%;box-shadow:0px 0px 80px rgba(255,255,255,0.3);border-radius:8px;transform:rotate(-14.8deg);margin:35px auto}
.promo .widget_html_block .right-col a{display:inline-block;background:#F63F45;height:38px;border-radius:100px;color:#ffffff;text-decoration:none;font-size:16px;font-weight:bold;line-height:19px;padding:8px 20px;box-sizing:border-box;margin:30px auto 0}
.promo .widget_html_block .right-col a span{display:block;position:relative;padding-right:30px}
.promo .widget_html_block .right-col a span::after{content:url(../images/arrow_1.png);margin-left:3px;position:absolute;right:0}
.widget_comments_list{font-size:14px;font-weight:300;line-height:22px}
.widget_comments_list .item{padding:7px 0 20px 15px;border-bottom:solid 1px #F6F6F6}
.widget_comments_list .item:first-of-type{border-top:solid 1px #F6F6F6}
.widget_comments_list a{color:#202124;font-weight:normal}
.widget_comments_list .author{font-weight:bold;text-decoration:none}
.widget_comments_list .author.is_online{position:relative;padding-left:0}
.widget_comments_list .author.is_online::before{content:"";display:block;width:8px;height:8px;border-radius:4px;background-color:#11BF5A;position:absolute;left:-15px;top:5px}
.widget_comments_list .text{background:#F6F6F6;font-weight:normal;line-height:18px;margin-top:7px;padding:12px 14px;overflow:hidden}
.widget_comments_list .date{font-size:12px;color:#ACACAC}
.widget_online_list{padding-left:15px}
.widget_online_list .item-avatar{margin:0 20px 20px 0;display:inline-block}
.tool-menu-cont{text-align:center;margin:25px 30px}
.tool-menu{min-width:200px}
.tool-menu li{margin-bottom:10px;text-align:left}
.tool-menu a{text-decoration:none;color:#ACACAC;font-size:14px;line-height:17px;padding:2px 0px 2px 30px}
.info-menu{font-weight:300;font-size:12px;line-height:16px;margin:35px 30px}
.info-menu li{margin-bottom:30px}
.info-menu li.active a{color:#202124;font-weight:normal}
.info-menu li a{color:#ACACAC}
.widget_user_avatar{font-size:14px;line-height:17px;float:right;display:flex;align-items:center;margin-top:4px}
.widget_user_avatar > li{position:relative}
.widget_user_avatar a{text-decoration:none;color:#202124}
.widget_user_avatar .messages{margin-left:20px}
.widget_user_avatar .messages a{padding-left:22px}
.widget_user_avatar .notices-counter{margin-left:20px}
.widget_user_avatar .notices-counter a{padding-left:17px}
.widget_user_avatar .counter{background-color:#e84323;font-weight:bold;font-size:12px;line-height:15px;color:#ffffff;padding:2px 5px;margin-left:5px;border-radius:1px}
.widget_user_avatar .card-info a{color:#e84323;padding-left:30px}
.widget_user_avatar .card-info.active a{color:#202124}
.widget_user_avatar .user_info{display:flex;align-items:center;cursor:pointer;padding-right:15px;margin-left:20px}
.widget_user_avatar .user_info .name{margin-right:7px;font-weight:bold}
.widget_user_avatar .user_info .avatar{position:relative;height:40px}
.widget_user_avatar .user_info .avatar::after{content:url(../images/icons/vertical-menu.svg);position:absolute;top:9px;right:-15px}
.widget_user_avatar .dropdown-menu{width:220px;background:#ffffff;box-shadow:0px 6px 24px rgba(0,0,0,0.08);border-radius:6px;position:absolute;z-index:100;right:0;top:75px;visibility:hidden}
.widget_user_avatar .dropdown-menu.show{visibility:visible}
.widget_user_avatar .dropdown-menu li{border-bottom:solid 1px #EDEDED;box-sizing:border-box}
.widget_user_avatar .dropdown-menu li:last-of-type{border-bottom:none}
.widget_user_avatar .dropdown-menu .item,.widget_user_avatar .dropdown-menu .dropdown-item{font-size:14px;line-height:16px;text-decoration:none !important;padding:15px 25px 15px 50px;position:relative}
.widget_user_avatar .dropdown-menu .dropdown-item{display:block}
.widget_user_avatar .dropdown-menu .menu > li:first-child > .item{padding-top:15px}
.widget_user_avatar .item::before,.widget_user_avatar .dropdown-item::before{position:absolute;left:18px;top:16px}
.widget_user_avatar before
.item.stack-menu__link.stack-menu__link--parent.stack-menu__link--hidden{color:#ffffff !important;background-color:#23272b;font-family:BaseFontBold;display:none}
.widget_user_avatar .stack-menu__link:hover{background-color:#F6F6F6;color:#202124 !important}
.widget_user_avatar .dropdown-divider{margin-bottom:0}
.widget_user_avatar .dropdown-menu .stack-menu{background-color:unset;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;overflow:hidden}
.widget_user_avatar .dropdown-menu .stack-menu li.logout,.widget_user_avatar .dropdown-menu .stack-menu a[href="/auth/logout"]{display:none}
.help-info-block-present{padding:60px 0 100px}
.help-info-block-present .widget_html_block{display:flex;max-width:1400px;margin:0 auto;padding-left:5%}
.help-info-block-present .widget_html_block .text-cont{width:50%;padding-right:10%;box-sizing:border-box}
.help-info-block-present .widget_html_block .text-cont h2{font-size:50px;line-height:78px;font-family:'Museo Sans Cyrl 900';margin:40px 0}
.help-info-block-present .widget_html_block .text-cont p{font-size:24px;line-height:32px}
.help-info-block-present .widget_html_block .picture-cont{width:50%;background:url("../images/hepl-widget-bg.jpg") center no-repeat;background-size:cover;position:relative}
.help-info-block-present .widget_html_block .picture-cont::before{content:url("../images/route.svg");position:absolute;bottom:-5px;left:-130px}
.help-info-block-rules{text-align:center;background-color:#202124;color:#ffffff;padding:60px 5% 130px;border-radius:8px}
.help-info-block-rules .widget_html_block{max-width:1400px;margin:0 auto}
.help-info-block-rules h3{font-size:24px;line-height:32px;font-family:'Museo Sans Cyrl 900'}
.help-info-block-rules ul{display:flex;font-size:14px;line-height:22px;border-radius:2px;border:solid 2px #414245}
.help-info-block-rules ul li{margin:50px 5%;position:relative;padding-left:58px;text-align:left}
.help-info-block-rules ul li::before{content:"";display:inline-block;width:38px;height:38px;border-radius:19px;background-color:#ffffff;color:#e84323;font-size:22px;line-height:40px;font-weight:bold;position:absolute;left:0px;top:6px;text-align:center}
.help-info-block-rules ul li:first-of-type::before{content:"1"}
.help-info-block-rules ul li:nth-of-type(2)::before{content:"2"}
.help-info-block-rules ul li:nth-of-type(3)::before{content:"3"}
.tags_as_cloud{display:flex;flex-wrap:wrap}
.tags_as_cloud li{margin-right:20px}
.tags_bar a{font-weight:500}
.database_main{background:#F6F6F6 url(../images/white_quotes.svg) top 0 right 5% no-repeat;padding:30px 5% 80px;margin-top:60px}
.database_main > .title{max-width:350px}
.database_main > .title a{color:#ACACAC}
.database_main .body{display:flex}
.database_main .body .widget_content_list{width:75%;margin:45px 30px 0 0}
.database_main .body .widget_content_list .title{font-size:24px;line-height:28px;margin-bottom:30px;border-left:solid 4px #e84323;padding-left:25px}
.database_main .body .widget_content_list .title a{text-decoration:none}
.database_main .body .right-col{position:relative;width:25%}
.database_main .body .right-col a{position:absolute;left:0;bottom:0}
.faq_list_item,.chavo_list_item{margin:0 0 30px 20px}
.faq_list_item .f_title,.chavo_list_item .f_title{cursor:pointer;position:relative;transition:0.5s}
.faq_list_item .f_title h1,.chavo_list_item .f_title h1{font-size:18px}
.faq_list_item .f_title::before,.chavo_list_item .f_title::before{content:"";display:block;width:8px;height:8px;border-radius:4px;background-color:#e84323;position:absolute;left:-20px;top:8px}
.faq_list_item .f_content,.chavo_list_item .f_content{font-weight:300;display:none}
.faq_list_item.open .f_title::before,.chavo_list_item.open .f_title::before{background-color:#11BF5A}
.faq_list_item.open .f_content,.chavo_list_item.open .f_content{display:block}
.news_list_item,.info_list_item{margin-bottom:60px;margin-right:20px;max-width:900px}
.news_list_item a,.info_list_item a{text-decoration:none}
.news_list_item header,.info_list_item header{font-size:18px;line-height:24px}
.news_list_item header .item-avatar,.info_list_item header .item-avatar{color:#202124}
.news_list_item header .item-avatar:hover,.info_list_item header .item-avatar:hover{text-decoration:underline}
.news_list_item h2,.info_list_item h2{font-size:30px;line-height:36px;margin:0}
.news_list_item h2 a,.info_list_item h2 a{color:#202124}
.news_list_item .f_teaser,.news_list_item .f_content,.info_list_item .f_teaser,.info_list_item .f_content{font-weight:300;font-size:16px;line-height:25px;color:#000000;margin-top:30px}
.news_list_item .date_pub,.info_list_item .date_pub{font-size:12px;line-height:15px;color:#ACACAC;font-weight:300;margin-left:8px}
.news_list_item .date_pub .time,.info_list_item .date_pub .time{margin-left:4px}
.news_list_item .read-more,.info_list_item .read-more{margin-top:30px}
.news_list_item .category,.info_list_item .category{margin-top:30px}
.posts_list_item{margin-bottom:60px;margin-right:20px;max-width:900px}
.posts_list_item a{text-decoration:none}
.posts_list_item h2{font-size:30px;line-height:36px;margin:0}
.posts_list_item h2 a{color:#202124}
.posts_list_item .f_content{font-weight:300;font-size:16px;line-height:25px;color:#000000;margin-top:30px}
.posts_list_item .date_pub{font-size:12px;line-height:14px;color:#ACACAC;margin:14px 0 0 6px;font-weight:300}
.posts_list_item .date_pub .time{margin-left:4px}
.posts_list_item .read-more{margin-top:30px}
.posts_list_item .category{margin-top:30px}
.posts_list_item header{display:flex;margin-bottom:10px;font-size:18px;line-height:24px}
.posts_list_item .item-avatar{display:flex;color:#202124}
.posts_list_item .item-avatar img{margin-right:6px;box-shadow:0px 0px 5px rgba(0,0,0,0.2)}
.posts_list_item .item-avatar span{padding-top:7px;margin-left:5px}
.posts_list_item .f_picture{margin-top:30px}
.posts_list_item .f_picture img{max-width:100%}
.map_list_item{margin-top:50px;border-bottom:solid 1px #F6F6F6}
.map_list_item .photo img{border-radius:4px;max-width:400px;width:100%}
.map_list_item h2{font-size:24px;line-height:32px;font-family:'Museo Sans Cyrl 900';margin:15px 0}
.map_list_item h2 a{text-decoration:none;color:#202124}
.map_list_item .f_typeobject{font-weight:300;font-size:18px;line-height:24px;color:#979797}
.map_list_item .f_address{margin-top:15px;background:url(../images/icons/adr-placeholder.svg) no-repeat;background-position:0 15px;padding:15px 25px;font-size:14px;line-height:22px}
.map_list_item .f_webrating{margin-top:15px}
.map_list_item .f_webrating .teaser{display:flex;font-size:14px;line-height:17px}
.map_list_item .f_webrating .teaser #bgDiv{width:100px;display:flex;margin-right:20px}
.map_list_item .f_webrating .teaser #bgDiv #onDiv{background:url(../images/icons/star_active.png)}
.map_list_item .f_webrating .teaser #bgDiv #offDiv{background:url(../images/icons/star_passive.png);background-position:right}
.map_list_item .f_webrating .teaser .rate1{margin-right:15px;font-weight:bold}
.map_list_item .f_webrating .teaser .rate2{font-weight:normal;color:#979797}
.partners_list_item{display:flex;align-items:center;font-weight:300;font-size:18px;line-height:22px;margin-bottom:60px}
.partners_list_item .photo{width:200px;text-align:center;margin-right:10px}
.partners_list_item .photo img{max-width:100%}
.partners_list_item .fields{display:flex;justify-content:space-between;align-items:center;width:100%}
.partners_list_item .fields a{text-decoration:none;color:#202124}
.partners_list_item .fields h2{margin:0}
.partners_list_item .fields > div{width:20%;padding:0 20px;box-sizing:border-box;text-align:center}
.partners_list_item .fields > div:first-of-type{width:30%;font-size:20px;line-height:24px;font-weight:bold}
.partners_list_item .fields > div:last-of-type{width:30%;text-align:left}
.post main #body{position:relative}
.post main #body aside{position:absolute;top:0;right:0;border-left:none;width:auto}
.post main #body section{width:100%}
.post main #body section article.item{display:flex}
.post main #body section article.item .info_bar .date_pub{margin-left:0}
.post main #body section article.item .left-column{width:25%}
.post main #body section article.item .left-column .item-avatar{font-size:18px;line-height:24px;text-decoration:none;color:#202124;display:inline-block;margin-left:30px;text-align:center}
.post main #body section article.item .left-column .item-avatar span{display:block;text-align:center}
.post main #body section article.item .left-column .item-avatar .img-thumbnail{width:115px;height:115px;border-radius:60px;margin-bottom:5px}
.post main #body section article.item .center-column{width:75%}
.object main #body,.partner main #body{position:relative}
.object main #body aside,.partner main #body aside{position:absolute;top:0;right:0;border-left:none;width:auto}
.object main #body aside .tool-menu-cont,.partner main #body aside .tool-menu-cont{position:relative;margin:33px 20px;cursor:pointer}
.object main #body aside .tool-menu-cont::before,.partner main #body aside .tool-menu-cont::before{content:url(../images/icons/mobile_menu.svg)}
.object main #body aside .tool-menu-cont:hover .tool-menu,.partner main #body aside .tool-menu-cont:hover .tool-menu{display:block}
.object main #body aside .tool-menu-cont .tool-menu,.partner main #body aside .tool-menu-cont .tool-menu{position:absolute;right:0px;top:0px;display:none;background:#ffffff;padding:25px 30px;box-shadow:0px 4px 4px rgba(0,0,0,0.25);border-top:solid 1px #F6F6F6}
.object main #body section,.partner main #body section{width:100%}
.object main #body section article .more_content,.partner main #body section article .more_content{display:flex}
.object main #body section article .more_content > div,.partner main #body section article .more_content > div{width:50%}
.object main #body section article h1.title_item,.partner main #body section article h1.title_item{margin-top:0;font-family:'Museo Sans Cyrl 900';max-width:75%}
.object main #body section article .right-col .mapdiv,.partner main #body section article .right-col .mapdiv{height:100%;min-height:300px}
.object main #body section article .right-col .photo,.partner main #body section article .right-col .photo{margin-top:0}
.object main #body section article .left-col,.partner main #body section article .left-col{padding-right:30px;box-sizing:border-box;font-size:14px;line-height:20px}
.object main #body section article .left-col .zero_line,.partner main #body section article .left-col .zero_line{display:flex;justify-content:space-between;margin-bottom:30px}
.object main #body section article .left-col .zero_line h1,.partner main #body section article .left-col .zero_line h1{margin-bottom:10px;max-width:none}
.object main #body section article .left-col .zero_line .photo,.partner main #body section article .left-col .zero_line .photo{margin-top:0}
.object main #body section article .left-col .first_line,.partner main #body section article .left-col .first_line{display:flex;justify-content:space-between;margin-bottom:15px}
.object main #body section article .left-col .first_line a,.partner main #body section article .left-col .first_line a{color:#202124}
.object main #body section article .left-col .first_line .phone a,.partner main #body section article .left-col .first_line .phone a{text-decoration:none}
.object main #body section article .left-col .content,.object main #body section article .left-col .teaser-content,.partner main #body section article .left-col .content,.partner main #body section article .left-col .teaser-content{font-size:18px;line-height:25px;font-weight:300}
.object main #body section article .left-col .teaser-content,.partner main #body section article .left-col .teaser-content{margin-top:30px;color:#3BB300}
.object main #body section article .content,.partner main #body section article .content{margin-top:50px;font-size:16px;line-height:25px;font-weight:300}
.object main #body section article .object_type,.partner main #body section article .object_type{font-weight:300;font-size:18px;line-height:24px;color:#979797;margin-bottom:15px}
.object main #body section article .address,.partner main #body section article .address{padding:0 0 0 28px;background:url(../images/icons/adr-placeholder.svg) no-repeat}
.object main #body section article .photo,.partner main #body section article .photo{margin-top:15px;line-height:0}
.object main #body section article .photo img,.partner main #body section article .photo img{width:100%}
.object main #body section article .partner_title,.partner main #body section article .partner_title{font-size:18px;line-height:22px;margin:40px 0 30px}
.object main #body section article .partner_title a,.partner main #body section article .partner_title a{color:#3BB300;background:url(../images/icons/partner_percent.svg) no-repeat;padding-left:30px;text-decoration:none;display:block}
.object main #body section article .partner_title p,.partner main #body section article .partner_title p{font-weight:300}
.object main #body section article .social,.partner main #body section article .social{display:flex;justify-content:space-between;margin:30px 0;flex-wrap:wrap}
.object main #body section article .social .messages,.partner main #body section article .social .messages{margin-top:30px}
.object main #body section article .rating,.partner main #body section article .rating{margin:0 0 15px}
.object main #body section article .gallery,.partner main #body section article .gallery{margin-top:10px;display:flex}
.object main #body section article .gallery a,.partner main #body section article .gallery a{width:calc(20% - 8px);box-sizing:border-box;display:block;margin-right:10px}
.object main #body section article .gallery a:last-of-type,.partner main #body section article .gallery a:last-of-type{margin-right:0}
.board_list{display:flex;flex-wrap:wrap}
.board_list .board_list_item{width:30%;margin:0 3% 90px 0;font-size:14px;line-height:17px}
.board_list .board_list_item .f_title h2{font-size:14px;line-height:17px;margin-top:11px;font-weight:bold}
.board_list .board_list_item .f_title h2 a{text-decoration:none}
.board_list .board_list_item .f_price{color:#e84323;font-weight:bold;margin-top:8px}
.board_list .board_list_item .f_city{margin-top:8px;color:#ACACAC}
.board_list .board_list_item .info_bar{margin-top:8px;font-size:14px;line-height:17px;font-weight:normal}
.content_social{padding-top:6px;display:flex;margin-top:30px}
.content_social .title{font-weight:bold;font-size:14px;line-height:22px;margin-right:15px;padding-top:4px}
.content_social ul{display:flex}
.content_social ul li{margin-right:12px}
.content_social ul li a{display:block;width:30px;height:30px}
.content_social ul li a span{display:none}
.content_social ul li a.vk{background:url(../images/icons/color_vk.svg) center no-repeat}
.content_social ul li a.fb{background:url(../images/icons/color_fb.svg) center no-repeat}
.content_social ul li a.in{background:url(../images/icons/color_in.svg) center no-repeat}
.content_social ul li a.yo{background:url(../images/icons/color_yo.svg) center no-repeat}
#content_item_tabs{margin-bottom:40px}
#content_item_tabs .tabs-menu ul{display:flex}
#content_item_tabs .tabs-menu ul li{padding:15px 30px;line-height:19px;text-align:center;border-bottom:solid 1px #D3D3D3;font-weight:300}
#content_item_tabs .tabs-menu ul li.active{border-top:solid 1px #D3D3D3;border-right:solid 1px #D3D3D3;border-left:solid 1px #D3D3D3;border-bottom:none;font-weight:normal}
#content_item_tabs .tabs-menu ul li.active a{color:#202124}
#content_item_tabs .tabs-menu ul li a{text-decoration:none;color:#ACACAC}
#content_item_tabs .tabs-menu ul li a .counter{padding:0 5px}
.read-more a{text-decoration:none;font-weight:bold;color:#000000}
.read-more::after{content:url(../images/icons/right_arrow.svg);margin-left:3px}
#controller_wrap > article.item{border-bottom:solid 1px #F6F6F6;margin-right:20px}
#controller_wrap > article.item .content_item{font-weight:300;font-size:16px;line-height:25px;color:#000000;padding-bottom:35px}
#controller_wrap > article.item .content_item a{text-decoration:none;color:#202124}
#controller_wrap > article.item .f_content a{border-bottom:1px solid #e84323}
#controller_wrap > article.item .f_content a:hover{border-bottom:none}
#controller_wrap > article.item .f_content img{max-width:100%}
#controller_wrap > article.item .info_bar{display:flex}
#controller_wrap > article.item .info_bar.bottom-bar{margin-top:55px}
#controller_wrap > article.item .info_bar .autor{color:#202124;font-weight:normal}
#controller_wrap > article.item .info_bar .autor a{color:#202124}
#controller_wrap > article.item .info_bar .autor a:hover{text-decoration:underline}
#controller_wrap > article.item .info_bar .date_pub{margin-left:10px;margin-right:12px}
#controller_wrap > article.item .info_bar .bi_hits{margin-right:20px}
#controller_wrap > article.item .info_bar .bi_rating{display:flex}
#controller_wrap > article.item .info_bar .bi_rating > span{font-weight:bold;color:#202124}
#controller_wrap > article.item .info_bar .bi_rating .rating_widget{margin-left:20px}
#controller_wrap > article.item .border{width:105px;height:2px;background-color:#e84323;margin:30px 0}
.info_bar{margin-top:13px;color:#ACACAC;font-weight:300;font-size:12px;line-height:22px}
.info_bar a{text-decoration:none}
.info_bar .bar_item{display:inline-block}
.info_bar .bi_hits{float:left;position:relative;margin-right:30px;padding-left:28px}
.info_bar .bi_hits::before{content:url(../images/icons/views.svg);position:absolute;left:0;top:2px}
.info_bar .bi_comments{float:left}
.info_bar .bi_comments a{color:#ACACAC;position:relative;padding-left:24px}
.info_bar .bi_comments a::before{content:url(../images/icons/comments.svg);position:absolute;left:0;top:-1px}
.info_bar .bi_rating{float:right}
.info_bar .bi_rating::after{content:"";clear:both}
.info_bar .bi_rating .rating_widget{display:flex;clear:both;align-items:center}
.info_bar .bi_rating .rating_widget .arrow span,.info_bar .bi_rating .rating_widget .arrow a{display:block;width:18px}
.info_bar .bi_rating .up span{background:url(../images/icons/like.svg) center no-repeat;display:block;width:18px;height:18px;opacity:0.5;position:absolute;top:0;right:0}
.info_bar .bi_rating .up span.true{opacity:1}
.info_bar .bi_rating .up a{background:url(../images/icons/like.svg) center no-repeat;display:block;width:18px;height:18px;position:absolute;top:0;right:0}
.info_bar .bi_rating .down span{background:url(../images/icons/dislike.svg) center no-repeat;display:block;width:18px;height:18px;opacity:0.5;position:absolute;top:4px;left:0}
.info_bar .bi_rating .down span.true{opacity:1}
.info_bar .bi_rating .down a{background:url(../images/icons/dislike.svg) center no-repeat;display:block;width:18px;height:18px;position:absolute;top:4px;left:0}
.info_bar .bi_rating .arrow{position:relative;height:22px;width:22px}
.info_bar .bi_rating .score{margin:0 9px;font-weight:normal}
.info_bar .bi_rating .score .positive{color:#60A465}
.info_bar .bi_rating .score .negative{color:#e84323}
.subscribe_wrap a span::before{content:url(../images/icons/notifications.svg);position:absolute;left:10px;top:2px}
.subscribe_wrap .spinner > div{width:10px;height:10px;background-color:#e84323}
.subscribe_wrap .subscribe,.subscribe_wrap .unsubscribe{background-color:#e84323;color:#ffffff !important;padding:4px 10px;text-decoration:none;border-radius:2px;padding:6px 14px 6px 30px}
.subscribe_wrap .unsubscribe{background-color:#ACACAC}
.subscribe_wrap .count-subscribers{position:relative;border:1px solid #ACACAC;border-radius:2px;color:#ACACAC;margin-left:6px;padding:5px 6px;text-align:center;cursor:pointer}
article h1.title_item{text-transform:none;font-size:30px;line-height:36px}
a.category{font-weight:300;font-size:16px;line-height:24px;color:#e84323;padding:4px 32px;border:1px solid #e84323;border-radius:2px;display:inline-block;text-decoration:none;transition:0.5s}
a.category:hover{background-color:#e84323;color:#ffffff}
.content_datasets{margin-bottom:30px}
.content_datasets .pills-menu{display:flex;flex-wrap:wrap}
.content_datasets .pills-menu li{margin:5px 20px 5px 0;font-size:14px;line-height:24px}
.content_datasets .pills-menu li.active{color:#e84323}
.content_datasets .pills-menu li a{text-decoration:none;color:#ACACAC}
.content_datasets .pills-menu li a:hover{color:#e84323}
.content_moderation_notice{margin-bottom:40px}
.content_moderator_info{margin:15px 0;font-weight:300;font-size:14px}
.content_moderator_info a{color:#202124}
.content_categories{margin-bottom:30px}
.content_categories ul{display:flex;flex-wrap:wrap}
.content_categories ul li{margin:5px 20px 5px 0;font-size:14px;line-height:24px}
.content_categories ul li a{text-decoration:none;color:#ACACAC}
.content_categories ul li a:hover{color:#e84323}
.partners-link{text-transform:none;font-size:14px;vertical-align:top;margin-right:10px;color:#e84323;line-height:18px;font-weight:bold;float:right}
#mapwd{width:100%;height:calc(100vh - 159px);position:relative}
#mapwd .button_panel{top:15px;position:absolute;display:flex}
#mapwd .button_panel.right{right:5%}
#mapwd .button_panel.right .info{padding:0;z-index:50;border:none;position:absolute;right:-30px;top:-10px}
#mapwd .button_panel.right .info a{display:block;width:24px;height:19px;background:url(../images/icons/map_info.svg) no-repeat;background-position:center}
#mapwd .button_panel.left{left:5%}
#mapwd .button_panel button.onmap{background-color:#ffffff;box-shadow:0px 4px 4px rgba(0,0,0,0.25);border-radius:6px;z-index:50;border:none;color:#979797;text-align:left;padding:17px 26px;box-sizing:border-box;cursor:pointer;outline:none}
#mapwd .button_panel button.onmap.filter{height:50px;background:#ffffff url(../images/icons/arrow-down.svg) no-repeat;background-position:right 20px top 22px;padding-right:50px;font-size:16px}
#mapwd .button_panel button.onmap.help{height:50px;padding:15px 15px 15px 20px}
#mapwd .button_panel button.onmap.help .custom-control-input{position:absolute;z-index:-1;opacity:0}
#mapwd .button_panel button.onmap.help .custom-control-input:checked ~ .custom-control-label{color:#202124}
#mapwd .button_panel button.onmap.help .custom-control-input:checked ~ .custom-control-label::after{background-color:#e84323;-webkit-transform:translateX(23px);transform:translateX(23px)}
#mapwd .button_panel button.onmap.help .custom-control-label{position:relative;margin-bottom:0;vertical-align:top;height:24px;font-size:16px;line-height:21px;display:block;cursor:pointer;padding-left:57px}
#mapwd .button_panel button.onmap.help .custom-control-label::before{position:absolute;display:block;height:20px;width:43px;content:"";background-color:#979797;left:0px;top:0px;pointer-events:all;border-radius:100px;opacity:0.2}
#mapwd .button_panel button.onmap.help .custom-control-label::after{position:absolute;display:block;content:"";background:no-repeat 50% / 50% 50%;top:0px;left:0px;width:20px;height:20px;background-color:#ffffff;border-radius:100px;box-shadow:0px 3px 6px rgba(0,0,0,0.12);transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;transition:transform 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-transform 0.15s ease-in-out}
#mapwd .button_panel button.onmap.add_object{width:50px;height:50px;border-radius:25px;margin-left:20px;padding:0}
#mapwd .button_panel button.onmap.add_object a{display:block;width:50px;height:50px;background:url(../images/icons/add_object_placeholder.svg) no-repeat;background-position:center}
.close{display:block;width:20px;height:20px;position:absolute;right:30px;top:30px;background:url(../images/icons/close.svg) center no-repeat;cursor:pointer}
.modal-bg{width:100%;min-height:100vh;position:absolute;z-index:100;background:rgba(32,33,36,0.8);display:none;top:0}
.filter-modal{background:#ffffff;border-radius:6px;background:#ffffff;width:65%;min-height:70vh;margin:10vh auto;position:relative;overflow:hidden;box-sizing:border-box;padding-bottom:20px}
.filter-modal .title{border-bottom:1px solid #F6F6F6;font-weight:bold;text-align:center;padding:30px 0 15px}
.filter-modal .input_checkbox_list{display:flex;padding:0px 30px 30px}
.filter-modal .input_checkbox_list label{display:block;margin-bottom:10px;color:#202124;font-weight:normal;line-height:14px}
.filter-modal .input_checkbox_list h5{font-size:14px;line-height:17px;margin:15px 0 30px}
.filter-modal .input_checkbox_list > div{margin-right:25px}
.filter-modal .input_checkbox_list > div .medical,.filter-modal .input_checkbox_list > div .show{margin-top:30px}
.filter-modal .input_checkbox_list span{color:#202124;font-weight:normal !important}
.filter-modal .buttons{text-align:center}
.filter-modal .buttons #map-filter{width:250px}
#teaser-cont-window{width:100%;max-width:calc(5vw + 450px);height:100vh;background:#ffffff;position:absolute;top:0;left:calc(-5vw - 455px);z-index:100;box-shadow:1px 0px 20px rgba(0,0,0,0.25)}
#teaser-cont-window #teaser-cont{overflow-x:hidden;box-sizing:border-box}
#teaser-cont-window #teaser-cont h2{font-size:22px;line-height:24px;text-transform:uppercase;padding:30px 0 20px 5vw;margin:0;box-shadow:0px 2px 2px rgba(0,0,0,0.1)}
#teaser-cont-window #teaser-cont h2 span{font-weight:300;font-size:12px;line-height:14px;color:#ffffff;padding:2px 5px;background:#e84323;margin-left:15px;display:inline-block;text-transform:none;vertical-align:top;margin-top:2px}
#teaser-cont-window #users_profiles_list{overflow-y:auto;max-height:calc(100vh - 74px);box-sizing:border-box}
#teaser-cont-window #users_profiles_list .item{padding:10px 5vw 20px !important}
#teaser-cont-window #users_profiles_list .item .info{width:auto}
#teaser-cont-window #users_profiles_list .item .info .icon{text-align:center}
#teaser-cont-window #users_profiles_list .item .info .icon .img-thumbnail{width:60px;height:60px;border-radius:30px}
#teaser-cont-window #users_profiles_list .item .info .icon a{display:block;height:60px}
#teaser-cont-window #users_profiles_list .item .info .icon .karma{font-size:14px;font-weight:bold;display:inline-block;padding-left:23px;position:relative}
#teaser-cont-window #users_profiles_list .item .info .icon .karma::before{content:url(../images/icons/heart.svg);position:absolute;top:3px;left:0}
#teaser-cont-window #users_profiles_list .item .info .icon .karma.active span.value{color:#60A465}
#teaser-cont-window #users_profiles_list .item .info .icon .karma.passive span{color:#e84323}
#teaser-cont-window #users_profiles_list .item .info .icon .count_review{font-weight:300;font-size:12px;line-height:14px;color:#979797;width:80px}
#teaser-cont-window #users_profiles_list .item .info .fields div{margin:0}
#teaser-cont-window #users_profiles_list .item .info .fields .name{margin-top:5px}
#teaser-cont-window #users_profiles_list .item .info .fields .send-link{color:#979797;position:relative;padding-left:28px}
#teaser-cont-window #users_profiles_list .item .info .fields .send-link::before{content:url("../images/icons/gray-messages.svg");position:absolute;top:-1;left:0}
#teaser-cont-window #users_profiles_list .item .info .fields .multiple_help_list{display:flex;height:25px;margin:20px 0 0}
#teaser-cont-window #users_profiles_list .item .info .fields .multiple_help_list li{margin:0 10px 0 0;width:25px;height:25px}
#teaser-cont-window #users_profiles_list .item .info .fields .multiple_help_list li.passive{opacity:0.2}
#teaser-cont-window #users_profiles_list .item .info .fields .messages{margin-top:15px}
#teaser-cont-window #users_profiles_list .item:first-of-type{border-top:none}
#teaser-cont-window #object_item{overflow-y:auto;max-height:100vh;box-sizing:border-box;padding:30px 0;font-size:14px;line-height:22px}
#teaser-cont-window #object_item .content_item > div{padding:0 5vw}
#teaser-cont-window #object_item h1{margin:0 0 15px;font-family:'Museo Sans Cyrl 900';font-size:24px;line-height:32px;padding:0 5vw}
#teaser-cont-window #object_item h1 a{color:#202124;text-decoration:none}
#teaser-cont-window #object_item .contacts{margin-top:15px;color:#202124;display:flex}
#teaser-cont-window #object_item .contacts div{margin-right:30px}
#teaser-cont-window #object_item .contacts a{color:#202124}
#teaser-cont-window #object_item .contacts .phone a{text-decoration:none}
#teaser-cont-window #object_item .object_type{font-weight:300;font-size:18px;line-height:24px;color:#979797;margin-top:15px}
#teaser-cont-window #object_item .address{margin-top:15px;padding:15px 0 0 calc(5vw + 28px) !important;border-top:solid 1px #F6F6F6;background:url(../images/icons/adr-placeholder.svg) no-repeat;background-position:5vw 15px}
#teaser-cont-window #object_item .photo{margin-top:15px}
#teaser-cont-window #object_item .photo img{width:100%;border-radius:4px}
#teaser-cont-window #object_item .partner_title{font-size:18px;line-height:22px;margin:40px 0 30px}
#teaser-cont-window #object_item .partner_title a{color:#3BB300;background:url(../images/icons/partner_percent.svg) no-repeat;padding-left:30px;text-decoration:none;display:block}
#teaser-cont-window #object_item .partner_title p{font-weight:300}
#teaser-cont-window #object_item .link{padding:0 5vw;margin-top:30px}
#teaser-cont-window #object_item .link a{text-decoration:none;color:#979797;font-size:14px;line-height:22px;position:relative;padding-left:30px}
#teaser-cont-window #object_item .link a::before{content:url(../images/icons/gorizontal_menu.svg);position:absolute;left:0;top:-4px}
#teaser-cont-window #object_item .rating{margin-top:15px}
#teaser-cont-window #object_item .rating .teaser{display:flex;font-size:14px;line-height:17px}
#teaser-cont-window #object_item .rating .teaser #bgDiv{width:100px;display:flex;margin-right:20px}
#teaser-cont-window #object_item .rating .teaser #bgDiv #onDiv{background:url(../images/icons/star_active.png)}
#teaser-cont-window #object_item .rating .teaser #bgDiv #offDiv{background:url(../images/icons/star_passive.png);background-position:right}
#teaser-cont-window #object_item .rating .teaser .rate1{margin-right:15px;font-weight:bold}
#teaser-cont-window #object_item .rating .teaser .rate2{font-weight:normal;color:#979797}
#layout.map #widget_pos_left-bottom, #layout.map #widget_pos_left-bottom .widget{position:static}
.motocard h4{font-size:30px;line-height:36px;margin:0 0 60px}
.motocard__teaser{margin:30px 5vw 0;position:relative;background:url(../images/teaser-motocard.png) no-repeat;background-position:right 8% bottom 0;padding-bottom:5vw}
.motocard__teaser h1{font-size:50px;line-height:56px;margin:0;border-left:solid 4px #e84323;padding-left:22px}
.motocard__teaser > p{font-size:24px;line-height:30px;color:#979797;max-width:40%;margin:60px 0;font-weight:300}
.motocard__teaser .btn{position:absolute;top:0;right:0;padding:0 !important}
.motocard__teaser .btn a{padding:20px 50px;display:block}
.motocard__video{margin:100px auto 0;height:20vw;text-align:center;width:40%}
.motocard__options ul{display:flex;justify-content:center}
.motocard__options ul > li{display:block;width:200px;height:190px;box-shadow:0px 4px 20px rgba(0,0,0,0.1);border-radius:2px;font-weight:300;font-size:14px;line-height:16px;text-align:center;position:relative}
.motocard__options ul > li .ps{font-size:12px;line-height:16px;color:#ACACAC;position:absolute;bottom:-37px;text-align:center;max-width:200px}
.motocard__options ul > li:nth-of-type(1){background-color:#e84323;margin-right:10vw;color:#ffffff}
.motocard__options ul > li:nth-of-type(1) div{font-weight:bold;font-size:36px;line-height:29px;background:#ffffff;width:106px;height:106px;border-radius:60px;color:#e84323;padding-top:20px;box-sizing:border-box;margin:0 auto}
.motocard__options ul > li:nth-of-type(2){background-color:#ffffff;color:#ACACAC}
.motocard__options ul > li:nth-of-type(2) .sum{color:#e84323;font-size:36px;line-height:34px;font-weight:bold;margin:50px 0 5px}
.motocard__options ul > li:nth-of-type(2) .currency{color:#e84323;font-size:12px;line-height:14px;margin:0;font-weight:normal}
.motocard__options ul > li:nth-of-type(2) .year-support{margin:15px}
.motocard__options ul > li:nth-of-type(2) .action{position:absolute;background:url(../images/motocard_options_action.svg);height:40px;width:190px;left:-15px;top:37px;color:#ffffff;box-sizing:border-box;padding:5px 8px;text-align:left}
.motocard__options ul > li:nth-of-type(2)::after{content:url(../images/motocard_options_medal.svg);position:absolute;bottom:20px;right:-30px}
.motocard__options ul > li:nth-of-type(3){background:#e84323 url(../images/motocard_calendar.svg) center 30px no-repeat;margin-left:10vw;color:#ffffff}
.motocard__options ul > li:nth-of-type(3) p{margin-top:160px}
.motocard__options .options-bg{width:100%;height:140px;background:#F6F6F6;margin-top:-90px}
.motocard__scope{margin:100px 5vw 0}
.motocard__scope ul{display:flex;flex-direction:row;flex-wrap:wrap}
.motocard__scope ul li{width:45%;margin:0 5% 65px 0}
.motocard__scope ul li h6{font-size:24px;line-height:37px;color:#e84323;margin:15px 0 20px}
.motocard__scope ul li p{font-weight:300;font-size:16px;line-height:25px;color:#000000}
.motocard__scope ul li a{font-weight:300;font-size:12px;line-height:14px;letter-spacing:0.115em;text-transform:uppercase;color:#ACACAC;margin-top:15px}
.motocard__scope ul li .description{display:none}
.motocard__scope ul li:nth-of-type(1)::before{content:url(../images/icons/motocard_percent.svg)}
.motocard__scope ul li:nth-of-type(2)::before{content:url(../images/icons/motocard_evacuation.svg)}
.motocard__scope ul li:nth-of-type(3)::before{content:url(../images/icons/motocard_fuel.svg)}
.motocard__scope ul li:nth-of-type(4)::before{content:url(../images/icons/motocard_umbrella.svg)}
.motocard__scope ul li:nth-of-type(5)::before{content:url(../images/icons/motocard_lawyer.svg)}
.motocard__scope ul li:nth-of-type(6)::before{content:url(../images/icons/motocard_friend.svg);margin:0}
.motocard__partners{margin:50px 5vw}
.motocard__partners .partners_list{display:flex;justify-content:space-between;overflow:hidden}
.motocard__partners .partners_list img{margin:10px;filter:grayscale(100%)}
.motocard__partners .partners_list img:hover{filter:grayscale(0%)}
.motocard__partners .add_partner{text-align:center;padding:80px 0 50px}
.motocard__partners .add_partner .partners-link{float:none}
.motocard__result{margin:135px 0 0}
.motocard__result h4{margin:0 5vw 30px !important}
.motocard__result .text_cont{display:flex;margin:0 7%}
.motocard__result .text_cont p{margin:0 2.5vw;font-weight:300;font-size:24px;line-height:42px;color:#000000}
.motocard__result .scheme{background:url(../images/motocard_result.png) center top no-repeat;background-size:100%;width:50vw;max-width:658px;height:50vw;max-height:658px;position:relative;margin:100px auto 0;font-size:18px;line-height:22px;font-weight:300}
.motocard__result .scheme .family{width:172px;height:172px;background:url(../images/motocard_family.svg) 30px 0px no-repeat;position:absolute;top:3vw;left:-190px;padding-top:135px;box-sizing:border-box}
.motocard__result .scheme .family::after{content:"";width:12px;height:12px;border-radius:6px;background:#e84323;position:absolute;right:-30%;bottom:20px}
.motocard__result .scheme .economy{width:230px;text-align:center;position:absolute;right:-230px;top:3vw}
.motocard__result .scheme .economy .percent_round{width:100px;height:100px;border-radius:50px;background:#e84323;font-size:24px;color:#ffffff;font-weight:bold;padding-top:15px;box-sizing:border-box;margin:0 auto 50px}
.motocard__result .scheme .economy::before{content:"";width:12px;height:12px;border-radius:6px;background:#e84323;position:absolute;left:-30px;bottom:50px}
.motocard__result .scheme .economy_petrol{width:186px;height:186px;text-align:center;position:absolute;left:60%;bottom:-120px}
.motocard__result .scheme .economy_petrol .petrol_round{width:100px;height:100px;border-radius:50px;box-sizing:border-box;background:#e84323 url(../images/motocard_big_petrol.svg) center no-repeat;margin:0 auto 30px}
.motocard__result .scheme .economy_petrol::after{content:url(../images/motocard_percent.svg);position:absolute;right:-10px;top:-70px}
.motocard__economy{margin:135px 5vw 0}
.motocard__economy h4{margin-bottom:100px}
.motocard__economy .row{display:flex}
.motocard__economy .row div{width:50%;position:relative}
.motocard__economy .row div.left_col{background:#202124;border-radius:8px;color:#ffffff;padding:20px 30px 60px;box-sizing:border-box}
.motocard__economy .row div.left_col h5{font-size:28px;line-height:42px;font-weight:normal}
.motocard__economy .row div.left_col p{font-size:12px;line-height:18px}
.motocard__economy .row div.left_col::before{content:url(../images/sale_percent.svg);position:absolute;top:-45px;right:12%}
.motocard__economy .row div.right_col button{position:absolute;bottom:0;left:25%;padding:0 !important}
.motocard__economy .row div.right_col button a{padding:20px 50px;display:block}
.motocard__economy .row div.right_col::before{content:"";background:url(../images/sale_bike.svg) center no-repeat;background-size:contain;position:absolute;top:-45px;right:27%}
.motocard__bonus{margin-top:135px;background:#F6F6F6;padding:70px 25%}
.motocard__bonus div{position:relative;padding-left:130px}
.motocard__bonus div::before{content:url(../images/motocard_petrol.svg);position:absolute;left:5px}
.motocard__bonus h4{margin-bottom:35px}
.motocard__bonus h5{font-weight:normal;font-size:18px;line-height:24px}
.motocard__bonus p{font-size:12px;line-height:18px;color:#ACACAC}
.motocard__bonus p a{color:#e84323;text-decoration:none}
.motocard__control{display:flex;margin:195px 5vw 0}
.motocard__control h4{margin:0}
.motocard__control .left_col{width:55%;background:url(../images/motocard_control_image.jpg) center no-repeat}
.motocard__control .right_col{width:45%;padding-left:60px;box-sizing:border-box}
.motocard__control .right_col p{font-size:22px;line-height:28px;margin:20px 0;color:#979797}
.motocard__control .right_col ul li{margin-bottom:20px;position:relative;padding-left:60px}
.motocard__control .right_col ul li::before{position:absolute}
.motocard__control .right_col ul li:nth-of-type(1)::before{content:url(../images/icons/motocard_sms.svg);left:0;top:8px}
.motocard__control .right_col ul li:nth-of-type(2)::before{content:url(../images/icons/motocard_notification.svg);left:-3px;top:5px}
.motocard__control .right_col ul li:nth-of-type(3)::before{content:url(../images/icons/motocard_info.svg);left:6px;top:0px}
.motocard__control .right_col ul li:nth-of-type(4)::before{content:url(../images/icons/motocard_pay.svg);left:3px;top:2px}
.motocard__history{margin:135px 5vw 0;position:relative}
.motocard__history .row{display:flex}
.motocard__history .row .about{width:55%;font-weight:300;font-size:28px;line-height:42px}
.motocard__history .row .review{width:45%;position:relative}
.motocard__history .row .review .quote{font-size:24px;line-height:28px;color:#ffffff;max-width:440px;max-height:330px;width:40vw;height:30vw;box-sizing:border-box;position:absolute;padding:8vw 3vw 5vw 6vw;background:url(../images/motocard_quote.svg) center no-repeat;right:7%;top:0;background-size:contain}
.motocard__history .row .review .quote::before{content:"";background:url(../images/motocard_quote_avatar.png) center no-repeat;position:absolute;top:-120px;right:9vw;background-size:100%;width:110px;height:110px}
.motocard__history .info{font-size:28px;line-height:42px;background:#F6F6F6;padding:9vw 19%;margin-top:90px}
.motocard__history .info span{color:#e84323}
.motocard__promocode{margin:200px 0 140px;position:relative}
.motocard__promocode .shlak{position:absolute;top:-100px;right:20px;width:717px;height:445px;background:url(../images/shlak_na_fone.svg) no-repeat center}
.motocard__promocode .row{display:flex;padding:0 5vw;background:#F6F6F6}
.motocard__promocode .row > div{width:50%;padding:90px 0 70px}
.motocard__promocode .row > div.left_col{padding-right:30px}
.motocard__promocode .row > div.right_col{position:relative;background:url(../images/motocard_code_bg.png) no-repeat;background-position:bottom left}
.motocard__promocode .row > div.right_col button{position:absolute;right:0;top:190px;padding:0 !important}
.motocard__promocode .row > div.right_col button a{padding:20px 50px;display:block}
.motocard__form{text-align:center;margin-top:195px}
.motocard__form header{max-width:670px;margin:0 auto}
.motocard__form header p{margin:60px auto;font-size:18px;line-height:24px;text-align:left}
.motocard__form form{text-align:left;max-width:800px;margin:0 auto}
.motocard__form form fieldset#fset_fio > div,.motocard__form form fieldset#fset_contacts > div,.motocard__form form fieldset#fset_city > div,.motocard__form form fieldset#fset_delivery > div,.motocard__form form fieldset#fset_checkout > div,.motocard__form form fieldset#fset_code_checkout > div{display:inline-block;width:42%;vertical-align:top}
.motocard__form form fieldset > div{margin:20px 3.8% 0}
.motocard__form h4{margin-bottom:10px}
.motocard__form p{font-weight:300;font-size:16px;line-height:24px}
.motocard__form .auth .auth-menu{float:none;margin:0 auto;display:block;width:215px;padding:20px 0 150px}
.motocard__form .auth h4{margin:35px 0 10px}
.motocard__form .auth h4::before{content:url(../images/auth.svg);display:block}
.motocard__form .buttons{margin:40px 0 50px}
.motocard__form .city-input{display:block}
.motocard__form #f_code{position:relative}
.motocard__form #f_code .msg{width:100%;border-radius:0px 0px 2px 2px;margin-top:5px;color:#ffffff;font-weight:300;font-size:14px;line-height:24px;padding:0 25px;box-sizing:border-box}
.motocard__form #f_code .msg.good-code{background-color:#60A465}
.motocard__form #f_code .msg.bad-code{background-color:#e84323}
.motocard__form .code_ok{position:absolute;top:30px;right:5px;color:#ffffff;font-size:20px;line-height:24px;font-weight:bold;border-radius:2px;background-color:#e84323;padding:5px;border:none;cursor:pointer}
.motocard__form #fset_checkout,.motocard__form #fset_code_checkout{text-align:right}
.motocard__form #fset_checkout .field,.motocard__form #fset_code_checkout .field{text-align:left}
.motocard__form #fset_checkout .field p,.motocard__form #fset_code_checkout .field p{margin:0 0 3px}
.motocard__form #fset_checkout .field p span,.motocard__form #fset_code_checkout .field p span{width:50%;display:inline-block;font-weight:normal}
.motocard__form #fset_checkout .field p span.title,.motocard__form #fset_code_checkout .field p span.title{color:#ACACAC}
.motocard .tabs__caption{display:flex;color:#ACACAC;justify-content:center;margin:30px 0 20px}
.motocard .tabs__caption li{margin:0 15px;cursor:pointer}
.motocard .tabs__caption li.active{color:#e84323}
.motocard .tabs__content{display:none}
.motocard .tabs__content.active{display:block}
.motocard .buttons{text-align:center}
.modal-cont{padding:50px}
.modal-cont h5{font-size:46px;line-height:56px;margin:30px 0}
.modal-cont h6{font-size:26px;line-height:36px;margin:20px 0}
.modal-cont p{font-size:22px;line-height:32px;margin:25px 0}
.modal-cont p span{color:#e84323}
.modal-cont p.ps{font-weight:300;font-size:16px;line-height:18px;color:#000000;margin-top:30px}
.modal-cont a{text-decoration:none;color:#e84323}
#layout.motocard-result main{padding:0}
#layout.motocard-result main .motocard-menu{padding:0 5vw}
.result{display:flex;background:#F6F6F6;padding:0 5%}
.result > div{width:50%;text-align:center}
.result__content{background-color:#ffffff;box-shadow:0px 4px 10px rgba(0,0,0,0.1);border-radius:8px;padding:60px 60px 65px;margin:40px auto;position:relative;display:inline-block;text-align:left}
.result__content::before{content:"";background:#e84323 url(../images/motocard_result_like.svg) center no-repeat;background-size:50%;width:90px;height:90px;border-radius:45px;position:absolute;left:-45px;top:40px}
.result__content h1{font-size:24px;line-height:29px;color:#e84323;margin-bottom:0}
.result__content p{font-size:20px;line-height:24px;margin:10px 0}
.result__order{font-weight:300;font-size:16px;line-height:24px;color:#ACACAC}
.result__sum{font-size:16px;line-height:30px;color:#ACACAC;margin-top:50px}
.result__sum span{font-weight:300;font-size:22px;line-height:30px;float:right;color:#202124}
.result__more{font-size:16px;line-height:30px;color:#ACACAC;margin-top:30px}
.result__more span{float:right;color:#202124}
.result__image{position:relative}
.result__image::before{content:"";background:#e84323 url(../images/motocard_result_bike.svg) center no-repeat;background-size:70%;width:90px;height:90px;border-radius:45px;position:absolute;right:35px;bottom:35px}
.result__image.card{background:url(../images/motocard_result_card.png) left center no-repeat;background-size:contain}
.result__image.code{background:url(../images/motocard_result_code.png) left center no-repeat}
.result__my{font-weight:300;margin-top:10px}
.result__my a{color:#e84323}
.mycard h1{margin-bottom:15px;font-size:46px;line-height:56px}
.mycard__name{font-weight:300;font-size:20px;line-height:24px;text-decoration:none;color:#202124}
.mycard__main{display:flex;margin-top:60px}
.mycard__image{width:350px;height:220px;margin-right:40px;position:relative;background:url(../images/motocard_clear.png) no-repeat}
.mycard__number{position:absolute;width:100%;bottom:35px;left:40px;color:#f2d19e;display:flex;letter-spacing:4px}
.mycard__number div{margin-right:20px}
.mycard__info button{border:none;margin-top:30px;padding:0;display:block}
.mycard__active{font-size:14px;line-height:24px;margin-top:30px;width:100%;max-width:350px}
.mycard__active .title{font-weight:300;color:#ACACAC}
.mycard__active .value{float:right}
#users_profiles_list .item{display:flex;padding:30px 50px;border-top:solid 1px #F6F6F6;justify-content:space-between}
#users_profiles_list .item .info{display:flex;width:50%}
#users_profiles_list .item .info a{text-decoration:none;color:#202124}
#users_profiles_list .item .info .fields{margin-left:30px}
#users_profiles_list .item .info .fields div{margin:8px 0;width:100%}
#users_profiles_list .item .info .fields div:first-of-type{margin-top:0;line-height:16px}
#users_profiles_list .item .info .fields .nickname{font-weight:bold;display:flex}
#users_profiles_list .item .info .fields .nickname span{font-weight:300;font-size:14px;line-height:16px;color:#ACACAC;position:relative}
#users_profiles_list .item .info .fields .name{font-weight:300;line-height:18px}
#users_profiles_list .item .info .fields .city{font-size:14px;line-height:22px;color:#ACACAC;font-weight:300;position:relative;padding-left:15px}
#users_profiles_list .item .info .fields .city::before{content:url(../images/icons/placeholder.svg);position:absolute;top:0;left:0}
#users_profiles_list .item .info .fields .age{font-weight:300;font-size:14px;line-height:22px;color:#ACACAC;margin-bottom:3px !important}
#users_profiles_list .item .info .icon .img-thumbnail{width:85px;height:85px;border-radius:43px}
#users_profiles_list .item .info .icon .help{font-weight:300;font-size:14px;line-height:22px;text-align:center}
#users_profiles_list .item .info .icon .help.active{color:#60A465}
#users_profiles_list .item .info .icon .help.passive{color:#ACACAC}
#users_profiles_list .item .status{font-size:14px;line-height:22px;color:#ACACAC;width:30%}
#users_profiles_list .item .status span.value{margin-left:5px}
#users_profiles_list .item .status .rating{position:relative;padding-left:21px;position:relative}
#users_profiles_list .item .status .rating::before{content:url(../images/icons/star.svg);position:absolute;top:1px;left:0}
#users_profiles_list .item .status .rating.active span.value{color:#60A465}
#users_profiles_list .item .status .rating.passive span.value{color:#e84323}
#users_profiles_list .item .status .karma{padding-left:21px;margin-top:4px;position:relative}
#users_profiles_list .item .status .karma::before{content:url(../images/icons/heart.svg);position:absolute;top:2px;left:0}
#users_profiles_list .item .status .karma.active span.value{color:#60A465}
#users_profiles_list .item .status .karma.passive span{color:#e84323}
#users_profiles_list .item .actions{width:20%;position:relative}
#users_profiles_list .item .actions .btn{position:absolute;bottom:0px;right:0px}
#user_profile{display:flex}
#user_profile #left_column{width:30%;padding-right:5%;box-sizing:border-box}
#user_profile #left_column .block{padding:20px 10%;border-bottom:solid 1px #F6F6F6}
#user_profile #left_column #avatar{padding:0 0 35px 0;text-align:center}
#user_profile #left_column #avatar .nickname{display:block;text-align:center;font-size:18px;line-height:24px}
#user_profile #left_column #avatar .img-thumbnail{border-radius:100px;margin-bottom:5px}
#user_profile #left_column .count-friends{font-weight:300;font-size:20px;line-height:24px;margin-left:8px}
#user_profile #left_column .social ul{display:flex}
#user_profile #left_column .social ul li{margin-right:30px}
#user_profile #left_column .social ul li.vk a{background:url(../images/icons/color_vk.svg) center no-repeat}
#user_profile #left_column .social ul li.fb a{background:url(../images/icons/color_fb.svg) center no-repeat}
#user_profile #left_column .social ul li.in a{background:url(../images/icons/color_in.svg) center no-repeat}
#user_profile #left_column .social ul li.yo a{background:url(../images/icons/color_yo.svg) center no-repeat}
#user_profile #left_column .social ul li a{display:block;width:30px;height:30px}
#user_profile #left_column .social ul li a span{display:none}
#user_profile #right_column{width:70%}
#user_profile #right_column #information{padding:0;box-sizing:border-box;position:relative}
#user_profile #right_column #information .edit-profile{font-size:14px;line-height:17px;font-weight:bold;color:#e84323;margin-left:10px}
#user_profile #right_column #information .avatar .img-thumbnail{width:90px;height:90px;border-radius:45px}
#user_profile #right_column #information .user-rating.mobile{display:none;min-width:auto}
#user_profile #right_column #information .fieldset_title{border-top:solid 1px #F6F6F6;margin-bottom:25px}
#user_profile #right_column #information .fieldset_title h3{margin:0;margin-top:-12px;background:#ffffff;padding-right:6px;float:left;font-weight:normal;font-size:16px;line-height:22px}
#user_profile #right_column #information .fieldset{padding-bottom:30px}
#user_profile #right_column #information .fieldset a{color:#202124}
#user_profile #right_column #information .fieldset .field{display:flex;margin-bottom:10px;align-items:flex-end}
#user_profile #right_column #information .fieldset .field .title{width:25%;font-weight:300;color:#979797}
#user_profile #right_column #information .fieldset .field .value{font-weight:300;font-size:14px;line-height:22px}
#user_profile #right_column #information .fieldset .ft_text .value{font-size:16px;line-height:24px}
#user_profile #right_column #information > .fieldset.first{border-top:solid 1px #F6F6F6;padding-top:30px;padding-bottom:0px;margin-top:30px}
#user_profile #right_column #information > .fieldset.last{padding-bottom:0}
#user_profile #right_column #information > .fieldset.last .fieldset_title{padding:40px 0;margin-bottom:10px}
#user_profile #right_column #information > .fieldset.last .fieldset_title h3{font-size:22px;font-weight:bold;margin-top:0px;height:35px;position:relative;padding-left:45px}
#user_profile #right_column #information > .fieldset.last .fieldset_title h3::before{content:url(../images/icons/help.svg);position:absolute;left:0;top:-9px}
#user_profile #right_column #information > .fieldset.last .f_absent .value{color:#e84323}
#user_profile #right_column #information .fio{font-size:18px;line-height:24px}
#user_profile #right_column #information .nickname{font-weight:300;font-size:18px;line-height:24px;color:#979797}
#user_profile #right_column #information .nickname span.name{vertical-align:middle}
#user_profile #right_column #information .nickname span + span{font-weight:300;font-size:14px;line-height:22px;color:#ACACAC;position:relative}
#user_profile #right_column #information .nickname span + span.last_online::before{top:0;left:0}
#user_profile #right_column #information .more-info{margin-top:30px}
#user_profile #right_column #information .more-info.closed{display:none}
#user_profile #right_column #information .more-info-button-close,#user_profile #right_column #information .more-info-button-open{margin-left:25%;margin-bottom:20px;font-weight:300;font-size:14px;line-height:22px;color:#e84323;cursor:pointer}
#user_profile #right_column #information .more-info-button-close{display:none}
#user_profile #right_column #information .multiple_help_list{display:flex;flex-wrap:wrap;width:300px}
#user_profile #right_column #information .multiple_help_list li{width:50%;box-sizing:border-box;margin:6px 0;padding-left:30px;background-position:left center}
#user_profile #right_column #information .user_main_buttons{display:flex;margin-top:25px}
#user_profile #right_column #information .user_main_buttons li{margin-right:25px}
#user_profile #right_column #user_profile_rates{border-top:solid 1px #F6F6F6;padding-top:30px;margin-top:30px;position:relative}
#user_profile #right_column #user_profile_rates .zero{color:#ACACAC}
#user_profile #right_column #user_profile_rates .positive{color:#60A465}
#user_profile #right_column #user_profile_rates .negative{color:#e84323}
#user_profile #right_column #user_profile_rates h3{font-size:22px;padding-left:45px;position:relative}
#user_profile #right_column #user_profile_rates h3 span{margin-left:10px}
#user_profile #right_column #user_profile_rates h3::before{content:url(../images/icons/karma.svg);position:absolute;left:0;top:-9px}
#user_profile #right_column #user_profile_rates .no-logs{color:#ACACAC;margin-top:30px}
#user_profile #right_column #user_profile_rates .karma{position:absolute;display:flex;top:55px;right:0px;color:#979797;font-weight:300;line-height:20px}
#user_profile #right_column #user_profile_rates .karma a{display:block;width:20px;height:20px;margin-left:10px}
#user_profile #right_column #user_profile_rates .karma a.thumb_up{background:url(../images/icons/karma_up_active.svg) center no-repeat}
#user_profile #right_column #user_profile_rates .karma a.thumb_down{background:url(../images/icons/karma_down.svg) center no-repeat}
#user_profile #right_column #user_profile_rates .info .value{width:20px;height:20px;float:right}
#user_profile #right_column #user_profile_rates .info .value.positive{background:url(../images/icons/karma_up_active.svg) center no-repeat}
#user_profile #right_column #user_profile_rates .info .value.negative{background:url(../images/icons/karma_down.svg) center no-repeat}
#user_profile .hidden_profile_text{margin:30px 0;color:#ACACAC;font-weight:300}
#user_profile .block .details li{margin:0;padding:0;list-style:none;font-size:12px}
#user_profile .block .details li a{color:#202124}
#user_profile .block .block-title{margin-bottom:6px;font-weight:bold;font-size:20px;line-height:24px;text-transform:uppercase;margin-bottom:20px;position:relative}
#user_profile .block .block-title a{text-decoration:none;color:#202124}
#user_profile .block .content_counts a,#user_profile .block .tabs-menu a{text-decoration:none;display:block;overflow:hidden;font-weight:300;line-height:19px;height:40px;padding:10px 0;box-sizing:border-box;color:#202124}
#user_profile .block .content_counts a:hover,#user_profile .block .tabs-menu a:hover{text-decoration:underline}
#user_profile .block .content_counts a .counter,#user_profile .block .tabs-menu a .counter{display:block;overflow:hidden;color:#e84323;float:right;padding:0 10px}
#user_profile .friends-list{overflow:hidden}
#user_profile .friends-list a{text-decoration:none;display:block;float:left;overflow:hidden;margin:0 20px 20px 0}
#user_profile .friends-list a:hover{opacity:0.75}
#user_profile .friends-list .img-thumbnail{display:block;float:left;border-radius:20px}
#user_profile_tabs{margin:20px 0;padding-bottom:30px}
#user_profile_tabs .tabbed{display:flex}
#user_profile_tabs .tabbed li{padding:15px 30px;border-bottom:solid 1px #EDEDED}
#user_profile_tabs .tabbed li a{text-decoration:none;font-size:16px;line-height:19px;font-weight:300;color:#202124}
#user_profile_tabs .tabbed li a:hover{color:#e84323}
#user_profile_tabs .tabbed li.active{border-bottom:none;border-top:solid 1px #EDEDED;border-left:solid 1px #EDEDED;border-right:solid 1px #EDEDED}
#user_profile_tabs .tabbed li.active a{color:#e84323}
#user_content_folders, #moderation_content_pills{margin:20px 0;border-bottom:solid 1px #F6F6F6;padding-bottom:30px}
#user_profile_title .name a{text-decoration:none}
.message_info_in_page{font-weight:300;font-size:20px;line-height:32px;text-align:left;margin-bottom:60px}
.data_list{border:0;font-size:16px;line-height:25px;margin-bottom:60px;width:100%}
.data_list .actions{background:none;border:none;padding-left:15px}
.data_list .actions a{text-decoration:none;color:#ACACAC;position:relative;padding-left:25px}
.data_list .actions a:before{content:url(../images/icons/del.svg);position:absolute;top:1px;left:0}
.data_list th{background:#F6F6F6;padding:5px 30px}
.data_list td{font-weight:300;padding:10px 25px;border-left:solid 1px #EDEDED;border-right:solid 1px #EDEDED}
.data_list a{color:#e84323}
ul.pills-menu-small{display:flex}
ul.pills-menu-small li{margin-right:25px;font-size:14px;line-height:24px;color:#ACACAC}
ul.pills-menu-small li a{text-decoration:none;color:#ACACAC}
ul.pills-menu-small li a:hover{color:#e84323}
ul.pills-menu-small li.active{color:#e84323}
ul.pills-menu-small li.active a{color:#e84323}
.users-filter .filter-link{text-align:right;margin-bottom:15px}
.users-filter .filter-link a{color:#e84323}
.users-filter .filter-container{border-top:solid 1px #F6F6F6;padding-top:10px}
.users-filter .filter-container .filter-close{text-align:right}
.users-filter .filter-container .filter-close a{color:#e84323}
.users-filter .filter-container .fields{display:flex}
.users-filter .filter-container .fields > div{margin:20px 20px 0 0}
.users-filter .filter-container .fields > div:last-of-type{margin-right:0}
.users-filter .filter-container .fields .f_city{margin-right:40px}
.users-filter .filter-container .fields .f_city .city-input{min-width:220px;padding:10px 15px;display:inline-block}
.users-filter .filter-container .fields .f_city .city-input .city-name{max-width:100px;overflow:hidden;white-space:nowrap;display:inline-block}
.users-filter .filter-container .fields .f_city .city-input .ajax-modal{margin-left:0}
.users-filter .filter-container .fields .f_city .city-input .city_clear_link{right:-25px}
.users-filter .filter-container .fields .f_birth_date .value{display:flex}
.users-filter .filter-container .fields .f_birth_date .value input{padding:0 15px;min-width:60px}
.users-filter .filter-container .fields .f_birth_date .value input:first-of-type{margin-right:10px}
.users-filter .filter-container .fields input{padding:0 15px;width:100%}
.users-filter .filter-container .buttons{margin:30px 0 0;display:flex}
.users-filter .filter-container .buttons .link{margin:14px 15px 0 0}
.users-filter .filter-container .buttons .link:last-of-type{display:none}
#user_content_pills{margin-bottom:20px}
#user_content_folders{margin-bottom:20px}
#users_karma_log_list .date{color:#CCCCCC;padding-left:5px;font-size:12px}
#users_karma_log_list .comment{margin-top:4px;line-height:18px}
#users_karma_log_list .value{float:right;margin-right:0;border-radius:4px;padding:3px}
#users_karma_log_list .value span{width:16px;height:16px;display:block;text-indent:-10000px;font-weight:bold;background:url("../../images/icons/vote_thumbs.png") no-repeat left center}
#users_karma_log_list .positive{border:solid 1px green}
#users_karma_log_list .positive span{background-position:0 0}
#users_karma_log_list .negative{border:solid 1px red}
#users_karma_log_list .negative span{background-position:-16px 0}
#groups_invite_window{padding:20px}
#groups_invite_window h3{margin:0}
#groups_invite_window .list{margin:10px 0}
#groups_invite_window .list select{width:300px}
.buttons_delete_profile{float:right;margin-top:20px}
input.button.delete_profile{background:#e84323;color:#ffffff}
.user-rating{background:#F6F6F6;border-radius:100px;font-size:14px;line-height:18px;padding:10px 20px;margin-top:20px;display:inline-block;box-sizing:border-box;min-width:180px;text-align:center}
.user-rating span{display:inline-block}
.user-rating span.rating-value{position:relative;padding-left:22px;margin-left:10px}
.user-rating span.rating-value::before{content:url(../images/icons/star.svg);position:absolute;top:-1px;left:0}
.last_online{padding-left:18px;margin-left:5px}
.last_online::before{content:url(../images/icons/clock.svg);position:absolute;top:0;left:0}
.is_online{padding-left:15px}
.is_online::before{content:"";background:#11BF5A;width:6px;height:6px;border-radius:3px;position:absolute;top:5px;left:6px}
#registration{max-width:600px;margin:30px auto 0}
#registration h1{text-align:center;font-size:32px;line-height:42px}
#registration .buttons{text-align:center}
#registration .buttons .btn{margin-right:0 !important}
#pass_recovery{text-align:center;max-width:600px;margin:30px auto 0}
#pass_recovery h1{font-size:32px;line-height:42px;margin:0 0 10px}
#pass_recovery p{font-weight:300;font-size:16px;line-height:24px;margin:0}
#pass_recovery label{text-align:left}
#reg_verify{max-width:600px;margin:30px auto;text-align:center}
#reg_verify #reg_resubmit_timer{font-weight:300;font-size:14px;line-height:24px;color:#ACACAC}
#reg_verify #reg_resubmit_timer strong{font-weight:normal;color:#e84323;margin-left:5px}
#reg_verify .field{text-align:left}
#reg_verify .error_text{color:#F63F17}
#reg_verify #reg_resubmit{color:#e84323;margin-right:10px}
#reg_verify .message_info{font-weight:300;font-size:16px;line-height:24px}
#reg_verify h1{font-size:32px;line-height:42px}
button{background:none;-webkit-appearance:none}
.btn{border:2px solid #e84323;text-decoration:none;font-weight:bold;color:#e84323;display:inline-block;box-sizing:border-box;transition:0.5s;cursor:pointer;outline:none;background:none}
.btn:disabled{color:#e0e0e0 !important;border-color:#cccccc !important}
.btn:disabled:hover{color:#e0e0e0 !important}
.btn.big{font-size:16px;line-height:19px;border-radius:100px;padding:20px 50px}
.btn.medium{font-size:16px;line-height:19px;border-radius:25px;padding:15px 30px}
.btn.small{font-size:14px;line-height:17px;border-radius:25px;padding:10px 25px}
.btn.reverse{background-color:#e84323;color:#ffffff}
.btn:hover{background-color:#e84323;color:#ffffff}
.btn:hover a{color:#ffffff}
.btn a{color:#e84323;text-decoration:none}
.pagebar{padding:30px 0;border-bottom:solid 1px #F6F6F6;border-top:solid 1px #F6F6F6}
.pagebar .pagebar_notice{display:inline-block;font-weight:300;font-size:14px;line-height:24px;color:#D3D3D3;margin-left:15px}
.pagebar .pagebar_pages{margin:0 15px}
.pagebar .pagebar_pages a{color:#ACACAC;text-decoration:none;background-color:#F6F6F6;padding:11px 17px;margin:0 4px;transition:0.5s}
.pagebar .pagebar_pages a:hover{color:#ffffff;background-color:#e84323}
.pagebar .pagebar_pages .pagebar_current{padding:11px 17px;color:#ffffff;background-color:#e84323;margin:0 4px}
.pagebar .pagebar_pages .pagebar_page_last{text-decoration:overline;background:none;font-weight:300;font-size:14px;line-height:24px}
.pagebar .pagebar_nav{font-weight:300;font-size:14px;line-height:24px;color:#D3D3D3}
.pagebar .pagebar_nav .next{position:relative;padding-right:15px}
.pagebar .pagebar_nav .prev{position:relative;padding-left:15px}
.pagebar .pagebar_nav a{color:#e84323;margin:0 15px}
.pagebar .pagebar_nav a.next::after{content:url(../images/icons/color_arrow_right.svg);position:absolute;top:-1px;right:0}
.pagebar .pagebar_nav a.prev::after{content:url(../images/icons/color_arrow_left.svg);position:absolute;top:-1px;left:0}
.pagebar .pagebar_nav span.next::after{content:url(../images/icons/gray_arrow_right.svg);position:absolute;top:-2px;right:0}
.pagebar .pagebar_nav span.prev::after{content:url(../images/icons/gray_arrow_left.svg);position:absolute;top:-2px;left:0}
.flex-content #controller_wrap > form{padding-right:10%}
form input[type="submit"],form input[type="button"]{background-color:#ffffff}
form input[type="submit"]:hover,form input[type="button"]:hover{background-color:#e84323}
form .hint{font-weight:300;font-size:14px;line-height:19px;color:#ACACAC;margin-top:5px}
form .buttons{margin:80px 0 50px}
form .buttons .medium{margin-right:30px;margin-bottom:30px}
form .field{margin-top:30px}
form .field:last-child{margin-bottom:0}
form .field label{display:block;padding-bottom:10px;font-size:12px;line-height:14px;text-transform:uppercase;font-family:'Museo Sans Cyrl 900'}
form fieldset legend{font-weight:bold;font-size:28px;line-height:36px;padding-top:40px}
form fieldset legend + .field{margin-top:20px}
form .label{padding:5px 0}
form .field_error .error_text{font-size:12px;color:#F63F17;float:right}
form #f_slug.field_error .error_text{float:none}
form .input,form select{line-height:normal;border:1px solid #e84323;box-sizing:border-box;border-radius:6px;height:45px;width:100%;background:#F6F6F6;border:1px solid #EDEDED;font-weight:300;font-size:14px;padding:0px 25px;font-family:'Museo Sans Cyrl'}
form .input:focus,form select:focus{background:none;border:1px solid #e84323 !important;outline:none}
form .ft_image .upload,form .ft_images .upload{height:44px;width:177px;box-sizing:border-box;border-radius:6px;border:solid 1px #e84323;padding:15px 20px}
form .ft_image .upload .qq-uploader,form .ft_images .upload .qq-uploader{padding-left:20px;position:relative}
form .ft_image .upload .qq-uploader::before,form .ft_images .upload .qq-uploader::before{content:url(../images/icons/upload_clip.svg);margin-right:5px;position:absolute;left:0;top:-3px}
form .ft_image .upload .qq-uploader .qq-upload-button,form .ft_images .upload .qq-uploader .qq-upload-button{font-weight:300;font-size:12px;line-height:14px;color:#e84323;border-bottom:1px dashed #e84323}
form .ft_image .preview,form .ft_images .preview{width:84px;height:58px;margin-right:15px;position:relative}
form .ft_image .preview img,form .ft_images .preview img{object-fit:cover;border-radius:5px;height:100%;width:100%}
form .ft_image .preview a::after,form .ft_images .preview a::after{content:"";background:#e84323 url(../images/icons/del_img.svg) center no-repeat;width:22px;height:22px;position:absolute;border-radius:11px;top:-10px;right:-10px}
form .widget_image_multi .previews_list{display:flex}
form .widget_image_multi .previews_list .preview{margin:5px 8px 15px}
form .widget_image_single .preview{margin-top:5px}
form textarea{width:100%;height:120px;border-radius:6px;background-color:#F6F6F6;border:solid 1px #EDEDED;padding:15px;box-sizing:border-box;font-weight:300;font-size:14px;font-family:'Museo Sans Cyrl'}
form select,form select option{font-family:'Museo Sans Cyrl';font-weight:300}
form .city-input{border:solid 1px #ACACAC;border-radius:6px;padding:10px 25px;height:45px;box-sizing:border-box;vertical-align:middle;font-size:14px;position:relative;display:inline-block}
form .city-input .city_clear_link{display:block;width:20px;height:20px;background:url(../images/icons/del.svg) 3px 1px no-repeat;position:absolute;right:-30px;top:12px}
form .city-input .ajax-modal{text-decoration:none;padding-left:25px;font-weight:300;color:#ACACAC;background:url(../images/icons/search.svg) 0 2px no-repeat;margin-left:20px;float:right}
form .ft_radio > label{padding-bottom:12px !important}
form .ft_radio .input_radio_list label{cursor:pointer;position:relative}
form .ft_radio .input_radio_list label input + span{font-size:14px;line-height:22px;text-transform:none;font-family:'Museo Sans Cyrl';text-transform:none;padding-left:35px}
form .ft_radio .input_radio_list label input + span span{font-weight:300;font-size:16px;line-height:19px;float:right;color:#ACACAC}
form .ft_radio .input_radio_list label input + span:before{width:20px;height:20px;content:" ";position:absolute;background:#ffffff;vertical-align:middle;box-sizing:border-box;left:0;top:0;border:solid 1px #ACACAC;border-radius:10px}
form .ft_radio .input_radio_list label input{visibility:hidden;position:absolute}
form .ft_radio .input_radio_list label input:checked + span::after{width:12px;height:12px;content:" ";position:absolute;background:#e84323;vertical-align:middle;box-sizing:border-box;left:4px;top:4px;border-radius:7px}
form .ft_radio .input_radio_list label input:checked + span::before{border:solid 1px #e84323}
form .ft_radio .input_radio_list label input:disabled + span{color:#ACACAC}
form .ft_radio .input_radio_list label input:disabled + span::after{display:none}
form .ft_radio .input_radio_list label input:disabled + span::before{border:solid 1px #D3D3D3;background:#F6F6F6}
form .ft_age input, form .ft_date input, form .ft_date select, form .ft_iformsdatetime input{height:45px;border:solid 1px #ACACAC;border-radius:6px;padding:0 25px;font-size:14px}
form .ft_age input:focus, form .ft_date input:focus, form .ft_date select:focus, form .ft_iformsdatetime input:focus{background:none;border:1px solid #e84323 !important;outline:none}
form .ft_date a{color:#ACACAC;font-size:14px;font-weight:300}
form .ft_parent a{color:#202124;text-decoration:none;position:relative;padding-left:20px}
form .ft_parent a::before{content:url("../images/icons/parent_plus.svg");position:absolute;left:0;top:0}
form .symbols_count{font-size:14px;font-weight:300}
form .symbols_count .symbols_num{color:#e84323;margin-right:5px}
form .ft_hidden{margin:0 !important;padding:0 !important;display:none !important}
.ft_checkbox label,.ft_iformscheckbox label,.ft_absent label,.input_checkbox_list label{cursor:pointer;position:relative}
.ft_checkbox label input + span,.ft_iformscheckbox label input + span,.ft_absent label input + span,.input_checkbox_list label input + span{font-weight:300;font-size:14px;line-height:20px;text-transform:none;font-family:'Museo Sans Cyrl';text-transform:none;padding-left:27px}
.ft_checkbox label input + span:before,.ft_iformscheckbox label input + span:before,.ft_absent label input + span:before,.input_checkbox_list label input + span:before{width:17px;height:17px;content:" ";position:absolute;background:#ffffff;vertical-align:middle;box-sizing:border-box;left:0;top:1px;border:solid 1px #ACACAC;border-radius:2px}
.ft_checkbox label input,.ft_iformscheckbox label input,.ft_absent label input,.input_checkbox_list label input{visibility:hidden;position:absolute}
.ft_checkbox label input:checked + span::before,.ft_iformscheckbox label input:checked + span::before,.ft_absent label input:checked + span::before,.input_checkbox_list label input:checked + span::before{content:url("../images/icons/checkbox.svg");border:none}
.ft_telephone a{text-decoration:none}
.qq-upload-drop-area{position:absolute;top:-16px;left:-21px;width:177px;height:100%;min-height:45px;z-index:2;background:#2ecc71;text-align:center;color:#FFF;display:block}
.qq-upload-drop-area span{display:block;position:absolute;top:50%;width:100%;margin-top:-8px;font-size:14px}
.upload .qq-upload-drop-area span{top:12px;font-size:12px;line-height:18px}
.qq-upload-drop-area-active{background:#3498db}
.qq-upload-list{margin:15px 0 0 0;padding:0}
.qq-upload-list li{margin:10px 0 0 0;padding:0;line-height:15px;font-size:13px;list-style:none}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text{margin-right:7px}
.qq-upload-list:empty{display:none}
.qq-upload-size, .qq-upload-cancel{font-size:11px}
.qq-upload-failed-text{display:none}
.qq-upload-fail .qq-upload-failed-text{display:inline}
.style-svg{display:inline-flex;align-items:center;justify-content:center;position:relative;vertical-align:middle;transition:fill 0.3s ease}
.iforms_basic{margin-right:5%}
.iforms_basic p,.iforms_basic .row-in{font-weight:300}
.iforms_basic h2{font-size:30px;line-height:36px}
.iforms_basic .recaptcha_wrap{margin-top:30px}
input,textarea,select{-webkit-appearance:none}
.reguired_field label::after{content:'*';color:#f00;margin-left:3px}
#content_bind_form{box-sizing:border-box}
#content_bind_form #item-find-field{width:35%;height:50px;border-right:solid 1px #EDEDED;border-top:none;border-bottom:none;border-left:none;padding:10px 20px;box-sizing:border-box;color:#979797;font-size:12px;-webkit-appearance:listbox}
#content_bind_form #item-find-input{width:65%;border-left:none;min-width:300px;height:50px;border:none;padding:20px;box-sizing:border-box;color:#979797;font-size:12px}
#content_bind_form .find{overflow:hidden;margin:0}
#content_bind_form .find .field{display:flex;border-bottom:solid 1px #EDEDED}
#content_bind_form .pills-menu{display:flex;margin-left:20px}
#content_bind_form .pills-menu li a{text-decoration:none;color:#ACACAC}
#content_bind_form .pills-menu li.active a{color:#202124}
#content_bind_form .filter-tabs{margin-top:10px}
#content_bind_form .filter-tabs ul{margin-bottom:10px}
#content_bind_form .filter-tabs ul li{font-size:12px;padding:4px 6px;height:16px;line-height:16px;margin-right:2px}
#content_bind_form .result-pane{height:180px;padding:2px;overflow-x:hidden;overflow-y:auto;position:relative}
#content_bind_form .spinner{display:none}
#content_bind_form .spinner.show{display:block}
#content_bind_form .spinner.show + .result-pane{-webkit-filter:blur(1px);-moz-filter:blur(1px);-ms-filter:blur(1px);-o-filter:blur(1px);filter:blur(1px)}
#content_bind_form .result-pane ul, #content_bind_form .result-pane ul li{list-style:none;margin:0;padding:0}
#content_bind_form .result-pane ul li{padding:20px;border-bottom:solid 1px #EDEDED;position:relative}
#content_bind_form .result-pane ul li::last-child{border-bottom:none}
#content_bind_form .result-pane ul li .title{font-size:16px;font-weight:bold;margin-bottom:4px}
#content_bind_form .result-pane ul li .title a{color:#202124}
#content_bind_form .result-pane ul li .details{font-size:11px;color:#ACACAC}
#content_bind_form .result-pane ul li .details .user{margin-right:4px;display:inline-block;height:16px;line-height:16px}
#content_bind_form .result-pane ul li .details a{color:#202124}
#content_bind_form .result-pane ul li .add{position:absolute;right:10px;top:20px}
#content_bind_form .result-pane ul li .add input{background:#e84323;border:none;color:#ffffff;border-radius:3px}
#content_bind_form .buttons{margin:20px;visibility:hidden}
#content_bind_form .buttons input{background:#e84323;border:none;color:#ffffff;border-radius:3px;padding:5px}
.sess_messages{margin-top:30px;color:#202124;text-align:center}
.sess_messages div{padding:10px;border-radius:5px;margin-bottom:5px}
.sess_messages .message_success,.sess_messages .message_info{background-color:RGBA(96,164,101,0.6);color:#ffffff}
.sess_messages .message_success a,.sess_messages .message_info a{color:#ffffff}
.sess_messages .message_error{background-color:#f8c3b9;color:#ffffff}
.ui_message{padding:15px;margin-bottom:20px;background-color:#ffffff;border-color:#e84323;border-width:1px;border-style:solid;border-left-width:10px;color:#202124}
.ui_message.ui_warning{background-color:#FDE3A7;border-color:#f39c12}
.ui_message.ui_error{background-color:#F1A9A0;border-color:#e74c3c}
#alert_wrap{box-sizing:border-box;overflow:hidden;width:320px}
#alert_wrap .ui_message{margin-bottom:0}
#rating_info_window{padding:20px}
.rating_info_list .item{padding:6px 0;margin:2px 0;border-bottom:dashed 1px #EDEDED;min-width:250px;overflow:hidden}
.rating_info_list .item:last-child{border:none}
.rating_info_list .item .score{display:inline-block;float:left;border-radius:4px;color:#ffffff;min-width:25px;text-align:center;margin-right:10px}
.rating_info_list .item .score.positive{background-color:#60A465}
.rating_info_list .item .score.negative{background-color:#e84323}
.rating_info_list .item a{text-decoration:none;color:#e84323}
.rating_info_list.loading-panel{background-color:#EDEDED;background-position:center center;border-radius:5px}
.rating_info_list.loading-panel .item{visibility:hidden}
.menu .profile .item::before{content:url("../images/icons/profile.svg")}
.menu .add .item::before{content:url("../images/icons/add.svg")}
.menu .cpanel .item::before{content:url("../images/icons/cpanel.svg")}
.menu .draft .item::before{content:url("../images/icons/draft_menu.svg")}
.menu .onchecklist .item::before, .menu .checklist .item::before{content:url("../images/icons/moderator.svg")}
.dropdown-item::before{content:url("../images/icons/logout.svg")}
.widget_user_avatar .messages a{background:url("../images/icons/messages.svg") left center no-repeat}
.widget_user_avatar .notices-counter a{background:url("../images/icons/notice.svg") left center no-repeat}
.widget_user_avatar .card-info a{background:url("../images/icons/card.svg") left top no-repeat}
.widget_user_avatar .card-info.active a{background:url("../images/icons/card_active.svg") left top no-repeat}
.tool-menu .add .item{background:url("../images/icons/pencil.svg") 0px 1px no-repeat}
.tool-menu .folder_add .item{background:url("../images/icons/tag.svg") 4px 5px no-repeat}
.tool-menu .page_gear .item{background:url("../images/icons/gear.svg") 5px 3px no-repeat}
.tool-menu .edit .item{background:url("../images/icons/edit.svg") 3px -1px no-repeat}
.tool-menu .delete .item{background:url("../images/icons/del.svg") 5px 3px no-repeat}
.tool-menu .basket_put .item{background:url("../images/icons/bin.svg") 7px 1px no-repeat}
.tool-menu .save .item{background:url("../images/icons/save.svg") 2px -3px no-repeat;background-size:contain}
.tool-menu .save_draft .item{background:url("../images/icons/draft.svg") 5px -1px no-repeat;background-size:contain}
.tool-menu .cancel .item{background:url("../images/icons/del.svg") 5px 3px no-repeat}
.tool-menu .return .item{background:url("../images/icons/return.svg") 5px 2px no-repeat}
.list_actions.menu a::before{position:absolute;top:0;left:0}
.list_actions.menu .accept::before{content:url("../images/icons/approve.svg")}
.list_actions.menu .return_for_revision::before{content:url("../images/icons/return.svg")}
.list_actions.menu .delete::before{content:url("../images/icons/del.svg")}
.list_actions.menu .edit::before{content:url("../images/icons/edit.svg")}
.help-1{background:url("../images/help-icons/1.svg") no-repeat}
.help-2{background:url("../images/help-icons/2.svg") no-repeat}
.help-3{background:url("../images/help-icons/3.svg") no-repeat}
.help-4{background:url("../images/help-icons/4.svg") no-repeat}
.help-5{background:url("../images/help-icons/5.svg") no-repeat}
.help-6{background:url("../images/help-icons/6.svg") no-repeat}
.help-7{background:url("../images/help-icons/7.svg") no-repeat}
.help-8{background:url("../images/help-icons/8.svg") no-repeat}
.help-9{background:url("../images/help-icons/9.svg") no-repeat}
.item-avatar img,.avatar img{border-radius:20px}
#comments_widget,#user_profile_rates{margin:60px 0 0 0;position:relative}
#comments_widget .bad,#user_profile_rates .bad{transition:all 0.5s ease}
#comments_widget .bad:hover,#user_profile_rates .bad:hover{opacity:1}
#comments_widget .track,#user_profile_rates .track{font-size:12px;color:#999;text-align:right;position:absolute;right:45px;top:2px}
#comments_widget .track label,#comments_widget .track label span,#user_profile_rates .track label,#user_profile_rates .track label span{display:block}
#comments_widget .track + #comments_refresh_panel + #comments_list,#user_profile_rates .track + #comments_refresh_panel + #comments_list{margin:-15px 0 0 0}
#comments_widget #comments_add_link,#user_profile_rates #comments_add_link{margin:30px 0 15px 55px;clear:both;padding-left:20px;background:url("../images/icons/comment.svg") no-repeat left center}
#comments_widget #comments_add_link:first-child,#user_profile_rates #comments_add_link:first-child{margin-top:15px}
#comments_widget #comments_add_link a,#user_profile_rates #comments_add_link a{font-weight:300;font-size:14px;line-height:17px;color:#ACACAC;text-decoration:none}
#comments_widget #comments_add_link + #comments_add_form,#user_profile_rates #comments_add_link + #comments_add_form{margin:30px 20px 0 0}
#comments_widget #comments_add_form,#user_profile_rates #comments_add_form{display:none;margin:30px 0;clear:both}
#comments_widget #comments_add_form textarea,#user_profile_rates #comments_add_form textarea{height:100px;margin-bottom:4px;background:#F6F6F6;border-radius:6px;width:100%;height:120px;outline:none;border:1px solid #EDEDED;padding:15px;box-sizing:border-box}
#comments_widget #comments_add_form .buttons,#user_profile_rates #comments_add_form .buttons{margin:20px 0 30px}
#comments_widget #comments_add_form .buttons .btn,#user_profile_rates #comments_add_form .buttons .btn{margin-right:15px}
#comments_widget #comments_add_form .loading,#user_profile_rates #comments_add_form .loading{display:none}
#comments_widget #comments_add_form .author_data,#user_profile_rates #comments_add_form .author_data{margin-bottom:8px}
#comments_widget #comments_add_form .author_data .field,#user_profile_rates #comments_add_form .author_data .field{overflow:hidden}
#comments_widget #comments_add_form .author_data .field label,#user_profile_rates #comments_add_form .author_data .field label{float:left;width:140px;height:20px;line-height:20px}
#comments_widget #comments_add_form .author_data .field .input,#user_profile_rates #comments_add_form .author_data .field .input{width:99%;max-width:200px;min-width:50px}
#comments_widget #comments_refresh_panel,#user_profile_rates #comments_refresh_panel{display:block;width:60px;height:60px;position:fixed;z-index:100;right:0px;top:45%;background:url("../images/reload_comments.svg") no-repeat center center;opacity:0.7}
#comments_widget #comments_refresh_panel a,#user_profile_rates #comments_refresh_panel a{display:block;width:60px;height:60px;background:url("../images/reload_comments.svg") no-repeat center center}
#comments_widget #comments_refresh_panel a:hover,#user_profile_rates #comments_refresh_panel a:hover{background-color:#F6F6F6}
#comments_widget #comments_refresh_panel a .no_approved,#user_profile_rates #comments_refresh_panel a .no_approved{display:none}
#comments_widget #comments_list,#user_profile_rates #comments_list{margin-right:20px;max-width:900px}
#comments_widget #comments_list .no_comments,#user_profile_rates #comments_list .no_comments{font-size:26px;line-height:35px;font-weight:bold;margin:30px 0;border-bottom:solid 4px #e84323;display:inline-block}
#comments_widget #comments_list .login_to_comment,#user_profile_rates #comments_list .login_to_comment{font-weight:300;font-size:14px;line-height:20px;color:#ACACAC;margin:30px 0}
#comments_widget #comments_list .login_to_comment a,#user_profile_rates #comments_list .login_to_comment a{color:#e84323}
#comments_widget #comments_list .comment,#user_profile_rates #comments_list .comment{overflow:hidden;border-radius:2px;padding:20px 0;font-size:14px;line-height:22px;border-bottom:solid 1px #F6F6F6}
#comments_widget #comments_list .comment.level-1,#user_profile_rates #comments_list .comment.level-1{margin-left:55px}
#comments_widget #comments_list .comment.level-2,#user_profile_rates #comments_list .comment.level-2{margin-left:110px}
#comments_widget #comments_list .comment.level-3,#user_profile_rates #comments_list .comment.level-3{margin-left:165px}
#comments_widget #comments_list .comment.level-4,#user_profile_rates #comments_list .comment.level-4{margin-left:220px}
#comments_widget #comments_list .comment.level-5,#comments_widget #comments_list .comment.level-6,#comments_widget #comments_list .comment.level-7,#comments_widget #comments_list .comment.level-8,#comments_widget #comments_list .comment.level-9,#comments_widget #comments_list .comment.level-10,#user_profile_rates #comments_list .comment.level-5,#user_profile_rates #comments_list .comment.level-6,#user_profile_rates #comments_list .comment.level-7,#user_profile_rates #comments_list .comment.level-8,#user_profile_rates #comments_list .comment.level-9,#user_profile_rates #comments_list .comment.level-10{margin-left:275px}
#comments_widget #comments_list .comment:first-child,#user_profile_rates #comments_list .comment:first-child{margin-top:0}
#comments_widget #comments_list .comment:last-child,#user_profile_rates #comments_list .comment:last-child{margin-bottom:0}
#comments_widget #comments_list .comment.selected-comment:first-child,#user_profile_rates #comments_list .comment.selected-comment:first-child{margin-top:13px}
#comments_widget #comments_list .comment .info,#comments_widget #comments_list .comment .body,#user_profile_rates #comments_list .comment .info,#user_profile_rates #comments_list .comment .body{overflow:hidden;clear:both}
#comments_widget #comments_list .comment .info,#user_profile_rates #comments_list .comment .info{margin-bottom:6px}
#comments_widget #comments_list .comment .info > div,#user_profile_rates #comments_list .comment .info > div{float:left;margin-right:10px;color:#ACACAC;font-weight:300}
#comments_widget #comments_list .comment .info .rating .positive,#comments_widget #comments_list .comment .info .rating .negative,#user_profile_rates #comments_list .comment .info .rating .positive,#user_profile_rates #comments_list .comment .info .rating .negative{margin-right:10px}
#comments_widget #comments_list .comment .info .rating .buttons,#user_profile_rates #comments_list .comment .info .rating .buttons{float:right;padding-top:2px}
#comments_widget #comments_list .comment .info .rating a,#user_profile_rates #comments_list .comment .info .rating a{display:inline-block;width:18px;height:18px;background:url("../images/icons/rate_sprite.svg") no-repeat}
#comments_widget #comments_list .comment .info .rating a.rate-up,#user_profile_rates #comments_list .comment .info .rating a.rate-up{background-position:0 0}
#comments_widget #comments_list .comment .info .rating a.rate-up:hover,#user_profile_rates #comments_list .comment .info .rating a.rate-up:hover{background-position:0 -20px}
#comments_widget #comments_list .comment .info .rating a.rate-down,#user_profile_rates #comments_list .comment .info .rating a.rate-down{background-position:-18px 0}
#comments_widget #comments_list .comment .info .rating a.rate-down:hover,#user_profile_rates #comments_list .comment .info .rating a.rate-down:hover{background-position:-18px -20px}
#comments_widget #comments_list .comment .info .rating .value,#user_profile_rates #comments_list .comment .info .rating .value{float:left;font-weight:bold}
#comments_widget #comments_list .comment .info .rating .value.positive,#user_profile_rates #comments_list .comment .info .rating .value.positive{color:#60A465}
#comments_widget #comments_list .comment .info .rating .value.negative,#user_profile_rates #comments_list .comment .info .rating .value.negative{color:#e84323}
#comments_widget #comments_list .comment .info .name .user,#user_profile_rates #comments_list .comment .info .name .user{font-weight:bold;color:#e84323;text-decoration:none}
#comments_widget #comments_list .comment .info .name .subject,#user_profile_rates #comments_list .comment .info .name .subject{color:#4096EE}
#comments_widget #comments_list .comment .info .name .subject:hover,#user_profile_rates #comments_list .comment .info .name .subject:hover{color:#d35400}
#comments_widget #comments_list .comment .nav a,#user_profile_rates #comments_list .comment .nav a{text-decoration:none;margin-right:3px;color:#BDC3C7}
#comments_widget #comments_list .comment .nav a:hover,#user_profile_rates #comments_list .comment .nav a:hover{color:#d35400}
#comments_widget #comments_list .comment .nav .scroll-down,#user_profile_rates #comments_list .comment .nav .scroll-down{display:none}
#comments_widget #comments_list .comment .body .avatar,#user_profile_rates #comments_list .comment .body .avatar{float:left;position:relative}
#comments_widget #comments_list .comment .body .avatar a,#user_profile_rates #comments_list .comment .body .avatar a{display:block}
#comments_widget #comments_list .comment .content,#user_profile_rates #comments_list .comment .content{padding-left:15px;position:relative;overflow:hidden}
#comments_widget #comments_list .comment .content img,#user_profile_rates #comments_list .comment .content img{max-width:100%}
#comments_widget #comments_list .comment .content .links,#user_profile_rates #comments_list .comment .content .links{padding:10px 0 0 0}
#comments_widget #comments_list .comment .content .links a,#user_profile_rates #comments_list .comment .content .links a{font-weight:300;color:#ACACAC;text-decoration:none;margin-right:6px}
#comments_widget #comments_list .comment .content .links a:hover,#user_profile_rates #comments_list .comment .content .links a:hover{color:#e84323}
#comments_widget #comments_list .comment .deleted,#user_profile_rates #comments_list .comment .deleted{padding:5px 15px;background:#F9F9F9;color:#666;font-style:italic;border-radius:6px;margin-right:6px}
#comments_widget #comments_list.striped-list .comment,#user_profile_rates #comments_list.striped-list .comment{padding-bottom:15px}
#comments_widget #comments_list.striped-list .comment:last-child,#user_profile_rates #comments_list.striped-list .comment:last-child{border:none;padding-bottom:0;margin-bottom:0}
#comments_widget #comments_list .selected-comment,#user_profile_rates #comments_list .selected-comment{padding-right:10px;box-shadow:3px 3px 5px #e9e9e9}
#comments_widget #comments_list .content ul li,#comments_widget #comments_list .preview_box ul li,#user_profile_rates #comments_list .content ul li,#user_profile_rates #comments_list .preview_box ul li{list-style-type:disc;margin-left:25px}
#comments_widget #comments_list .content ol,#comments_widget #comments_list .preview_box ol,#user_profile_rates #comments_list .content ol,#user_profile_rates #comments_list .preview_box ol{padding-left:25px}
#comments_widget #comments_list .content ol li,#comments_widget #comments_list .preview_box ol li,#user_profile_rates #comments_list .content ol li,#user_profile_rates #comments_list .preview_box ol li{list-style-type:decimal}
#comments_widget .content_list_rss_icon,#user_profile_rates .content_list_rss_icon{position:absolute;top:2px;right:20px}
#comments_widget .content_list_rss_icon a,#user_profile_rates .content_list_rss_icon a{height:100%;background-position:center 2px}
#comments_widget .login_to_comment,#user_profile_rates .login_to_comment{margin-top:5px;font-size:12px;color:#666}
#comments_widget .tabbed li a,#user_profile_rates .tabbed li a{font-size:20px;line-height:24px;text-transform:uppercase;text-decoration:none;color:#202124;font-weight:bold}
.bad6{opacity:.1}
.bad5{opacity:.2}
.bad4{opacity:.35}
.bad3{opacity:.5}
.bad2{opacity:.65}
.bad1{opacity:.8}
#tab-vk{margin:20px 0 0 0}
.no_comments{margin:15px 0}
.content_list_rss_icon a, .inline_rss_icon{width:16px;height:16px;display:block;overflow:hidden;text-indent:20px;background:url("../images/icons/rss.png") no-repeat left center}
.inline_rss_icon{display:inline-block}
.content_list_rss_icon,.content_list_styles{float:right}
.tabs-menu > select{display:none}
.nyroModalCont .login_form{margin:0 auto;width:460px}
.nyroModalCont .login_form #f_login_email,.nyroModalCont .login_form #f_login_password{width:auto}
.nyroModalCont .login_form legend{padding:0 0 30px}
.nyroModalCont .login_form p{margin:0}
.login_form{max-width:460px;margin:30px auto 0;width:auto}
.login_form #f_login_email,.login_form #f_login_password{width:360px;width:100%}
.login_form #f_login_email{margin-top:10px}
.login_form #f_remember{min-width:260px}
.login_form .auth_restore_link{font-size:14px;color:#e84323;text-transform:none;text-decoration:none;font-family:'Museo Sans Cyrl';float:right;margin-left:10px}
.login_form legend{text-align:center;padding:30px 0 0;font-size:32px;line-height:42px}
.login_form fieldset,.login_form .buttons{padding:0 0 30px;box-sizing:border-box;margin:0}
.login_form .button-submit{width:100%;font-family:'Museo Sans Cyrl';margin-right:0 !important}
.login_form field{margin-top:25px}
.login_form p{text-align:center;font-size:14px;margin:0 0 30px}
.login_form p a{color:#e84323;font-weight:bold;margin-left:30px}
#pm_notices_window{max-width:550px;overflow:auto;height:100%}
#pm_notices_window #pm_notices_list{overflow:hidden;overflow-y:auto}
#pm_notices_window #pm_notices_list .item{overflow:hidden;padding:10px 0;margin:0 10px;color:#202124;border-bottom:solid 1px #F6F6F6;min-height:100px}
#pm_notices_window #pm_notices_list .item a{color:#202124;text-decoration:none;font-weight:bold}
#pm_notices_window #pm_notices_list .item .date{color:#ACACAC;font-weight:300;font-size:12px;line-height:14px;padding-left:10px;padding-top:10px}
#pm_notices_window #pm_notices_list .item .content{padding:10px;padding-top:3px;font-size:16px;line-height:18px;font-weight:300}
#pm_notices_window #pm_notices_list .item .close-button{float:right;margin:10px}
#pm_notices_window #pm_notices_list .item .close-button a{display:block;width:16px;height:16px;background:url("../images/icons/small_close.svg") center no-repeat;background-size:contain}
#pm_notices_window #pm_notices_list .item .buttons{padding:10px}
#pm_notices_window #pm_notices_list .item .buttons .btn{margin-right:10px;margin-bottom:10px}
#pm_notices_window #pm_notices_list .item .buttons .btn:first-of-type{background-color:#e84323;color:#ffffff}
#pm_notices_window > input.button{box-sizing:border-box;margin:30px 20px}
.controller_actions_menu{float:right;position:relative}
.controller_actions_menu ul.menu{display:none;position:absolute;z-index:1;width:300px;right:0;top:40px;border:solid 1px #F6F6F6;box-shadow:0px 4px 4px rgba(0,0,0,0.25);padding:20px 30px;box-sizing:border-box;font-weight:normal}
.controller_actions_menu ul.menu li{padding:5px 0;line-height:16px}
.controller_actions_menu > input{display:none}
.controller_actions_menu > input:checked + label + ul.menu{display:block}
.group_menu_title{background-image:url(../images/icons/mobile_menu.svg);background-repeat:no-repeat;background-position:center;cursor:pointer;display:block}
.group_menu_title.loading{background-image:url(../images/loader16.gif)}
.list_actions_menu .group_menu_title{padding:0;display:block;width:20px;height:28px;margin:0 0 0 10px}
.list_actions_menu .menu a{font-size:14px;line-height:17px;color:#ACACAC;position:relative;padding-left:25px}
#geo_window{padding:15px;height:250px;width:300px;box-sizing:border-box}
#geo_window .wrapper{margin-top:auto;margin-bottom:auto;box-sizing:border-box}
#geo_window form > .list{margin:0 0 10px 0}
#geo_window select{width:100%;margin-bottom:5px}
#geo_window .buttons{margin:20px 0 10px;text-align:center}
.redirect a{color:#e84323}
@media screen and (min-width:1400px){.help-info-block-present .widget_html_block{padding-right:5%}
.motocard__bonus{margin:135px 5% 0}
.motocard__history .row .review .quote{padding:112px 42px 70px 84px}
.motocard__history .row .review .quote::before{right:126px}
.motocard__video{margin:130px auto 0;height:280px;width:500px}}
@media screen and (max-width:1100px){#layout{}
#layout.big-head{}
#layout.big-head header .teaser h1{font-size:32px;line-height:40px}
#layout.big-head header .teaser p{font-size:16px;line-height:25px}
#layout.big-head header .teaser .about-project{bottom:90px}
#layout.big-head nav{display:none}
#layout #users_profiles_list .item{padding:30px 0}
#layout #user_profile #left_column{width:40%}
#layout #user_profile #right_column{width:60%}
#layout #user_profile #information{padding:0}
#layout.post main #body section article.item .left-column{width:35%}
#layout.post main #body section article.item .center-column{width:65%}
#layout .top-news-cont .top-news .title{margin-top:7.5vw;width:70%}
#layout .top-news-cont .top-news .teaser{width:40%}
#layout .promo .widget_html_block .right-col{width:35%}
#layout .promo .widget_html_block .left-col ul{padding-left:100px}
#layout .promo .widget_html_block .left-col ul li:first-of-type::before{left:-110px}
#layout .promo .widget_html_block .left-col ul li:nth-of-type(2)::before{left:-100px}
#layout .promo .widget_html_block .left-col ul li:nth-of-type(3)::before{left:-100px}
#layout .database_main > .title{max-width:none}
#layout .database_main .body{flex-direction:column}
#layout .database_main .body > div{width:auto}
#layout .database_main .body .widget_content_list{margin:45px 0 0 0}
#layout .database_main .body .widget_content_list .title{font-size:18px;line-height:22px}
#layout .database_main .body .right-col{text-align:center}
#layout .database_main .body .right-col a{position:static;margin-top:50px}
#layout.object main #body section article h1.title_item,#layout.partner main #body section article > h1.title_item{width:60%}
#layout .motocard__teaser{background-size:45%}
#layout .motocard__teaser h1{font-size:32px;line-height:40px}
#layout .motocard__teaser > p{max-width:50%;font-size:16px;line-height:25px}
#layout .motocard__teaser button{display:none}
#layout .motocard__video{margin:100px auto 0;height:38vw;width:70vw}
#layout .motocard__history .quote{font-size:20px;line-height:24px}
#layout .motocard__promocode .shlak{top:-110px;right:40px;width:449px;height:584px;background:url(../images/shlak_na_fone_tablet.svg) no-repeat center}
#layout .motocard__promocode .row .left_col p{margin-top:150px}
#layout .motocard__promocode .row .right_col button{right:auto;left:10px;top:100px}
#layout .filter-modal{width:90%}
#layout footer > ul{}
#layout footer > ul > li#copyright{width:40%;margin-top:5px}
#layout footer > ul > li#nav{width:60%}
#layout footer > ul > li#nav ul{margin-top:-25px}
#layout footer > ul > li#nav ul li{width:50%;padding:7px 0}
#layout .result__content{padding:30px 40px 35px;margin:20px auto}
#layout .result__content::before{width:60px;height:60px;border-radius:45px;position:absolute;left:-30px;top:30px}
#layout .result__content h1{font-size:22px;line-height:26px}
#layout .result__content p{font-size:16px;line-height:24px;margin:10px 0}
#layout .result__order{font-size:12px;line-height:16px}
#layout .result__sum{font-size:16px;line-height:30px;color:#ACACAC;margin-top:30px}
#layout .result__more{font-size:12px;line-height:30px;margin-top:10px}
#layout .result__image::before{width:45px;height:45px;right:35px;bottom:35px}}
@media screen and (max-width:800px){#layout{}
#layout .mobile{display:block}
#layout .close{right:20px;top:20px}
#layout > header{border-bottom:1px solid #F6F6F6}
#layout > header .widget_user_avatar{position:absolute;top:83px;right:0px;margin-top:0}
#layout > header .widget_user_avatar .user_info .name{display:none}
#layout > header #widget_pos_header .auth-menu{display:none}
#layout > header .main-burger{display:block}
#layout > nav{display:none}
#layout main #body aside{padding:0 0 20px 10px}
#layout #users_profiles_list .item .info{width:60%}
#layout #users_profiles_list .item .info .icon .img-thumbnail{width:60px;height:60px}
#layout #users_profiles_list .item .status{width:20%}
#layout #users_profiles_list .item .status span.title{display:none}
#layout #users_profiles_list .item .actions{width:20%}
#layout #user_profile{flex-direction:column-reverse}
#layout #user_profile #left_column{width:auto}
#layout #user_profile #left_column #avatar{display:none}
#layout #user_profile #left_column .block{padding:20px 0}
#layout #user_profile #right_column{width:auto}
#layout #user_profile #right_column #information .main-info-cont{display:flex}
#layout #user_profile #right_column #information .main-info-cont .main-info{margin-left:15px}
#layout #user_profile #right_column #information .main-info-cont .main-info .fio a{display:none}
#layout #user_profile #right_column #information .main-info-cont .main-info .edit-profile{margin-top:5px;margin-left:0}
#layout #user_profile #right_column #information .user-rating.mobile{display:inline-block}
#layout #user_profile #right_column #information .user_main_buttons li{margin-right:10px}
#layout #user_profile #right_column #information .user_main_buttons li a.btn{padding:10px 15px}
#layout #user_profile #right_column #information .more-info-button-close, #layout #user_profile #right_column #information .more-info-button-open{margin-left:0}
#layout #user_profile #right_column #user_profile_rates .karma{top:15px}
#layout .users-filter .fields{display:flex;flex-wrap:wrap;justify-content:space-between}
#layout .users-filter .fields > div{margin:30px 0 0 0}
#layout .users-filter .fields .f_nickname{width:30%}
#layout .users-filter .fields .f_firstname{width:30%}
#layout .users-filter .fields .f_lastname{width:30%}
#layout .users-filter .fields .f_city{width:50%}
#layout .users-filter .fields .f_city .city-input .city-name{max-width:none}
#layout .users-filter .fields .f_birth_date{width:50%}
#layout .users-filter .fields .f_birth_date .value input{width:100%}
#layout .motocard-menu{padding:0;margin-top:30px}
#layout .motocard-menu .menu{justify-content:space-around}
#layout .motocard-menu .menu li{margin:0}
#layout .motocard-menu .menu li a{display:block;width:30px;height:20px}
#layout .motocard-menu .menu li a span{display:none}
#layout .motocard-menu .menu li.mycard a{background:url("../images/icons/mycard.svg") center no-repeat;background-size:contain}
#layout .motocard-menu .menu li.mycard.active a{background:url("../images/icons/mycard_active.svg") center no-repeat;background-size:contain}
#layout .motocard-menu .menu li.about-card a{background:url("../images/icons/about_card.svg") center no-repeat;background-size:contain}
#layout .motocard-menu .menu li.about-card.active a{background:url("../images/icons/about_card_active.svg") center no-repeat;background-size:contain}
#layout .motocard-menu .menu li.insurance a{background:url("../images/icons/insurance.svg") center no-repeat;background-size:contain}
#layout .motocard-menu .menu li.insurance.active a{background:url("../images/icons/insurance_active.svg") center no-repeat;background-size:contain}
#layout .motocard-menu .menu li.partners a{background:url("../images/icons/partners.svg") center no-repeat;background-size:contain}
#layout .motocard-menu .menu li.partners.active a{background:url("../images/icons/partners_active.svg") center no-repeat;background-size:contain}
#layout .motocard-menu .menu li.motocard-rules a{background:url("../images/icons/rules.svg") center no-repeat;background-size:contain}
#layout .motocard-menu .menu li.motocard-rules.active a{background:url("../images/icons/rules_active.svg") center no-repeat;background-size:contain}
#layout .motocard-menu .menu li.chavo a{background:url("../images/icons/chavo.svg") center no-repeat;background-size:contain}
#layout .motocard-menu .menu li.chavo.active a{background:url("../images/icons/chavo_active.svg") center no-repeat;background-size:contain}
#layout .motocard h4{font-size:22px;line-height:28px;margin:0 0 30px}
#layout .motocard__teaser{background-position:right 5% bottom 50%}
#layout .motocard__teaser > p{margin-top:30px}
#layout .motocard__scope{margin-top:75px}
#layout .motocard__scope ul li{margin:0 5% 30px 0}
#layout .motocard__scope ul li h6{font-size:18px;line-height:22px;margin:5px 0}
#layout .motocard__scope ul li p{font-size:12px;line-height:18px}
#layout .motocard__partners .partners_list{flex-wrap:wrap;justify-content:space-around}
#layout .motocard__partners .partners_list img{filter:grayscale(0%)}
#layout .motocard__history{margin:80px 5% 0}
#layout .motocard__history .row{display:flex}
#layout .motocard__history .row .about{font-size:22px;line-height:32px}
#layout .motocard__history .row .review .quote{font-size:16px;line-height:20px}
#layout .motocard__history .row .review .quote::before{width:75px;height:75px;top:-90px}
#layout .motocard__history .info{font-size:22px;line-height:32px}
#layout .motocard__result .text_cont p{font-size:16px;line-height:25px}
#layout .motocard__result .scheme{font-size:16px;line-height:22px}
#layout .motocard__result .scheme .family{width:152px;height:152px;background-size:60%;background-position:center top;top:3vw;left:-145px;padding-top:110px}
#layout .motocard__result .scheme .family::after{right:-10px;bottom:10px}
#layout .motocard__result .scheme .economy{width:180px;right:-145px;top:0}
#layout .motocard__result .scheme .economy .percent_round{width:75px;height:75px;font-size:18px;line-height:19px;padding-top:10px;margin:0 auto 20px}
#layout .motocard__result .scheme .economy::before{left:-10px}
#layout .motocard__result .scheme .economy_petrol{width:150px;height:150px;bottom:-120px}
#layout .motocard__result .scheme .economy_petrol .petrol_round{width:75px;height:75px;margin:0 auto 20px}
#layout .motocard__economy{margin:130px 5% 0}
#layout .motocard__economy > div div.left_col h5{font-size:22px;line-height:32px}
#layout .motocard__economy > div div.left_col::before{top:20px;right:-40px}
#layout .motocard__economy > div div.right_col button{bottom:50px;right:0;left:auto}
#layout .motocard__economy > div div.right_col::before{width:75px;height:75px;top:auto;right:0;bottom:140px}
#layout .motocard__options ul > li .ps{bottom:-50px}
#layout .result__content{margin-left:35px}
#layout .result__image::before{bottom:0px}
#layout .filter-modal{width:96%;margin:2vw auto}
#layout .filter-modal .title{padding:20px 0 15px}
#layout .filter-modal .input_checkbox_list{padding:0px 15px 30px}
#layout .filter-modal .input_checkbox_list label input + span{font-size:12px;line-height:14px}
#layout .filter-modal .input_checkbox_list div{margin-right:15px}
#layout #mapwd{height:calc(100vh - 108px)}
#layout .news_list_item,#layout .info_list_item,#layout .posts_list_item{margin-bottom:30px}
#layout .news_list_item header,#layout .info_list_item header,#layout .posts_list_item header{font-size:14px;line-height:27px}
#layout .news_list_item h2,#layout .info_list_item h2,#layout .posts_list_item h2{font-size:22px;line-height:28px;margin-top:5px}
#layout .news_list_item .f_teaser,#layout .news_list_item .f_content,#layout .info_list_item .f_teaser,#layout .info_list_item .f_content,#layout .posts_list_item .f_teaser,#layout .posts_list_item .f_content{margin-top:20px}
#layout .news_list_item .read-more,#layout .info_list_item .read-more,#layout .posts_list_item .read-more{margin-top:20px}
#layout .news_list_item .category,#layout .info_list_item .category,#layout .posts_list_item .category{margin-top:20px}
#layout #controller_wrap > article.item .border{margin:20px 0}
#layout article h1.title_item{font-size:22px;line-height:28px}
#layout.post main #body.flex-content section article.item .center-column{padding-top:70px}
#layout.post main #body section article.item .left-column{width:40%}
#layout.post main #body section article.item .left-column .user-rating .rating-value{margin-left:2px}
#layout.post main #body section article.item .left-column .item-avatar{margin-left:40px}
#layout.post main #body section article.item .left-column .item-avatar .img-thumbnail{width:75px;height:75px}
#layout.post main #body section article.item .center-column{width:60%}
#layout .partners_list_item .fields{display:flex;flex-wrap:wrap;align-items:flex-start}
#layout .partners_list_item .fields > div{width:33%;margin-bottom:25px;text-align:left}
#layout .partners_list_item .fields > div:first-of-type{text-align:left}
#layout .partners_list_item .fields > div:last-of-type{width:100%}
#layout .pagebar .pagebar_nav{display:flex;justify-content:space-around}
#layout .pagebar .pagebar_notice{display:block;font-weight:300;font-size:14px;line-height:24px;color:#D3D3D3;margin-left:15px}
#layout .pagebar .pagebar_pages{margin:30px 0;display:flex;justify-content:space-around}
#layout .top-news-cont{padding:60px 0}
#layout .top-news-cont .top-news .top-title{font-size:8px;line-height:10px}
#layout .top-news-cont .top-news .title a{font-size:32px;line-height:40px}
#layout .top-news-cont .top-news .teaser{font-size:16px;line-height:25px}
#layout .top-news-cont .top-news .read-more{font-size:13px;line-height:19px}
#layout .promo{padding:100px 0 60px}
#layout .promo .widget_html_block{position:relative}
#layout .promo .widget_html_block .right-col{width:40%}
#layout .promo .widget_html_block .left-col h4{position:absolute;top:-100px}
#layout .promo .widget_html_block .left-col ul{padding-left:0}
#layout .promo .widget_html_block .left-col ul li::before{display:block;position:static;margin-bottom:10px;text-align:center}
#layout .news_main{padding-left:0}
#layout .news_main .title a{font-size:16px;line-height:22px}
#layout .news_main .teaser{line-height:25px}
#layout .news_main .more-details{display:none}
#layout .blog_main .item{width:45%;margin:0 2.5%}
#layout .tool-menu-cont{margin:25px 0px}
#layout .widget_comments_list .item{padding:15px 0}
#layout .widget_comments_list .item .author.is_online::before{width:5px;height:5px;left:-7px;top:7px}
#layout .widget_online_list{padding-left:0}
#layout #user_profile_tabs .tabs-menu{position:relative}
#layout #user_profile_tabs .tabs-menu::before{content:url("../images/icons/mobile_menu.svg");position:absolute;right:0}
#layout #user_profile_tabs .tabs-menu .tabbed{display:none;position:absolute;background:#ffffff;width:300px;right:0;top:0;box-shadow:0px 4px 4px rgba(0,0,0,0.25);border:solid 1px #F6F6F6;padding:25px 30px;box-sizing:border-box}
#layout #user_profile_tabs .tabs-menu .tabbed li{border:none;padding:0;margin-bottom:10px}
#layout #user_profile_tabs .tabs-menu .tabbed li a{color:#ACACAC;font-size:14px;line-height:17px;padding:2px 0px 2px 30px;font-weight:normal}
#layout #user_profile_tabs .tabs-menu:hover .tabbed{display:block}
#layout .database_main{background:#F6F6F6}
#layout .iforms_basic h2{font-size:22px;line-height:28px}
#layout footer{padding:0}
#layout footer > ul{flex-direction:column-reverse;flex-wrap:nowrap;justify-content:space-between;align-items:stretch}
#layout footer > ul > li{margin:10px 0;padding:0 10%}
#layout footer > ul > li#nav{width:auto;border-top:solid 1px #EDEDED;border-bottom:solid 1px #EDEDED;padding:10px 10%}
#layout footer > ul > li#nav ul{margin-top:0;flex-direction:column;flex-wrap:nowrap;align-items:stretch}
#layout footer > ul > li#nav ul li{padding:10px 0;width:auto}
#layout footer > ul > li#copyright{width:auto}
body.auth #layout > header{margin-bottom:51px}
body.auth #layout main{border-top:solid 1px #F6F6F6}
body.auth #layout #mapwd{height:calc(100vh - 160px)}
.nyroModalCont .login_form{width:100%}
.object main #body section article .more_content,.partner main #body section article .more_content{flex-direction:column}
.object main #body section article .more_content > div,.partner main #body section article .more_content > div{width:auto}
.object main #body section article h1.title_item,.partner main #body section article h1.title_item{max-width:none}
.object main #body section article .left-col,.partner main #body section article .left-col{padding-right:15px}
.object main #body section article .left-col .content,.partner main #body section article .left-col .content{font-size:16px;line-height:24px;margin-bottom:30px}
.object main #body section article .right-col,.partner main #body section article .right-col{margin-top:50px}
.object main #body section article .gallery,.partner main #body section article .gallery{margin:10px 0}
.object main #body section article .gallery a,.partner main #body section article .gallery a{width:calc(50% - 5px);margin-bottom:10px}}
@media screen and (max-width:580px){#layout{}
#layout.big-head header .teaser{width:80%;margin:0 auto}
#layout header .widget_user_avatar{display:flex;width:100%;justify-content:space-around}
#layout header .widget_user_avatar > li.card-info a,#layout header .widget_user_avatar > li.notices-counter a,#layout header .widget_user_avatar > li.messages a{display:block;height:25px;padding-left:0 !important;background-size:contain}
#layout header .widget_user_avatar > li.card-info a > span.wrap,#layout header .widget_user_avatar > li.notices-counter a > span.wrap,#layout header .widget_user_avatar > li.messages a > span.wrap{display:none}
#layout header .widget_user_avatar > li.card-info a{width:39px}
#layout header .widget_user_avatar > li.notices-counter a{width:25px}
#layout header .widget_user_avatar > li.notices-counter a .counter{margin-left:30px}
#layout header .widget_user_avatar > li.messages a{width:29px}
#layout header .widget_user_avatar > li.messages a .counter{margin-left:35px}
#layout main #body{flex-direction:column}
#layout main #body aside{padding:0;border:none}
#layout main #body.flex-content > section,#layout main #body.flex-content > aside{width:auto}
#layout #users_profiles_list .item{flex-direction:column}
#layout #users_profiles_list .item .info{width:100%}
#layout #users_profiles_list .item .status{width:auto;padding-top:10px}
#layout #users_profiles_list .item .status span.title{display:none}
#layout #users_profiles_list .item .actions{width:auto}
#layout .motocard h4{margin:0 0 60px}
#layout .motocard__teaser{background-position:left 120px;background-size:100%}
#layout .motocard__teaser > p{margin-top:80vw;max-width:none}
#layout .motocard__video{margin-top:190px;width:90vw;height:50vw}
#layout .motocard__scope{margin-top:80px}
#layout .motocard__scope h4{margin-bottom:40px}
#layout .motocard__scope ul{flex-direction:column}
#layout .motocard__scope ul li{margin:0 5% 50px;width:auto}
#layout .motocard__scope ul li p{font-size:12px;line-height:18px;margin-top:30px}
#layout .motocard__history{margin:10px 5% 0}
#layout .motocard__history h4{margin-bottom:30px}
#layout .motocard__history .row{flex-direction:column}
#layout .motocard__history .row .about{width:auto}
#layout .motocard__history .row .review{width:auto;padding-top:100px}
#layout .motocard__history .row .review .quote{width:90vw;height:68vw;position:relative;right:0;line-height:25px;padding:20vw 12vw 10vw 12vw}
#layout .motocard__history .row .review .quote::before{right:25vw}
#layout .motocard__history .info{padding:150px 15px 90px;margin-top:-90px;font-size:20px;line-height:30px}
#layout .motocard__result{margin-top:70px}
#layout .motocard__result .text_cont{flex-direction:column}
#layout .motocard__result .text_cont p{margin-bottom:30px}
#layout .motocard__result .scheme{margin:150px auto 220px;width:80vw;height:80vw}
#layout .motocard__result .scheme .family{width:152px;height:152px;background-size:60%;background-position:center top;top:auto;bottom:-170px;left:0px;padding-top:110px}
#layout .motocard__result .scheme .family::after{right:0;bottom:auto;top:-5vw}
#layout .motocard__result .scheme .economy{width:auto;right:auto;top:-90px;left:0;display:flex}
#layout .motocard__result .scheme .economy .percent_round{width:75px;height:75px;font-size:18px;line-height:19px;padding-top:10px;margin:0 10px 20px 10px;min-width:75px}
#layout .motocard__result .scheme .economy::before{left:90px;bottom:-5vw}
#layout .motocard__result .scheme .economy span{text-align:left}
#layout .motocard__result .scheme .economy_petrol{bottom:-100px;left:55%}
#layout .motocard__result .scheme .economy_petrol .petrol_round{margin:0 auto 20px}
#layout .motocard__result .scheme .economy_petrol::after{right:10px;top:-50px}
#layout .motocard__economy{margin:70px 5% 0}
#layout .motocard__economy > div{flex-direction:column}
#layout .motocard__economy > div div{width:auto}
#layout .motocard__economy > div div.left_col{margin-right:30px}
#layout .motocard__economy > div div.left_col h5{font-size:22px;line-height:32px}
#layout .motocard__economy > div div.left_col::before{top:20px;right:-40px}
#layout .motocard__economy > div div.right_col{text-align:center}
#layout .motocard__economy > div div.right_col button{position:static;margin:30px auto}
#layout .motocard__economy > div div.right_col::before{width:75px;height:75px;top:auto;right:auto;left:0;bottom:-80px}
#layout .motocard__promocode .shlak{top:-90px;right:40px;width:244px;height:587px;background:url(../images/shlak_na_fone_mobile.png) no-repeat center}
#layout .motocard__promocode .row{flex-direction:column}
#layout .motocard__promocode .row div{width:100%;padding:40px 0 0}
#layout .motocard__promocode .row div.left_col p{margin-top:40px}
#layout .motocard__promocode .row div.right_col{background-position:bottom center;padding-bottom:300px}
#layout .motocard__promocode .row div.right_col button{position:static;margin:30px auto;display:block}
#layout .motocard__form{margin:150px 5% 50px}
#layout .motocard__form header{max-width:670px;margin:0 auto}
#layout .motocard__form header p{margin:30px auto;font-size:16px;line-height:24px;text-align:left}
#layout .motocard__form form{text-align:left;max-width:800px;margin:0 auto}
#layout .motocard__form form fieldset#fset_fio > div,#layout .motocard__form form fieldset#fset_contacts > div,#layout .motocard__form form fieldset#fset_city > div,#layout .motocard__form form fieldset#fset_delivery > div,#layout .motocard__form form fieldset#fset_checkout div,#layout .motocard__form form fieldset#fset_code_checkout div{display:block;width:auto;vertical-align:top}
#layout .motocard__form form fieldset > div{margin:20px 3.8% 0}
#layout .motocard__form h4{margin-bottom:10px}
#layout .motocard__form p{font-weight:300;font-size:16px;line-height:24px}
#layout .motocard__form .auth .auth-menu{float:none;margin:0 auto;display:block;width:215px;padding:20px 0 150px}
#layout .motocard__form .auth h4{margin:35px 0 10px}
#layout .motocard__form .auth h4::before{content:url(../images/auth.svg);display:block}
#layout .motocard__form .buttons{margin:40px 0 50px}
#layout .motocard__form .city-input{display:block}
#layout .motocard__options ul{flex-direction:column;align-items:center}
#layout .motocard__options ul li{margin:0 auto 60px}
#layout .motocard__options ul li .ps{bottom:-37px}
#layout .motocard__options .options-bg{height:500px;margin-top:-650px}
#layout .mycard__main{flex-direction:column}
#layout .mycard__info{display:flex;justify-content:space-between;max-width:350px}
#layout .result{flex-direction:column}
#layout .result > div{width:auto}
#layout .result__content{margin-left:0}
#layout .result__image{height:300px;margin-top:-50px}
#layout .result__image.card{background-position:center top}
#layout .result__image::before{right:auto;left:70px;bottom:20px}
#layout .filter-modal{width:90%;margin:5vw auto}
#layout .filter-modal .input_checkbox_list{padding:0px 25px 30px;flex-direction:column}
#layout .filter-modal .input_checkbox_list h5{margin:40px 0 15px}
#layout .filter-modal .input_checkbox_list label input + span{font-size:14px;line-height:20px}
#layout #mapwd .button_panel.right .info{right:-15px;top:-22px}
#layout #mapwd .button_panel button.onmap.help{padding:15px}
#layout #mapwd .button_panel button.onmap.help .custom-control-input:checked ~ .custom-control-label{background:url(../images/icons/volonters_active.svg) no-repeat}
#layout #mapwd .button_panel button.onmap.help .custom-control-label{padding-left:70px;background:url(../images/icons/volonters_passive.svg) no-repeat}
#layout #mapwd .button_panel button.onmap.help .custom-control-label span{display:none}
#layout #mapwd .button_panel button.onmap.help .custom-control-label::before{left:30px}
#layout #mapwd .button_panel button.onmap.help .custom-control-label::after{left:30px}
#layout #mapwd .button_panel button.onmap.info{margin-right:10px}
#layout #mapwd .button_panel button.onmap.filter{width:50px;background:#ffffff url("../images/icons/filter.svg") center no-repeat}
#layout #mapwd .button_panel button.onmap.filter span{display:none}
#layout #teaser-cont-window #users_profiles_list .item{padding:10px 2vw 20px !important}
#layout #teaser-cont-window #users_profiles_list .item .info .fields{margin-left:5px}
#layout #teaser-cont-window #users_profiles_list .item .info .fields .multiple_help_list li{margin-right:3px}
#layout .posts_list_item, #layout .news_list_item, #layout .info_list_item, #layout .subscribe_wrap{margin-right:0}
#layout.post main #body.flex-content section article.item .center-column{padding-top:30px}
#layout.post main #body section article.item{flex-direction:column}
#layout.post main #body section article.item .left-column{width:auto;position:relative}
#layout.post main #body section article.item .left-column .item-avatar{width:auto;display:flex;margin-left:0}
#layout.post main #body section article.item .left-column .item-avatar span{margin-left:15px}
#layout.post main #body section article.item .left-column .user-rating{position:absolute;left:90px;top:20px}
#layout.post main #body section article.item .center-column{width:auto;padding-top:30px}
#layout .partners_list_item{align-items:flex-start}
#layout .partners_list_item .photo{width:150px}
#layout .partners_list_item .fields{display:flex;flex-direction:column;align-items:flex-start}
#layout .partners_list_item .fields > div{width:100%;padding:0;margin-bottom:15px;text-align:left}
#layout #content_item_tabs{margin-bottom:30px}
#layout #content_item_tabs .tabs-menu ul li{padding:10px 15px;font-size:14px;line-height:17px}
#layout #controller_wrap > article.item{margin-right:auto}
#layout .partners-link{margin:5px 0;display:block;float:none}
#layout .tool-menu{display:none}
#layout .top-news-cont{padding:40px 0 60px}
#layout .top-news-cont .top-news{background-size:auto 70vw !important;background-position:right bottom !important;padding:0}
#layout .top-news-cont .top-news .top-title{font-size:12px;line-height:14px}
#layout .top-news-cont .top-news .title{margin-top:10px;width:100%}
#layout .top-news-cont .top-news .teaser{width:100%;margin:15px 0;padding-left:15px;border-left:solid 2px #e84323}
#layout .top-news-cont .top-news .read-more{display:block;height:70vw;width:100%;border:none}
#layout .top-news-cont .top-news .read-more span{display:none}
#layout .top-news-cont .top-news .read-more::after{display:none}
#layout .news_main{flex-direction:column}
#layout .news_main .item{padding:0;width:auto;margin-bottom:30px}
#layout .news_main .item:nth-of-type(2){border:none}
#layout .news_main .item .title{margin:10px 0}
#layout .news_main .item .title a{font-size:20px;line-height:26px}
#layout .news_main .item .teaser{line-height:20px}
#layout .news_main .item .details{margin-top:15px}
#layout .news_main .item .details .more-details{display:block}
#layout .blog_main .item{width:auto;margin:0}
#layout .blog_main .item .author{margin-bottom:15px}
#layout .widget_comments_list .item{padding-left:15px}
#layout .widget_comments_list .item .author.is_online::before{width:8px;height:8px;left:-15px;top:5px}
#layout .promo{padding:40px 0 0}
#layout .promo .widget_html_block{flex-direction:column-reverse}
#layout .promo .widget_html_block .right-col{width:auto;margin-bottom:40px;padding:30px 10%}
#layout .promo .widget_html_block .right-col > img{transform:none}
#layout .promo .widget_html_block .left-col{text-align:center}
#layout .promo .widget_html_block .left-col h4{position:static}
#layout .promo .widget_html_block .left-col ul li{margin-bottom:60px}
#layout .promo .widget_html_block .left-col ul li::before{margin-bottom:30px;text-align:center}
#layout #comments_widget,#layout #user_profile_rates{margin-top:70px}
#layout #comments_widget .track,#layout #user_profile_rates .track{top:-40px;right:25px}
#layout #comments_widget .content_list_rss_icon,#layout #user_profile_rates .content_list_rss_icon{top:-40px;right:0}
#layout #comments_widget #comments_list,#layout #user_profile_rates #comments_list{margin-right:0}
#layout #comments_widget #comments_list .comment,#layout #user_profile_rates #comments_list .comment{padding:15px 0}
#layout #comments_widget #comments_list .comment .content,#layout #user_profile_rates #comments_list .comment .content{padding-left:10px}
#layout #comments_widget #comments_list .comment.level-1,#layout #comments_widget #comments_list .comment.level-2,#layout #comments_widget #comments_list .comment.level-3,#layout #comments_widget #comments_list .comment.level-4,#layout #comments_widget #comments_list .comment.level-5,#layout #comments_widget #comments_list .comment.level-6,#layout #comments_widget #comments_list .comment.level-7,#layout #comments_widget #comments_list .comment.level-8,#layout #comments_widget #comments_list .comment.level-9,#layout #comments_widget #comments_list .comment.level-10,#layout #user_profile_rates #comments_list .comment.level-1,#layout #user_profile_rates #comments_list .comment.level-2,#layout #user_profile_rates #comments_list .comment.level-3,#layout #user_profile_rates #comments_list .comment.level-4,#layout #user_profile_rates #comments_list .comment.level-5,#layout #user_profile_rates #comments_list .comment.level-6,#layout #user_profile_rates #comments_list .comment.level-7,#layout #user_profile_rates #comments_list .comment.level-8,#layout #user_profile_rates #comments_list .comment.level-9,#layout #user_profile_rates #comments_list .comment.level-10{margin-left:0}
#layout .btn.big{padding:15px 30px}
#layout .btn.medium{font-size:14px;line-height:17px;border-radius:25px;padding:10px 25px}
#layout .buttons_delete_profile{float:none}
#layout .users-filter .fields .f_nickname{width:100%}
#layout .users-filter .fields .f_firstname{width:100%}
#layout .users-filter .fields .f_lastname{width:100%}
#layout .users-filter .fields .f_city{width:100%}
#layout .users-filter .fields .f_birth_date{width:100%}
#layout .users-filter .buttons .link{margin-top:9px}}

» Show original CSS code

« Hide original CSS code

@charset "UTF-8";
/* Global =================================================================== */
@import url(../fonts/MuseoSans/stylesheet.css);
html, body {
  width: 100%;
  height: 100%; }

body {
  margin: 0;
  padding: 0;
  font-family: 'Museo Sans Cyrl';
  font-style: normal;
  font-variant: normal;
  font-size: 16px;
  line-height: 24px;
  color: #202124; }

ul, li {
  margin: 0;
  padding: 0;
  list-style: none; }

a {
  color: #202124; }

fieldset {
  border: none;
  padding: 0;
  margin: 0;
  max-width: 800px; }

.clear {
  clear: both; }

.mobile {
  display: none; }

/* Wrapper ================================================================== */
#layout {
  will-change: blur; }

#layout > header,
#layout main {
  max-width: 1400px;
  margin: 0 auto;
  box-sizing: border-box; }

#layout main {
  padding: 0 5% 40px; }

#layout.map main {
  padding: 0;
  max-width: none; }
#layout.map #controller_wrap,
#layout.map #breadcrumbs,
#layout.map footer {
  display: none;
  /*padding: 0 5%;
  
  h1{
  	
  	margin-bottom: 15px;
  }*/ }

#layout.motocard main {
  padding: 0;
  /* max-width: none; */ }

/*
#layout.main{
	
	main{
		
		padding: 0 0 120px;
		
	}
	
	#widget_pos_main, #body{
		
		padding: 0 5%;
	}
}
*/
#popup-manager.popup-show + #layout, .wrap_blur {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -ms-filter: blur(2px);
  -o-filter: blur(2px);
  filter: blur(2px); }

/* Header =================================================================== */
#layout > header {
  height: 107px;
  padding: 30px 5%;
  position: relative; }
  #layout > header .main-burger {
    width: 45px;
    height: 35px;
    display: none;
    position: absolute;
    top: 30px;
    right: 5%;
    background: url(../images/icons/main_burger.svg) center no-repeat;
    z-index: 100; }
  #layout > header .main_menu_mobile {
    position: fixed;
    top: 0px;
    right: -100vw;
    height: 100vh;
    width: 100vw;
    background: #ffffff;
    z-index: 100;
    padding-bottom: 50px;
    box-sizing: border-box;
    display: none; }
    #layout > header .main_menu_mobile .head {
      height: 100px;
      border-bottom: solid 1px #F6F6F6; }
      #layout > header .main_menu_mobile .head .close {
        width: 35px;
        height: 35px;
        background: url(../images/icons/main_menu_close.svg) center no-repeat;
        background-size: cover;
        right: 35px;
        top: 32px; }
      #layout > header .main_menu_mobile .head .auth-menu {
        float: left;
        margin-left: 35px;
        margin-top: 27px; }
    #layout > header .main_menu_mobile .menu {
      display: flex;
      justify-content: space-around;
      flex-direction: column;
      align-content: center;
      align-items: center;
      height: calc(100% - 150px); }
      #layout > header .main_menu_mobile .menu li {
        font-size: 24px;
        line-height: 24px; }
        #layout > header .main_menu_mobile .menu li a {
          text-decoration: none;
          color: #202124; }

#layout > header #logo a, #layout > header #logo > span {
  display: block;
  float: left;
  width: 191px;
  background-size: contain;
  height: 47px;
  background-image: url(../images/logo.png);
  background-repeat: no-repeat;
  background-position: left center; }

/* Header Navigation ======================================================== */
#layout.big-head {
  	/*
  	#logo{
  		
  		position: absolute;
      	top: 120px;
      	width: 90%;
  		
  		span{
  			
  			float: none;
  			margin: 0 auto;
  		}
  		
  	}
  	*/ }
  #layout.big-head header {
    background-image: url(../images/head_bg.jpg);
    min-height: 100vh;
    background-position: center;
    background-size: cover;
    max-width: none; }
    #layout.big-head header .teaser {
      color: #ffffff;
      text-align: center;
      width: 60%;
      margin: 10vh auto;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      clear: both;
      height: 100%;
      align-items: center; }
      #layout.big-head header .teaser h1 {
        font-weight: 300;
        font-size: 50px;
        line-height: 65px;
        margin: 0; }
      #layout.big-head header .teaser p {
        font-size: 24px;
        line-height: 32px;
        margin: 30px auto; }
      #layout.big-head header .teaser .create-account {
        margin: 30px auto 20px;
        background: rgba(32, 33, 36, 0.65);
        background-blend-mode: multiply; }
        #layout.big-head header .teaser .create-account:hover {
          background: #e84323; }
      #layout.big-head header .teaser .what-for-account {
        display: block;
        margin: 0px auto 50px;
        text-decoration: none;
        color: #D3D3D3; }
      #layout.big-head header .teaser .about-project {
        position: absolute;
        bottom: 50px;
        left: 5%;
        color: #D3D3D3;
        font-size: 16px;
        line-height: 24px;
        text-decoration: none; }
    #layout.big-head header #logo > span {
      background-image: url(../images/logo-1.png); }
    #layout.big-head header .main-burger {
      background: url(../images/icons/main_burger_white.svg) center no-repeat; }
  #layout.big-head > nav {
    position: absolute;
    top: 28px;
    left: 0px;
    width: 100%;
    border: none; }
    #layout.big-head > nav .menu > li > a {
      color: #ffffff;
      padding: 0 17px; }
  #layout.big-head #widget_pos_header .auth-menu {
    position: relative;
    z-index: 1; }
    #layout.big-head #widget_pos_header .auth-menu li:last-of-type a {
      color: #ffffff; }

.auth-menu {
  float: right; }
  .auth-menu li {
    margin-top: 12px;
    float: left; }
    .auth-menu li a {
      font-weight: bold;
      text-decoration: none;
      color: #202124;
      padding: 12px 15px;
      box-sizing: border-box; }
    .auth-menu li:first-of-type {
      margin-right: 5px; }
      .auth-menu li:first-of-type a {
        color: #e84323;
        border: 2px solid #e84323;
        border-radius: 100px;
        transition: 0.5s; }
        .auth-menu li:first-of-type a:hover {
          background-color: #e84323;
          color: #ffffff; }

/* Header NavBar =========================================================== */
/* Main Navigation =========================================================== */
#widget_pos_top {
  text-align: center; }

nav {
  clear: both;
  height: 50px;
  padding: 0;
  border-bottom: 1px solid #F6F6F6;
  border-top: 1px solid #F6F6F6; }
  nav .menu {
    z-index: 5;
    height: 50px;
    line-height: 50px;
    display: inline-block; }
    nav .menu .item {
      background-image: none !important; }
    nav .menu > li {
      float: left; }
      nav .menu > li:first-child {
        background: none; }
      nav .menu > li > a {
        display: block;
        padding: 0 25px;
        color: #000;
        text-decoration: none;
        font-weight: bold; }
        nav .menu > li > a:hover > span {
          border-bottom: solid 2px #e84323; }
  nav .active span {
    border-bottom: solid 2px #e84323; }

/* main ===================================================================== */
main #body.flex-content {
  display: flex;
  justify-content: space-between; }
  main #body.flex-content > section {
    width: 75%; }
  main #body.flex-content aside {
    width: 25%; }
main #body section #breadcrumbs {
  margin: 30px 0; }
  main #body section #breadcrumbs a {
    text-decoration: none;
    color: #202124;
    font-size: 14px;
    line-height: 18px; }
  main #body section #breadcrumbs ul {
    display: flex; }
    main #body section #breadcrumbs ul li {
      margin-right: 12px; }
    main #body section #breadcrumbs ul .sep {
      width: 8px;
      background: url(../images/icons/arrow_sep.svg) center no-repeat; }
main #body section #controller_wrap > h1 {
  padding: 0;
  margin: 30px 0;
  font-size: 22px;
  line-height: 24px;
  text-transform: uppercase; }
main #body aside {
  padding: 0 0 20px 15px;
  border-left: solid 1px #F6F6F6; }
  main #body aside .widget_ajax_wrap .widget > .title {
    font-size: 20px; }
main #footer-before {
  clear: both; }
  main #footer-before .create-account-cont {
    text-align: center; }
  main #footer-before .create-account {
    margin: 60px 0; }

/* Footer =================================================================== */
#layout footer {
  color: #979797;
  padding: 0 5%;
  clear: both;
  font-size: 14px;
  line-height: 17px;
  font-weight: 300;
  background: #F6F6F6; }
  #layout footer ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-basis: 0; }
  #layout footer > ul {
    padding: 20px 0;
    min-height: 50px;
    flex-wrap: wrap-reverse;
    justify-content: space-between; }
  #layout footer a {
    color: #979797;
    text-decoration: none; }
  #layout footer span.item {
    padding: 0 10px; }
  #layout footer #social li {
    margin-right: 20px; }
    #layout footer #social li a {
      display: block;
      width: 36px;
      height: 36px;
      border-radius: 19px;
      border: solid 1px #ACACAC; }
      #layout footer #social li a.fb {
        background: url(../images/icons/fb.svg) center no-repeat; }
      #layout footer #social li a.vk {
        background: url(../images/icons/vk.svg) no-repeat;
        background-position: 7px center; }
      #layout footer #social li a.instagram {
        background: url(../images/icons/instagram.svg) no-repeat;
        background-position: 8px center; }
      #layout footer #social li a.youtube {
        background: url(../images/icons/youtube.svg) no-repeat;
        background-position: 8px center; }
      #layout footer #social li a.tw {
        background: url(../images/icons/tw.svg) center no-repeat; }
      #layout footer #social li a.tg {
        background: url(../images/icons/tg.svg) no-repeat;
        background-position: 7px center; }
  #layout footer #nav ul li {
    padding: 5px 15px; }

/* widgets ================================================================== */
.widget_ajax_wrap {
  position: relative;
  box-sizing: border-box; }
  .widget_ajax_wrap .widget {
    margin-bottom: 10px;
    position: relative; }
    .widget_ajax_wrap .widget .links {
      float: right;
      font-size: 16px;
      text-transform: none; }
    .widget_ajax_wrap .widget > .title {
      padding: 15px 0;
      margin: 0;
      font-size: 22px;
      line-height: 24px;
      text-transform: uppercase;
      color: #000000; }
  .widget_ajax_wrap:last-child .widget:last-child {
    margin-bottom: 0; }

.motocard-menu {
  margin: 65px 0 60px; }
  .motocard-menu .menu {
    display: flex; }
    .motocard-menu .menu li {
      margin-right: 57px; }
      .motocard-menu .menu li a {
        color: #979797;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 11px;
        line-height: 36px; }
        .motocard-menu .menu li a:hover {
          color: #e84323; }
      .motocard-menu .menu li.active a {
        color: #e84323; }

.motocard .motocard-menu {
  padding: 0 5vw; }

.edit_wlinks {
  display: none; }

.news_main {
  display: flex;
  padding-left: 25px;
  margin-bottom: 25px; }
  .news_main .title {
    margin: 15px 0; }
    .news_main .title a {
      font-size: 20px;
      line-height: 26px;
      color: #202124;
      text-decoration: none;
      font-family: 'Museo Sans Cyrl 900'; }
  .news_main .teaser {
    font-weight: 300;
    color: #202124;
    line-height: 20px;
    min-height: 40px; }
  .news_main .details {
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    color: #ACACAC;
    margin-top: 17px; }
    .news_main .details .more-details {
      float: right; }
      .news_main .details .more-details a {
        color: #ACACAC;
        letter-spacing: 0.115em;
        text-transform: uppercase;
        text-decoration: none;
        border-bottom: solid 1px #ACACAC; }
  .news_main .item {
    padding: 0 2.5%;
    width: 33%;
    box-sizing: border-box; }
    .news_main .item:first-of-type {
      padding-left: 0; }
    .news_main .item:nth-of-type(2) {
      border-right: solid 1px #F6F6F6;
      border-left: solid 1px #F6F6F6; }

.blog_main {
  font-size: 14px;
  line-height: 22px;
  color: #202124;
  display: flex;
  flex-wrap: wrap; }
  .blog_main a {
    color: #000000;
    text-decoration: none;
    font-weight: bold; }
  .blog_main .item {
    width: 30%;
    padding: 15px 0;
    margin: 0 1.5%;
    box-sizing: border-box;
    border-bottom: solid 1px #F6F6F6; }
  .blog_main .teaser {
    font-weight: 300; }
  .blog_main .author {
    margin-bottom: 20px; }
  .blog_main .item-avatar {
    display: flex; }
    .blog_main .item-avatar.is_online {
      position: relative; }
      .blog_main .item-avatar.is_online::before {
        content: "";
        width: 4px;
        height: 4px;
        border-radius: 2px;
        background-color: #11BF5A;
        top: 35px;
        left: 53px;
        position: absolute; }
    .blog_main .item-avatar img {
      margin-right: 15px; }
    .blog_main .item-avatar span {
      padding-top: 8px; }
  .blog_main .details {
    margin-top: 15px; }
  .blog_main .title {
    font-size: 14px;
    line-height: 22px;
    margin: 0; }

.top-news-cont {
  padding: 75px 0;
  border-bottom: solid 1px #F6F6F6; }
  .top-news-cont .top-news {
    padding: 20px; }
    .top-news-cont .top-news .top-title {
      font-size: 12px;
      line-height: 14px;
      letter-spacing: 0.115em;
      text-transform: uppercase;
      color: #e84323;
      font-weight: bold; }
    .top-news-cont .top-news .title {
      width: 50%;
      margin-top: 105px; }
      .top-news-cont .top-news .title a {
        text-decoration: none;
        color: #202124;
        font-family: 'Museo Sans Cyrl 900';
        font-size: 50px;
        line-height: 65px; }
    .top-news-cont .top-news .teaser {
      font-size: 24px;
      line-height: 32px;
      margin: 50px 0;
      width: 30%;
      padding-left: 25px;
      border-left: solid 4px #e84323; }
      .top-news-cont .top-news .teaser a {
        color: #202124;
        text-decoration: none; }
    .top-news-cont .top-news .read-more {
      font-size: 18px;
      line-height: 26px;
      text-decoration: none;
      color: #e84323;
      border-bottom: solid 2px #e84323;
      padding-bottom: 4px;
      position: relative; }
      .top-news-cont .top-news .read-more::after {
        content: url(../images/icons/arrow_right_red.svg);
        position: absolute;
        top: 0;
        right: -15px; }

.promo {
  clear: both;
  padding: 60px 0;
  border-bottom: solid 2px #F6F6F6; }
  .promo .widget_html_block {
    display: flex; }
    .promo .widget_html_block .left-col > h4 {
      font-size: 30px;
      line-height: 36px;
      margin-top: 0; }
    .promo .widget_html_block .left-col .title {
      text-transform: none !important;
      font-size: 30px !important;
      line-height: 36px !important;
      margin-bottom: 50px !important; }
    .promo .widget_html_block .left-col ul {
      padding: 0 5% 0 25%; }
      .promo .widget_html_block .left-col ul li {
        font-size: 18px;
        line-height: 32px;
        margin-bottom: 40px;
        position: relative; }
        .promo .widget_html_block .left-col ul li:first-of-type::before {
          content: url(../images/promo_icon_1.svg);
          position: absolute;
          left: -150px;
          top: 0; }
        .promo .widget_html_block .left-col ul li:nth-of-type(2)::before {
          content: url(../images/promo_icon_2.svg);
          position: absolute;
          left: -140px;
          top: 0; }
        .promo .widget_html_block .left-col ul li:nth-of-type(3)::before {
          content: url(../images/promo_icon_3.svg);
          position: absolute;
          left: -140px;
          top: 0; }
        .promo .widget_html_block .left-col ul li:last-of-type {
          margin-bottom: 0; }
        .promo .widget_html_block .left-col ul li b {
          display: block;
          font-size: 22px;
          line-height: 36px;
          margin-bottom: 10px; }
    .promo .widget_html_block .right-col {
      background: #202124;
      width: 25%;
      min-width: 250px;
      border-radius: 8px;
      color: #ffffff;
      padding: 30px 3%;
      text-align: center;
      box-sizing: border-box; }
      .promo .widget_html_block .right-col h4 {
        font-family: 'Museo Sans Cyrl 900';
        font-size: 28px;
        line-height: 36px;
        margin: 0; }
      .promo .widget_html_block .right-col ul {
        font-size: 14px;
        line-height: 20px;
        text-align: left; }
        .promo .widget_html_block .right-col ul li {
          margin-top: 8px; }
      .promo .widget_html_block .right-col > img {
        width: 80%;
        box-shadow: 0px 0px 80px rgba(255, 255, 255, 0.3);
        border-radius: 8px;
        transform: rotate(-14.8deg);
        margin: 35px auto; }
      .promo .widget_html_block .right-col a {
        display: inline-block;
        background: #F63F45;
        height: 38px;
        border-radius: 100px;
        color: #ffffff;
        text-decoration: none;
        font-size: 16px;
        font-weight: bold;
        line-height: 19px;
        padding: 8px 20px;
        box-sizing: border-box;
        margin: 30px auto 0; }
        .promo .widget_html_block .right-col a span {
          display: block;
          position: relative;
          padding-right: 30px; }
          .promo .widget_html_block .right-col a span::after {
            content: url(../images/arrow_1.png);
            margin-left: 3px;
            position: absolute;
            right: 0; }

.widget_comments_list {
  font-size: 14px;
  font-weight: 300;
  line-height: 22px; }
  .widget_comments_list .item {
    padding: 7px 0 20px 15px;
    border-bottom: solid 1px #F6F6F6; }
    .widget_comments_list .item:first-of-type {
      border-top: solid 1px #F6F6F6; }
  .widget_comments_list a {
    color: #202124;
    font-weight: normal; }
  .widget_comments_list .author {
    font-weight: bold;
    text-decoration: none; }
    .widget_comments_list .author.is_online {
      position: relative;
      padding-left: 0; }
      .widget_comments_list .author.is_online::before {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 4px;
        background-color: #11BF5A;
        position: absolute;
        left: -15px;
        top: 5px; }
  .widget_comments_list .text {
    background: #F6F6F6;
    font-weight: normal;
    line-height: 18px;
    margin-top: 7px;
    padding: 12px 14px;
    overflow: hidden; }
  .widget_comments_list .date {
    font-size: 12px;
    color: #ACACAC; }

.widget_online_list {
  padding-left: 15px; }
  .widget_online_list .item-avatar {
    margin: 0 20px 20px 0;
    display: inline-block; }

.tool-menu-cont {
  text-align: center;
  margin: 25px 30px; }

.tool-menu {
  min-width: 200px; }
  .tool-menu li {
    margin-bottom: 10px;
    text-align: left; }
  .tool-menu a {
    text-decoration: none;
    color: #ACACAC;
    font-size: 14px;
    line-height: 17px;
    padding: 2px 0px 2px 30px; }

.info-menu {
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
  margin: 35px 30px; }
  .info-menu li {
    margin-bottom: 30px; }
    .info-menu li.active a {
      color: #202124;
      font-weight: normal; }
    .info-menu li a {
      color: #ACACAC; }

.widget_user_avatar {
  font-size: 14px;
  line-height: 17px;
  float: right;
  display: flex;
  align-items: center;
  margin-top: 4px; }
  .widget_user_avatar > li {
    position: relative; }
  .widget_user_avatar a {
    text-decoration: none;
    color: #202124; }
  .widget_user_avatar .messages {
    margin-left: 20px; }
    .widget_user_avatar .messages a {
      padding-left: 22px; }
  .widget_user_avatar .notices-counter {
    margin-left: 20px; }
    .widget_user_avatar .notices-counter a {
      padding-left: 17px; }
  .widget_user_avatar .counter {
    background-color: #e84323;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    color: #ffffff;
    padding: 2px 5px;
    margin-left: 5px;
    border-radius: 1px; }
  .widget_user_avatar .card-info a {
    color: #e84323;
    padding-left: 30px; }
  .widget_user_avatar .card-info.active a {
    color: #202124; }
  .widget_user_avatar .user_info {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-right: 15px;
    margin-left: 20px; }
    .widget_user_avatar .user_info .name {
      margin-right: 7px;
      font-weight: bold; }
    .widget_user_avatar .user_info .avatar {
      position: relative;
      height: 40px; }
      .widget_user_avatar .user_info .avatar::after {
        content: url(../images/icons/vertical-menu.svg);
        position: absolute;
        top: 9px;
        right: -15px; }
  .widget_user_avatar .dropdown-menu {
    width: 220px;
    background: #ffffff;
    box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.08);
    border-radius: 6px;
    position: absolute;
    z-index: 100;
    right: 0;
    top: 75px;
    visibility: hidden; }
    .widget_user_avatar .dropdown-menu.show {
      visibility: visible; }
    .widget_user_avatar .dropdown-menu li {
      border-bottom: solid 1px #EDEDED;
      box-sizing: border-box; }
      .widget_user_avatar .dropdown-menu li:last-of-type {
        border-bottom: none; }
  .widget_user_avatar .dropdown-menu .item, .widget_user_avatar .dropdown-menu .dropdown-item {
    font-size: 14px;
    line-height: 16px;
    text-decoration: none !important;
    padding: 15px 25px 15px 50px;
    position: relative; }
  .widget_user_avatar .dropdown-menu .dropdown-item {
    display: block; }
  .widget_user_avatar .dropdown-menu .menu > li:first-child > .item {
    padding-top: 15px; }
  .widget_user_avatar .item::before, .widget_user_avatar .dropdown-item::before {
    position: absolute;
    left: 18px;
    top: 16px; }
  .widget_user_avatar before
  .item.stack-menu__link.stack-menu__link--parent.stack-menu__link--hidden {
    color: #ffffff !important;
    background-color: #23272b;
    font-family: BaseFontBold;
    display: none; }
  .widget_user_avatar .stack-menu__link:hover {
    background-color: #F6F6F6;
    color: #202124 !important; }
  .widget_user_avatar .dropdown-divider {
    margin-bottom: 0; }
  .widget_user_avatar .dropdown-menu .stack-menu {
    background-color: unset;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden; }
  .widget_user_avatar .dropdown-menu .stack-menu li.logout, .widget_user_avatar .dropdown-menu .stack-menu a[href="/auth/logout"] {
    display: none; }

.help-info-block-present {
  padding: 60px 0 100px; }
  .help-info-block-present .widget_html_block {
    display: flex;
    max-width: 1400px;
    margin: 0 auto;
    padding-left: 5%; }
    .help-info-block-present .widget_html_block .text-cont {
      width: 50%;
      padding-right: 10%;
      box-sizing: border-box; }
      .help-info-block-present .widget_html_block .text-cont h2 {
        font-size: 50px;
        line-height: 78px;
        font-family: 'Museo Sans Cyrl 900';
        margin: 40px 0; }
      .help-info-block-present .widget_html_block .text-cont p {
        font-size: 24px;
        line-height: 32px; }
    .help-info-block-present .widget_html_block .picture-cont {
      width: 50%;
      background: url("../images/hepl-widget-bg.jpg") center no-repeat;
      background-size: cover;
      position: relative; }
      .help-info-block-present .widget_html_block .picture-cont::before {
        content: url("../images/route.svg");
        position: absolute;
        bottom: -5px;
        left: -130px; }

.help-info-block-rules {
  text-align: center;
  background-color: #202124;
  color: #ffffff;
  padding: 60px 5% 130px;
  border-radius: 8px; }
  .help-info-block-rules .widget_html_block {
    max-width: 1400px;
    margin: 0 auto; }
  .help-info-block-rules h3 {
    font-size: 24px;
    line-height: 32px;
    font-family: 'Museo Sans Cyrl 900'; }
  .help-info-block-rules ul {
    display: flex;
    font-size: 14px;
    line-height: 22px;
    border-radius: 2px;
    border: solid 2px #414245; }
    .help-info-block-rules ul li {
      margin: 50px 5%;
      position: relative;
      padding-left: 58px;
      text-align: left; }
      .help-info-block-rules ul li::before {
        content: "";
        display: inline-block;
        width: 38px;
        height: 38px;
        border-radius: 19px;
        background-color: #ffffff;
        color: #e84323;
        font-size: 22px;
        line-height: 40px;
        font-weight: bold;
        position: absolute;
        left: 0px;
        top: 6px;
        text-align: center; }
      .help-info-block-rules ul li:first-of-type::before {
        content: "1"; }
      .help-info-block-rules ul li:nth-of-type(2)::before {
        content: "2"; }
      .help-info-block-rules ul li:nth-of-type(3)::before {
        content: "3"; }

.tags_as_cloud {
  display: flex;
  flex-wrap: wrap; }
  .tags_as_cloud li {
    margin-right: 20px; }

.tags_bar a {
  font-weight: 500; }

.database_main {
  background: #F6F6F6 url(../images/white_quotes.svg) top 0 right 5% no-repeat;
  padding: 30px 5% 80px;
  margin-top: 60px; }
  .database_main > .title {
    max-width: 350px; }
    .database_main > .title a {
      color: #ACACAC; }
  .database_main .body {
    display: flex; }
    .database_main .body .widget_content_list {
      width: 75%;
      margin: 45px 30px 0 0; }
      .database_main .body .widget_content_list .title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 30px;
        border-left: solid 4px #e84323;
        padding-left: 25px; }
        .database_main .body .widget_content_list .title a {
          text-decoration: none; }
    .database_main .body .right-col {
      position: relative;
      width: 25%; }
      .database_main .body .right-col a {
        position: absolute;
        left: 0;
        bottom: 0; }

/* ================================================================== */
/* content ================================================================== */
.faq_list_item, .chavo_list_item {
  margin: 0 0 30px 20px; }
  .faq_list_item .f_title, .chavo_list_item .f_title {
    cursor: pointer;
    position: relative;
    transition: 0.5s; }
    .faq_list_item .f_title h1, .chavo_list_item .f_title h1 {
      font-size: 18px; }
    .faq_list_item .f_title::before, .chavo_list_item .f_title::before {
      content: "";
      display: block;
      width: 8px;
      height: 8px;
      border-radius: 4px;
      background-color: #e84323;
      position: absolute;
      left: -20px;
      top: 8px; }
  .faq_list_item .f_content, .chavo_list_item .f_content {
    font-weight: 300;
    display: none; }
  .faq_list_item.open .f_title::before, .chavo_list_item.open .f_title::before {
    background-color: #11BF5A; }
  .faq_list_item.open .f_content, .chavo_list_item.open .f_content {
    display: block; }

.news_list_item, .info_list_item {
  margin-bottom: 60px;
  margin-right: 20px;
  max-width: 900px; }
  .news_list_item a, .info_list_item a {
    text-decoration: none; }
  .news_list_item header, .info_list_item header {
    font-size: 18px;
    line-height: 24px; }
    .news_list_item header .item-avatar, .info_list_item header .item-avatar {
      color: #202124; }
      .news_list_item header .item-avatar:hover, .info_list_item header .item-avatar:hover {
        text-decoration: underline; }
  .news_list_item h2, .info_list_item h2 {
    font-size: 30px;
    line-height: 36px;
    margin: 0; }
    .news_list_item h2 a, .info_list_item h2 a {
      color: #202124; }
  .news_list_item .f_teaser, .news_list_item .f_content, .info_list_item .f_teaser, .info_list_item .f_content {
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    color: #000000;
    margin-top: 30px; }
  .news_list_item .date_pub, .info_list_item .date_pub {
    font-size: 12px;
    line-height: 15px;
    color: #ACACAC;
    font-weight: 300;
    margin-left: 8px; }
    .news_list_item .date_pub .time, .info_list_item .date_pub .time {
      margin-left: 4px; }
  .news_list_item .read-more, .info_list_item .read-more {
    margin-top: 30px; }
  .news_list_item .category, .info_list_item .category {
    margin-top: 30px; }

.posts_list_item {
  margin-bottom: 60px;
  margin-right: 20px;
  max-width: 900px; }
  .posts_list_item a {
    text-decoration: none; }
  .posts_list_item h2 {
    font-size: 30px;
    line-height: 36px;
    margin: 0; }
    .posts_list_item h2 a {
      color: #202124; }
  .posts_list_item .f_content {
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    color: #000000;
    margin-top: 30px; }
  .posts_list_item .date_pub {
    font-size: 12px;
    line-height: 14px;
    color: #ACACAC;
    margin: 14px 0 0 6px;
    font-weight: 300; }
    .posts_list_item .date_pub .time {
      margin-left: 4px; }
  .posts_list_item .read-more {
    margin-top: 30px; }
  .posts_list_item .category {
    margin-top: 30px; }
  .posts_list_item header {
    display: flex;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 24px; }
  .posts_list_item .item-avatar {
    display: flex;
    color: #202124; }
    .posts_list_item .item-avatar img {
      margin-right: 6px;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }
    .posts_list_item .item-avatar span {
      padding-top: 7px;
      margin-left: 5px; }
  .posts_list_item .f_picture {
    margin-top: 30px; }
    .posts_list_item .f_picture img {
      max-width: 100%; }

.map_list_item {
  margin-top: 50px;
  border-bottom: solid 1px #F6F6F6; }
  .map_list_item .photo img {
    border-radius: 4px;
    max-width: 400px;
    width: 100%; }
  .map_list_item h2 {
    font-size: 24px;
    line-height: 32px;
    font-family: 'Museo Sans Cyrl 900';
    margin: 15px 0; }
    .map_list_item h2 a {
      text-decoration: none;
      color: #202124; }
  .map_list_item .f_typeobject {
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    color: #979797; }
  .map_list_item .f_address {
    margin-top: 15px;
    background: url(../images/icons/adr-placeholder.svg) no-repeat;
    background-position: 0 15px;
    padding: 15px 25px;
    font-size: 14px;
    line-height: 22px; }
  .map_list_item .f_webrating {
    margin-top: 15px; }
    .map_list_item .f_webrating .teaser {
      display: flex;
      font-size: 14px;
      line-height: 17px; }
      .map_list_item .f_webrating .teaser #bgDiv {
        width: 100px;
        display: flex;
        margin-right: 20px; }
        .map_list_item .f_webrating .teaser #bgDiv #onDiv {
          background: url(../images/icons/star_active.png); }
        .map_list_item .f_webrating .teaser #bgDiv #offDiv {
          background: url(../images/icons/star_passive.png);
          background-position: right; }
      .map_list_item .f_webrating .teaser .rate1 {
        margin-right: 15px;
        font-weight: bold; }
      .map_list_item .f_webrating .teaser .rate2 {
        font-weight: normal;
        color: #979797; }

.partners_list_item {
  display: flex;
  align-items: center;
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 60px; }
  .partners_list_item .photo {
    width: 200px;
    text-align: center;
    margin-right: 10px; }
    .partners_list_item .photo img {
      max-width: 100%; }
  .partners_list_item .fields {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
    .partners_list_item .fields a {
      text-decoration: none;
      color: #202124; }
    .partners_list_item .fields h2 {
      margin: 0; }
    .partners_list_item .fields > div {
      width: 20%;
      padding: 0 20px;
      box-sizing: border-box;
      text-align: center; }
      .partners_list_item .fields > div:first-of-type {
        width: 30%;
        font-size: 20px;
        line-height: 24px;
        font-weight: bold; }
      .partners_list_item .fields > div:last-of-type {
        width: 30%;
        text-align: left; }

.post main #body {
  position: relative; }
  .post main #body aside {
    position: absolute;
    top: 0;
    right: 0;
    border-left: none;
    width: auto; }
  .post main #body section {
    width: 100%; }
    .post main #body section article.item {
      display: flex; }
      .post main #body section article.item .info_bar .date_pub {
        margin-left: 0; }
      .post main #body section article.item .left-column {
        width: 25%; }
        .post main #body section article.item .left-column .item-avatar {
          font-size: 18px;
          line-height: 24px;
          text-decoration: none;
          color: #202124;
          display: inline-block;
          margin-left: 30px;
          text-align: center; }
          .post main #body section article.item .left-column .item-avatar span {
            display: block;
            text-align: center; }
          .post main #body section article.item .left-column .item-avatar .img-thumbnail {
            width: 115px;
            height: 115px;
            border-radius: 60px;
            margin-bottom: 5px; }
      .post main #body section article.item .center-column {
        width: 75%; }

.object main #body, .partner main #body {
  position: relative; }
  .object main #body aside, .partner main #body aside {
    position: absolute;
    top: 0;
    right: 0;
    border-left: none;
    width: auto; }
    .object main #body aside .tool-menu-cont, .partner main #body aside .tool-menu-cont {
      position: relative;
      margin: 33px 20px;
      cursor: pointer; }
      .object main #body aside .tool-menu-cont::before, .partner main #body aside .tool-menu-cont::before {
        content: url(../images/icons/mobile_menu.svg); }
      .object main #body aside .tool-menu-cont:hover .tool-menu, .partner main #body aside .tool-menu-cont:hover .tool-menu {
        display: block; }
      .object main #body aside .tool-menu-cont .tool-menu, .partner main #body aside .tool-menu-cont .tool-menu {
        position: absolute;
        right: 0px;
        top: 0px;
        display: none;
        background: #ffffff;
        padding: 25px 30px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-top: solid 1px #F6F6F6; }
  .object main #body section, .partner main #body section {
    width: 100%; }
    .object main #body section article .more_content, .partner main #body section article .more_content {
      display: flex; }
      .object main #body section article .more_content > div, .partner main #body section article .more_content > div {
        width: 50%; }
    .object main #body section article h1.title_item, .partner main #body section article h1.title_item {
      margin-top: 0;
      font-family: 'Museo Sans Cyrl 900';
      max-width: 75%; }
    .object main #body section article .right-col .mapdiv, .partner main #body section article .right-col .mapdiv {
      height: 100%;
      min-height: 300px; }
    .object main #body section article .right-col .photo, .partner main #body section article .right-col .photo {
      margin-top: 0; }
    .object main #body section article .left-col, .partner main #body section article .left-col {
      padding-right: 30px;
      box-sizing: border-box;
      font-size: 14px;
      line-height: 20px; }
      .object main #body section article .left-col .zero_line, .partner main #body section article .left-col .zero_line {
        display: flex;
        justify-content: space-between;
        margin-bottom: 30px; }
        .object main #body section article .left-col .zero_line h1, .partner main #body section article .left-col .zero_line h1 {
          margin-bottom: 10px;
          max-width: none; }
        .object main #body section article .left-col .zero_line .photo, .partner main #body section article .left-col .zero_line .photo {
          margin-top: 0; }
      .object main #body section article .left-col .first_line, .partner main #body section article .left-col .first_line {
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px; }
        .object main #body section article .left-col .first_line a, .partner main #body section article .left-col .first_line a {
          color: #202124; }
        .object main #body section article .left-col .first_line .phone a, .partner main #body section article .left-col .first_line .phone a {
          text-decoration: none; }
      .object main #body section article .left-col .content, .object main #body section article .left-col .teaser-content, .partner main #body section article .left-col .content, .partner main #body section article .left-col .teaser-content {
        font-size: 18px;
        line-height: 25px;
        font-weight: 300; }
      .object main #body section article .left-col .teaser-content, .partner main #body section article .left-col .teaser-content {
        margin-top: 30px;
        color: #3BB300; }
    .object main #body section article .content, .partner main #body section article .content {
      margin-top: 50px;
      font-size: 16px;
      line-height: 25px;
      font-weight: 300; }
    .object main #body section article .object_type, .partner main #body section article .object_type {
      font-weight: 300;
      font-size: 18px;
      line-height: 24px;
      color: #979797;
      margin-bottom: 15px; }
    .object main #body section article .address, .partner main #body section article .address {
      padding: 0 0 0 28px;
      background: url(../images/icons/adr-placeholder.svg) no-repeat; }
    .object main #body section article .photo, .partner main #body section article .photo {
      margin-top: 15px;
      line-height: 0; }
      .object main #body section article .photo img, .partner main #body section article .photo img {
        width: 100%; }
    .object main #body section article .partner_title, .partner main #body section article .partner_title {
      font-size: 18px;
      line-height: 22px;
      margin: 40px 0 30px; }
      .object main #body section article .partner_title a, .partner main #body section article .partner_title a {
        color: #3BB300;
        background: url(../images/icons/partner_percent.svg) no-repeat;
        padding-left: 30px;
        text-decoration: none;
        display: block; }
      .object main #body section article .partner_title p, .partner main #body section article .partner_title p {
        font-weight: 300; }
    .object main #body section article .social, .partner main #body section article .social {
      display: flex;
      justify-content: space-between;
      margin: 30px 0;
      flex-wrap: wrap; }
      .object main #body section article .social .messages, .partner main #body section article .social .messages {
        margin-top: 30px; }
    .object main #body section article .rating, .partner main #body section article .rating {
      margin: 0 0 15px; }
    .object main #body section article .gallery, .partner main #body section article .gallery {
      margin-top: 10px;
      display: flex; }
      .object main #body section article .gallery a, .partner main #body section article .gallery a {
        width: calc(20% - 8px);
        box-sizing: border-box;
        display: block;
        margin-right: 10px; }
        .object main #body section article .gallery a:last-of-type, .partner main #body section article .gallery a:last-of-type {
          margin-right: 0; }

.board_list {
  display: flex;
  flex-wrap: wrap; }
  .board_list .board_list_item {
    width: 30%;
    margin: 0 3% 90px 0;
    font-size: 14px;
    line-height: 17px; }
    .board_list .board_list_item .f_title h2 {
      font-size: 14px;
      line-height: 17px;
      margin-top: 11px;
      font-weight: bold; }
      .board_list .board_list_item .f_title h2 a {
        text-decoration: none; }
    .board_list .board_list_item .f_price {
      color: #e84323;
      font-weight: bold;
      margin-top: 8px; }
    .board_list .board_list_item .f_city {
      margin-top: 8px;
      color: #ACACAC; }
    .board_list .board_list_item .info_bar {
      margin-top: 8px;
      font-size: 14px;
      line-height: 17px;
      font-weight: normal; }

.content_social {
  padding-top: 6px;
  display: flex;
  margin-top: 30px; }
  .content_social .title {
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    margin-right: 15px;
    padding-top: 4px; }
  .content_social ul {
    display: flex; }
    .content_social ul li {
      margin-right: 12px; }
      .content_social ul li a {
        display: block;
        width: 30px;
        height: 30px; }
        .content_social ul li a span {
          display: none; }
        .content_social ul li a.vk {
          background: url(../images/icons/color_vk.svg) center no-repeat; }
        .content_social ul li a.fb {
          background: url(../images/icons/color_fb.svg) center no-repeat; }
        .content_social ul li a.in {
          background: url(../images/icons/color_in.svg) center no-repeat; }
        .content_social ul li a.yo {
          background: url(../images/icons/color_yo.svg) center no-repeat; }

#content_item_tabs {
  margin-bottom: 40px; }
  #content_item_tabs .tabs-menu ul {
    display: flex; }
    #content_item_tabs .tabs-menu ul li {
      padding: 15px 30px;
      line-height: 19px;
      text-align: center;
      border-bottom: solid 1px #D3D3D3;
      font-weight: 300; }
      #content_item_tabs .tabs-menu ul li.active {
        border-top: solid 1px #D3D3D3;
        border-right: solid 1px #D3D3D3;
        border-left: solid 1px #D3D3D3;
        border-bottom: none;
        font-weight: normal; }
        #content_item_tabs .tabs-menu ul li.active a {
          color: #202124; }
      #content_item_tabs .tabs-menu ul li a {
        text-decoration: none;
        color: #ACACAC; }
        #content_item_tabs .tabs-menu ul li a .counter {
          padding: 0 5px; }

.read-more a {
  text-decoration: none;
  font-weight: bold;
  color: #000000; }
.read-more::after {
  content: url(../images/icons/right_arrow.svg);
  margin-left: 3px; }

#controller_wrap > article.item {
  border-bottom: solid 1px #F6F6F6;
  margin-right: 20px; }
  #controller_wrap > article.item .content_item {
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    color: #000000;
    padding-bottom: 35px; }
    #controller_wrap > article.item .content_item a {
      text-decoration: none;
      color: #202124; }
  #controller_wrap > article.item .f_content a {
    border-bottom: 1px solid #e84323; }
    #controller_wrap > article.item .f_content a:hover {
      border-bottom: none; }
  #controller_wrap > article.item .f_content img {
    max-width: 100%; }
  #controller_wrap > article.item .info_bar {
    display: flex; }
    #controller_wrap > article.item .info_bar.bottom-bar {
      margin-top: 55px; }
    #controller_wrap > article.item .info_bar .autor {
      color: #202124;
      font-weight: normal; }
      #controller_wrap > article.item .info_bar .autor a {
        color: #202124; }
        #controller_wrap > article.item .info_bar .autor a:hover {
          text-decoration: underline; }
    #controller_wrap > article.item .info_bar .date_pub {
      margin-left: 10px;
      margin-right: 12px; }
    #controller_wrap > article.item .info_bar .bi_hits {
      margin-right: 20px; }
    #controller_wrap > article.item .info_bar .bi_rating {
      display: flex; }
      #controller_wrap > article.item .info_bar .bi_rating > span {
        font-weight: bold;
        color: #202124; }
      #controller_wrap > article.item .info_bar .bi_rating .rating_widget {
        margin-left: 20px; }
  #controller_wrap > article.item .border {
    width: 105px;
    height: 2px;
    background-color: #e84323;
    margin: 30px 0; }

.info_bar {
  margin-top: 13px;
  color: #ACACAC;
  font-weight: 300;
  font-size: 12px;
  line-height: 22px; }
  .info_bar a {
    text-decoration: none; }
  .info_bar .bar_item {
    display: inline-block; }
  .info_bar .bi_hits {
    float: left;
    position: relative;
    margin-right: 30px;
    padding-left: 28px; }
    .info_bar .bi_hits::before {
      content: url(../images/icons/views.svg);
      position: absolute;
      left: 0;
      top: 2px; }
  .info_bar .bi_comments {
    float: left; }
    .info_bar .bi_comments a {
      color: #ACACAC;
      position: relative;
      padding-left: 24px; }
      .info_bar .bi_comments a::before {
        content: url(../images/icons/comments.svg);
        position: absolute;
        left: 0;
        top: -1px; }
  .info_bar .bi_rating {
    float: right; }
    .info_bar .bi_rating::after {
      content: "";
      clear: both; }
    .info_bar .bi_rating .rating_widget {
      display: flex;
      clear: both;
      align-items: center; }
      .info_bar .bi_rating .rating_widget .arrow span, .info_bar .bi_rating .rating_widget .arrow a {
        display: block;
        width: 18px; }
    .info_bar .bi_rating .up span {
      background: url(../images/icons/like.svg) center no-repeat;
      display: block;
      width: 18px;
      height: 18px;
      opacity: 0.5;
      position: absolute;
      top: 0;
      right: 0; }
      .info_bar .bi_rating .up span.true {
        opacity: 1; }
    .info_bar .bi_rating .up a {
      background: url(../images/icons/like.svg) center no-repeat;
      display: block;
      width: 18px;
      height: 18px;
      position: absolute;
      top: 0;
      right: 0; }
    .info_bar .bi_rating .down span {
      background: url(../images/icons/dislike.svg) center no-repeat;
      display: block;
      width: 18px;
      height: 18px;
      opacity: 0.5;
      position: absolute;
      top: 4px;
      left: 0; }
      .info_bar .bi_rating .down span.true {
        opacity: 1; }
    .info_bar .bi_rating .down a {
      background: url(../images/icons/dislike.svg) center no-repeat;
      display: block;
      width: 18px;
      height: 18px;
      position: absolute;
      top: 4px;
      left: 0; }
    .info_bar .bi_rating .arrow {
      position: relative;
      height: 22px;
      width: 22px; }
    .info_bar .bi_rating .score {
      margin: 0 9px;
      font-weight: normal; }
      .info_bar .bi_rating .score .positive {
        color: #60A465; }
      .info_bar .bi_rating .score .negative {
        color: #e84323; }

.subscribe_wrap a span::before {
  content: url(../images/icons/notifications.svg);
  position: absolute;
  left: 10px;
  top: 2px; }
.subscribe_wrap .spinner > div {
  width: 10px;
  height: 10px;
  background-color: #e84323; }
.subscribe_wrap .subscribe, .subscribe_wrap .unsubscribe {
  background-color: #e84323;
  color: #ffffff !important;
  padding: 4px 10px;
  text-decoration: none;
  border-radius: 2px;
  padding: 6px 14px 6px 30px; }
.subscribe_wrap .unsubscribe {
  background-color: #ACACAC; }
.subscribe_wrap .count-subscribers {
  position: relative;
  border: 1px solid #ACACAC;
  border-radius: 2px;
  color: #ACACAC;
  margin-left: 6px;
  padding: 5px 6px;
  text-align: center;
  cursor: pointer; }

article h1.title_item {
  text-transform: none;
  font-size: 30px;
  line-height: 36px; }

a.category {
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #e84323;
  padding: 4px 32px;
  border: 1px solid #e84323;
  border-radius: 2px;
  display: inline-block;
  text-decoration: none;
  transition: 0.5s; }
  a.category:hover {
    background-color: #e84323;
    color: #ffffff; }

.content_datasets {
  margin-bottom: 30px; }
  .content_datasets .pills-menu {
    display: flex;
    flex-wrap: wrap; }
    .content_datasets .pills-menu li {
      margin: 5px 20px 5px 0;
      font-size: 14px;
      line-height: 24px; }
      .content_datasets .pills-menu li.active {
        color: #e84323; }
      .content_datasets .pills-menu li a {
        text-decoration: none;
        color: #ACACAC; }
        .content_datasets .pills-menu li a:hover {
          color: #e84323; }

.content_moderation_notice {
  margin-bottom: 40px; }

.content_moderator_info {
  margin: 15px 0;
  font-weight: 300;
  font-size: 14px; }
  .content_moderator_info a {
    color: #202124; }

.content_categories {
  margin-bottom: 30px; }
  .content_categories ul {
    display: flex;
    flex-wrap: wrap; }
    .content_categories ul li {
      margin: 5px 20px 5px 0;
      font-size: 14px;
      line-height: 24px; }
      .content_categories ul li a {
        text-decoration: none;
        color: #ACACAC; }
        .content_categories ul li a:hover {
          color: #e84323; }

.partners-link {
  text-transform: none;
  font-size: 14px;
  vertical-align: top;
  margin-right: 10px;
  color: #e84323;
  line-height: 18px;
  font-weight: bold;
  float: right; }

/* ================================================================== */
/* map ================================================================== */
#mapwd {
  width: 100%;
  height: calc(100vh - 159px);
  position: relative; }
  #mapwd .button_panel {
    top: 15px;
    position: absolute;
    display: flex; }
    #mapwd .button_panel.right {
      right: 5%; }
      #mapwd .button_panel.right .info {
        padding: 0;
        z-index: 50;
        border: none;
        position: absolute;
        right: -30px;
        top: -10px; }
        #mapwd .button_panel.right .info a {
          display: block;
          width: 24px;
          height: 19px;
          background: url(../images/icons/map_info.svg) no-repeat;
          background-position: center; }
    #mapwd .button_panel.left {
      left: 5%; }
    #mapwd .button_panel button.onmap {
      background-color: #ffffff;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
      border-radius: 6px;
      z-index: 50;
      border: none;
      color: #979797;
      text-align: left;
      padding: 17px 26px;
      box-sizing: border-box;
      cursor: pointer;
      outline: none; }
      #mapwd .button_panel button.onmap.filter {
        height: 50px;
        background: #ffffff url(../images/icons/arrow-down.svg) no-repeat;
        background-position: right 20px top 22px;
        padding-right: 50px;
        font-size: 16px; }
      #mapwd .button_panel button.onmap.help {
        height: 50px;
        padding: 15px 15px 15px 20px; }
        #mapwd .button_panel button.onmap.help .custom-control-input {
          position: absolute;
          z-index: -1;
          opacity: 0; }
          #mapwd .button_panel button.onmap.help .custom-control-input:checked ~ .custom-control-label {
            color: #202124; }
            #mapwd .button_panel button.onmap.help .custom-control-input:checked ~ .custom-control-label::after {
              background-color: #e84323;
              -webkit-transform: translateX(23px);
              transform: translateX(23px); }
        #mapwd .button_panel button.onmap.help .custom-control-label {
          position: relative;
          margin-bottom: 0;
          vertical-align: top;
          height: 24px;
          font-size: 16px;
          line-height: 21px;
          display: block;
          cursor: pointer;
          padding-left: 57px; }
          #mapwd .button_panel button.onmap.help .custom-control-label::before {
            position: absolute;
            display: block;
            height: 20px;
            width: 43px;
            content: "";
            background-color: #979797;
            left: 0px;
            top: 0px;
            pointer-events: all;
            border-radius: 100px;
            opacity: 0.2; }
          #mapwd .button_panel button.onmap.help .custom-control-label::after {
            position: absolute;
            display: block;
            content: "";
            background: no-repeat 50% / 50% 50%;
            top: 0px;
            left: 0px;
            width: 20px;
            height: 20px;
            background-color: #ffffff;
            border-radius: 100px;
            box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.12);
            transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
            transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; }
      #mapwd .button_panel button.onmap.add_object {
        width: 50px;
        height: 50px;
        border-radius: 25px;
        margin-left: 20px;
        padding: 0; }
        #mapwd .button_panel button.onmap.add_object a {
          display: block;
          width: 50px;
          height: 50px;
          background: url(../images/icons/add_object_placeholder.svg) no-repeat;
          background-position: center; }

.close {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 30px;
  top: 30px;
  background: url(../images/icons/close.svg) center no-repeat;
  cursor: pointer; }

.modal-bg {
  width: 100%;
  min-height: 100vh;
  position: absolute;
  z-index: 100;
  background: rgba(32, 33, 36, 0.8);
  display: none;
  top: 0; }

.filter-modal {
  background: #ffffff;
  border-radius: 6px;
  background: #ffffff;
  width: 65%;
  min-height: 70vh;
  margin: 10vh auto;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  padding-bottom: 20px; }
  .filter-modal .title {
    border-bottom: 1px solid #F6F6F6;
    font-weight: bold;
    text-align: center;
    padding: 30px 0 15px; }
  .filter-modal .input_checkbox_list {
    display: flex;
    /* justify-content: space-between; */
    padding: 0px 30px 30px; }
    .filter-modal .input_checkbox_list label {
      display: block;
      margin-bottom: 10px;
      color: #202124;
      font-weight: normal;
      line-height: 14px; }
    .filter-modal .input_checkbox_list h5 {
      font-size: 14px;
      line-height: 17px;
      margin: 15px 0 30px; }
    .filter-modal .input_checkbox_list > div {
      margin-right: 25px; }
      .filter-modal .input_checkbox_list > div .medical, .filter-modal .input_checkbox_list > div .show {
        margin-top: 30px; }
    .filter-modal .input_checkbox_list span {
      color: #202124;
      font-weight: normal !important; }
  .filter-modal .buttons {
    text-align: center; }
    .filter-modal .buttons #map-filter {
      width: 250px; }

#teaser-cont-window {
  width: 100%;
  max-width: calc(5vw + 450px);
  height: 100vh;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: calc(-5vw - 455px);
  z-index: 100;
  box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.25); }
  #teaser-cont-window #teaser-cont {
    overflow-x: hidden;
    box-sizing: border-box; }
    #teaser-cont-window #teaser-cont h2 {
      font-size: 22px;
      line-height: 24px;
      text-transform: uppercase;
      padding: 30px 0 20px 5vw;
      margin: 0;
      box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); }
      #teaser-cont-window #teaser-cont h2 span {
        font-weight: 300;
        font-size: 12px;
        line-height: 14px;
        color: #ffffff;
        padding: 2px 5px;
        background: #e84323;
        margin-left: 15px;
        display: inline-block;
        text-transform: none;
        vertical-align: top;
        margin-top: 2px; }
  #teaser-cont-window #users_profiles_list {
    overflow-y: auto;
    max-height: calc(100vh - 74px);
    box-sizing: border-box; }
    #teaser-cont-window #users_profiles_list .item {
      padding: 10px 5vw 20px !important; }
      #teaser-cont-window #users_profiles_list .item .info {
        width: auto; }
        #teaser-cont-window #users_profiles_list .item .info .icon {
          text-align: center; }
          #teaser-cont-window #users_profiles_list .item .info .icon .img-thumbnail {
            width: 60px;
            height: 60px;
            border-radius: 30px; }
          #teaser-cont-window #users_profiles_list .item .info .icon a {
            display: block;
            height: 60px; }
          #teaser-cont-window #users_profiles_list .item .info .icon .karma {
            font-size: 14px;
            font-weight: bold;
            display: inline-block;
            padding-left: 23px;
            position: relative; }
            #teaser-cont-window #users_profiles_list .item .info .icon .karma::before {
              content: url(../images/icons/heart.svg);
              position: absolute;
              top: 3px;
              left: 0; }
            #teaser-cont-window #users_profiles_list .item .info .icon .karma.active span.value {
              color: #60A465; }
            #teaser-cont-window #users_profiles_list .item .info .icon .karma.passive span {
              color: #e84323; }
          #teaser-cont-window #users_profiles_list .item .info .icon .count_review {
            font-weight: 300;
            font-size: 12px;
            line-height: 14px;
            color: #979797;
            width: 80px; }
        #teaser-cont-window #users_profiles_list .item .info .fields div {
          margin: 0; }
        #teaser-cont-window #users_profiles_list .item .info .fields .name {
          margin-top: 5px; }
        #teaser-cont-window #users_profiles_list .item .info .fields .send-link {
          color: #979797;
          position: relative;
          padding-left: 28px; }
          #teaser-cont-window #users_profiles_list .item .info .fields .send-link::before {
            content: url("../images/icons/gray-messages.svg");
            position: absolute;
            top: -1;
            left: 0; }
        #teaser-cont-window #users_profiles_list .item .info .fields .multiple_help_list {
          display: flex;
          height: 25px;
          margin: 20px 0 0; }
          #teaser-cont-window #users_profiles_list .item .info .fields .multiple_help_list li {
            margin: 0 10px 0 0;
            width: 25px;
            height: 25px; }
            #teaser-cont-window #users_profiles_list .item .info .fields .multiple_help_list li.passive {
              opacity: 0.2; }
        #teaser-cont-window #users_profiles_list .item .info .fields .messages {
          margin-top: 15px; }
      #teaser-cont-window #users_profiles_list .item:first-of-type {
        border-top: none; }
  #teaser-cont-window #object_item {
    overflow-y: auto;
    max-height: 100vh;
    box-sizing: border-box;
    padding: 30px 0;
    font-size: 14px;
    line-height: 22px; }
    #teaser-cont-window #object_item .content_item > div {
      padding: 0 5vw; }
    #teaser-cont-window #object_item h1 {
      margin: 0 0 15px;
      font-family: 'Museo Sans Cyrl 900';
      font-size: 24px;
      line-height: 32px;
      padding: 0 5vw; }
      #teaser-cont-window #object_item h1 a {
        color: #202124;
        text-decoration: none; }
    #teaser-cont-window #object_item .contacts {
      margin-top: 15px;
      color: #202124;
      display: flex; }
      #teaser-cont-window #object_item .contacts div {
        margin-right: 30px; }
      #teaser-cont-window #object_item .contacts a {
        color: #202124; }
      #teaser-cont-window #object_item .contacts .phone a {
        text-decoration: none; }
    #teaser-cont-window #object_item .object_type {
      font-weight: 300;
      font-size: 18px;
      line-height: 24px;
      color: #979797;
      margin-top: 15px; }
    #teaser-cont-window #object_item .address {
      margin-top: 15px;
      padding: 15px 0 0 calc(5vw + 28px) !important;
      border-top: solid 1px #F6F6F6;
      background: url(../images/icons/adr-placeholder.svg) no-repeat;
      background-position: 5vw 15px; }
    #teaser-cont-window #object_item .photo {
      margin-top: 15px; }
      #teaser-cont-window #object_item .photo img {
        width: 100%;
        border-radius: 4px; }
    #teaser-cont-window #object_item .partner_title {
      font-size: 18px;
      line-height: 22px;
      margin: 40px 0 30px; }
      #teaser-cont-window #object_item .partner_title a {
        color: #3BB300;
        background: url(../images/icons/partner_percent.svg) no-repeat;
        padding-left: 30px;
        text-decoration: none;
        display: block; }
      #teaser-cont-window #object_item .partner_title p {
        font-weight: 300; }
    #teaser-cont-window #object_item .link {
      padding: 0 5vw;
      margin-top: 30px; }
      #teaser-cont-window #object_item .link a {
        text-decoration: none;
        color: #979797;
        font-size: 14px;
        line-height: 22px;
        position: relative;
        padding-left: 30px; }
        #teaser-cont-window #object_item .link a::before {
          content: url(../images/icons/gorizontal_menu.svg);
          position: absolute;
          left: 0;
          top: -4px; }
    #teaser-cont-window #object_item .rating {
      margin-top: 15px; }
      #teaser-cont-window #object_item .rating .teaser {
        display: flex;
        font-size: 14px;
        line-height: 17px; }
        #teaser-cont-window #object_item .rating .teaser #bgDiv {
          width: 100px;
          display: flex;
          margin-right: 20px; }
          #teaser-cont-window #object_item .rating .teaser #bgDiv #onDiv {
            background: url(../images/icons/star_active.png); }
          #teaser-cont-window #object_item .rating .teaser #bgDiv #offDiv {
            background: url(../images/icons/star_passive.png);
            background-position: right; }
        #teaser-cont-window #object_item .rating .teaser .rate1 {
          margin-right: 15px;
          font-weight: bold; }
        #teaser-cont-window #object_item .rating .teaser .rate2 {
          font-weight: normal;
          color: #979797; }

#layout.map #widget_pos_left-bottom,
#layout.map #widget_pos_left-bottom .widget {
  position: static; }

/* ================================================================== */
/* motocard ================================================================== */
.motocard h4 {
  font-size: 30px;
  line-height: 36px;
  margin: 0 0 60px; }
.motocard__teaser {
  margin: 30px 5vw 0;
  position: relative;
  background: url(../images/teaser-motocard.png) no-repeat;
  background-position: right 8% bottom 0;
  padding-bottom: 5vw; }
  .motocard__teaser h1 {
    font-size: 50px;
    line-height: 56px;
    margin: 0;
    border-left: solid 4px #e84323;
    padding-left: 22px; }
  .motocard__teaser > p {
    font-size: 24px;
    line-height: 30px;
    color: #979797;
    max-width: 40%;
    margin: 60px 0;
    font-weight: 300; }
  .motocard__teaser .btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 !important; }
    .motocard__teaser .btn a {
      padding: 20px 50px;
      display: block; }
.motocard__video {
  margin: 100px auto 0;
  height: 20vw;
  text-align: center;
  width: 40%; }
.motocard__options ul {
  display: flex;
  justify-content: center; }
  .motocard__options ul > li {
    display: block;
    width: 200px;
    height: 190px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    position: relative; }
    .motocard__options ul > li .ps {
      font-size: 12px;
      line-height: 16px;
      color: #ACACAC;
      position: absolute;
      bottom: -37px;
      text-align: center;
      max-width: 200px; }
    .motocard__options ul > li:nth-of-type(1) {
      background-color: #e84323;
      margin-right: 10vw;
      color: #ffffff; }
      .motocard__options ul > li:nth-of-type(1) div {
        font-weight: bold;
        font-size: 36px;
        line-height: 29px;
        background: #ffffff;
        width: 106px;
        height: 106px;
        border-radius: 60px;
        color: #e84323;
        padding-top: 20px;
        box-sizing: border-box;
        margin: 0 auto; }
    .motocard__options ul > li:nth-of-type(2) {
      background-color: #ffffff;
      color: #ACACAC; }
      .motocard__options ul > li:nth-of-type(2) .sum {
        color: #e84323;
        font-size: 36px;
        line-height: 34px;
        font-weight: bold;
        margin: 50px 0 5px; }
      .motocard__options ul > li:nth-of-type(2) .currency {
        color: #e84323;
        font-size: 12px;
        line-height: 14px;
        margin: 0;
        font-weight: normal; }
      .motocard__options ul > li:nth-of-type(2) .year-support {
        margin: 15px; }
      .motocard__options ul > li:nth-of-type(2) .action {
        position: absolute;
        background: url(../images/motocard_options_action.svg);
        height: 40px;
        width: 190px;
        left: -15px;
        top: 37px;
        color: #ffffff;
        box-sizing: border-box;
        padding: 5px 8px;
        text-align: left; }
      .motocard__options ul > li:nth-of-type(2)::after {
        content: url(../images/motocard_options_medal.svg);
        position: absolute;
        bottom: 20px;
        right: -30px; }
    .motocard__options ul > li:nth-of-type(3) {
      background: #e84323 url(../images/motocard_calendar.svg) center 30px no-repeat;
      margin-left: 10vw;
      color: #ffffff; }
      .motocard__options ul > li:nth-of-type(3) p {
        margin-top: 160px; }
.motocard__options .options-bg {
  width: 100%;
  height: 140px;
  background: #F6F6F6;
  margin-top: -90px; }
.motocard__scope {
  margin: 100px 5vw 0; }
  .motocard__scope ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    .motocard__scope ul li {
      width: 45%;
      margin: 0 5% 65px 0; }
      .motocard__scope ul li h6 {
        font-size: 24px;
        line-height: 37px;
        color: #e84323;
        margin: 15px 0 20px; }
      .motocard__scope ul li p {
        font-weight: 300;
        font-size: 16px;
        line-height: 25px;
        color: #000000; }
      .motocard__scope ul li a {
        font-weight: 300;
        font-size: 12px;
        line-height: 14px;
        letter-spacing: 0.115em;
        text-transform: uppercase;
        color: #ACACAC;
        margin-top: 15px; }
      .motocard__scope ul li .description {
        display: none; }
      .motocard__scope ul li:nth-of-type(1)::before {
        content: url(../images/icons/motocard_percent.svg); }
      .motocard__scope ul li:nth-of-type(2)::before {
        content: url(../images/icons/motocard_evacuation.svg); }
      .motocard__scope ul li:nth-of-type(3)::before {
        content: url(../images/icons/motocard_fuel.svg); }
      .motocard__scope ul li:nth-of-type(4)::before {
        content: url(../images/icons/motocard_umbrella.svg); }
      .motocard__scope ul li:nth-of-type(5)::before {
        content: url(../images/icons/motocard_lawyer.svg); }
      .motocard__scope ul li:nth-of-type(6)::before {
        content: url(../images/icons/motocard_friend.svg);
        margin: 0; }
.motocard__partners {
  margin: 50px 5vw; }
  .motocard__partners .partners_list {
    display: flex;
    justify-content: space-between;
    overflow: hidden; }
    .motocard__partners .partners_list img {
      margin: 10px;
      filter: grayscale(100%); }
      .motocard__partners .partners_list img:hover {
        filter: grayscale(0%); }
  .motocard__partners .add_partner {
    text-align: center;
    padding: 80px 0 50px; }
    .motocard__partners .add_partner .partners-link {
      float: none; }
.motocard__result {
  margin: 135px 0 0; }
  .motocard__result h4 {
    margin: 0 5vw 30px !important; }
  .motocard__result .text_cont {
    display: flex;
    margin: 0 7%; }
    .motocard__result .text_cont p {
      margin: 0 2.5vw;
      font-weight: 300;
      font-size: 24px;
      line-height: 42px;
      color: #000000; }
  .motocard__result .scheme {
    background: url(../images/motocard_result.png) center top no-repeat;
    background-size: 100%;
    width: 50vw;
    max-width: 658px;
    height: 50vw;
    max-height: 658px;
    position: relative;
    margin: 100px auto 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 300; }
    .motocard__result .scheme .family {
      width: 172px;
      height: 172px;
      background: url(../images/motocard_family.svg) 30px 0px no-repeat;
      position: absolute;
      top: 3vw;
      left: -190px;
      padding-top: 135px;
      box-sizing: border-box; }
      .motocard__result .scheme .family::after {
        content: "";
        width: 12px;
        height: 12px;
        border-radius: 6px;
        background: #e84323;
        position: absolute;
        right: -30%;
        bottom: 20px; }
    .motocard__result .scheme .economy {
      width: 230px;
      text-align: center;
      position: absolute;
      right: -230px;
      top: 3vw; }
      .motocard__result .scheme .economy .percent_round {
        width: 100px;
        height: 100px;
        border-radius: 50px;
        background: #e84323;
        font-size: 24px;
        color: #ffffff;
        font-weight: bold;
        padding-top: 15px;
        box-sizing: border-box;
        margin: 0 auto 50px; }
      .motocard__result .scheme .economy::before {
        content: "";
        width: 12px;
        height: 12px;
        border-radius: 6px;
        background: #e84323;
        position: absolute;
        left: -30px;
        bottom: 50px; }
    .motocard__result .scheme .economy_petrol {
      width: 186px;
      height: 186px;
      text-align: center;
      position: absolute;
      left: 60%;
      bottom: -120px; }
      .motocard__result .scheme .economy_petrol .petrol_round {
        width: 100px;
        height: 100px;
        border-radius: 50px;
        box-sizing: border-box;
        background: #e84323 url(../images/motocard_big_petrol.svg) center no-repeat;
        margin: 0 auto 30px; }
      .motocard__result .scheme .economy_petrol::after {
        content: url(../images/motocard_percent.svg);
        position: absolute;
        right: -10px;
        top: -70px; }
.motocard__economy {
  margin: 135px 5vw 0; }
  .motocard__economy h4 {
    margin-bottom: 100px; }
  .motocard__economy .row {
    display: flex; }
    .motocard__economy .row div {
      width: 50%;
      position: relative; }
      .motocard__economy .row div.left_col {
        background: #202124;
        border-radius: 8px;
        color: #ffffff;
        padding: 20px 30px 60px;
        box-sizing: border-box; }
        .motocard__economy .row div.left_col h5 {
          font-size: 28px;
          line-height: 42px;
          font-weight: normal; }
        .motocard__economy .row div.left_col p {
          font-size: 12px;
          line-height: 18px; }
        .motocard__economy .row div.left_col::before {
          content: url(../images/sale_percent.svg);
          position: absolute;
          top: -45px;
          right: 12%; }
      .motocard__economy .row div.right_col button {
        position: absolute;
        bottom: 0;
        left: 25%;
        padding: 0 !important; }
        .motocard__economy .row div.right_col button a {
          padding: 20px 50px;
          display: block; }
      .motocard__economy .row div.right_col::before {
        content: "";
        background: url(../images/sale_bike.svg) center no-repeat;
        background-size: contain;
        position: absolute;
        top: -45px;
        right: 27%; }
.motocard__bonus {
  margin-top: 135px;
  background: #F6F6F6;
  padding: 70px 25%; }
  .motocard__bonus div {
    position: relative;
    padding-left: 130px; }
    .motocard__bonus div::before {
      content: url(../images/motocard_petrol.svg);
      position: absolute;
      left: 5px; }
  .motocard__bonus h4 {
    margin-bottom: 35px; }
  .motocard__bonus h5 {
    font-weight: normal;
    font-size: 18px;
    line-height: 24px; }
  .motocard__bonus p {
    font-size: 12px;
    line-height: 18px;
    color: #ACACAC; }
    .motocard__bonus p a {
      color: #e84323;
      text-decoration: none; }
.motocard__control {
  display: flex;
  margin: 195px 5vw 0; }
  .motocard__control h4 {
    margin: 0; }
  .motocard__control .left_col {
    width: 55%;
    background: url(../images/motocard_control_image.jpg) center no-repeat; }
  .motocard__control .right_col {
    width: 45%;
    padding-left: 60px;
    box-sizing: border-box; }
    .motocard__control .right_col p {
      font-size: 22px;
      line-height: 28px;
      margin: 20px 0;
      color: #979797; }
    .motocard__control .right_col ul li {
      margin-bottom: 20px;
      position: relative;
      padding-left: 60px; }
      .motocard__control .right_col ul li::before {
        position: absolute; }
      .motocard__control .right_col ul li:nth-of-type(1)::before {
        content: url(../images/icons/motocard_sms.svg);
        left: 0;
        top: 8px; }
      .motocard__control .right_col ul li:nth-of-type(2)::before {
        content: url(../images/icons/motocard_notification.svg);
        left: -3px;
        top: 5px; }
      .motocard__control .right_col ul li:nth-of-type(3)::before {
        content: url(../images/icons/motocard_info.svg);
        left: 6px;
        top: 0px; }
      .motocard__control .right_col ul li:nth-of-type(4)::before {
        content: url(../images/icons/motocard_pay.svg);
        left: 3px;
        top: 2px; }
.motocard__history {
  margin: 135px 5vw 0;
  position: relative; }
  .motocard__history .row {
    display: flex; }
    .motocard__history .row .about {
      width: 55%;
      font-weight: 300;
      font-size: 28px;
      line-height: 42px; }
    .motocard__history .row .review {
      width: 45%;
      position: relative; }
      .motocard__history .row .review .quote {
        font-size: 24px;
        line-height: 28px;
        color: #ffffff;
        max-width: 440px;
        max-height: 330px;
        width: 40vw;
        height: 30vw;
        box-sizing: border-box;
        position: absolute;
        padding: 8vw 3vw 5vw 6vw;
        background: url(../images/motocard_quote.svg) center no-repeat;
        right: 7%;
        top: 0;
        background-size: contain; }
        .motocard__history .row .review .quote::before {
          content: "";
          background: url(../images/motocard_quote_avatar.png) center no-repeat;
          position: absolute;
          top: -120px;
          right: 9vw;
          background-size: 100%;
          width: 110px;
          height: 110px; }
  .motocard__history .info {
    font-size: 28px;
    line-height: 42px;
    background: #F6F6F6;
    padding: 9vw 19%;
    margin-top: 90px; }
    .motocard__history .info span {
      color: #e84323; }
.motocard__promocode {
  margin: 200px 0 140px;
  position: relative; }
  .motocard__promocode .shlak {
    position: absolute;
    top: -100px;
    right: 20px;
    width: 717px;
    height: 445px;
    background: url(../images/shlak_na_fone.svg) no-repeat center; }
  .motocard__promocode .row {
    display: flex;
    padding: 0 5vw;
    background: #F6F6F6; }
    .motocard__promocode .row > div {
      width: 50%;
      padding: 90px 0 70px; }
      .motocard__promocode .row > div.left_col {
        padding-right: 30px; }
      .motocard__promocode .row > div.right_col {
        position: relative;
        background: url(../images/motocard_code_bg.png) no-repeat;
        background-position: bottom left; }
        .motocard__promocode .row > div.right_col button {
          position: absolute;
          right: 0;
          top: 190px;
          padding: 0 !important; }
          .motocard__promocode .row > div.right_col button a {
            padding: 20px 50px;
            display: block; }
.motocard__form {
  text-align: center;
  margin-top: 195px; }
  .motocard__form header {
    max-width: 670px;
    margin: 0 auto; }
    .motocard__form header p {
      margin: 60px auto;
      font-size: 18px;
      line-height: 24px;
      text-align: left; }
  .motocard__form form {
    text-align: left;
    max-width: 800px;
    margin: 0 auto; }
    .motocard__form form fieldset#fset_fio > div, .motocard__form form fieldset#fset_contacts > div, .motocard__form form fieldset#fset_city > div, .motocard__form form fieldset#fset_delivery > div, .motocard__form form fieldset#fset_checkout > div, .motocard__form form fieldset#fset_code_checkout > div {
      display: inline-block;
      width: 42%;
      vertical-align: top; }
    .motocard__form form fieldset > div {
      margin: 20px 3.8% 0; }
  .motocard__form h4 {
    margin-bottom: 10px; }
  .motocard__form p {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px; }
  .motocard__form .auth .auth-menu {
    float: none;
    margin: 0 auto;
    display: block;
    width: 215px;
    padding: 20px 0 150px; }
  .motocard__form .auth h4 {
    margin: 35px 0 10px; }
    .motocard__form .auth h4::before {
      content: url(../images/auth.svg);
      display: block; }
  .motocard__form .buttons {
    margin: 40px 0 50px; }
  .motocard__form .city-input {
    display: block; }
  .motocard__form #f_code {
    position: relative; }
    .motocard__form #f_code .msg {
      width: 100%;
      border-radius: 0px 0px 2px 2px;
      margin-top: 5px;
      color: #ffffff;
      font-weight: 300;
      font-size: 14px;
      line-height: 24px;
      padding: 0 25px;
      box-sizing: border-box; }
      .motocard__form #f_code .msg.good-code {
        background-color: #60A465; }
      .motocard__form #f_code .msg.bad-code {
        background-color: #e84323; }
  .motocard__form .code_ok {
    position: absolute;
    top: 30px;
    right: 5px;
    color: #ffffff;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    border-radius: 2px;
    background-color: #e84323;
    padding: 5px;
    border: none;
    cursor: pointer; }
  .motocard__form #fset_checkout, .motocard__form #fset_code_checkout {
    text-align: right; }
    .motocard__form #fset_checkout .field, .motocard__form #fset_code_checkout .field {
      text-align: left; }
      .motocard__form #fset_checkout .field p, .motocard__form #fset_code_checkout .field p {
        margin: 0 0 3px; }
        .motocard__form #fset_checkout .field p span, .motocard__form #fset_code_checkout .field p span {
          width: 50%;
          display: inline-block;
          font-weight: normal; }
          .motocard__form #fset_checkout .field p span.title, .motocard__form #fset_code_checkout .field p span.title {
            color: #ACACAC; }
.motocard .tabs__caption {
  display: flex;
  color: #ACACAC;
  justify-content: center;
  margin: 30px 0 20px; }
  .motocard .tabs__caption li {
    margin: 0 15px;
    cursor: pointer; }
    .motocard .tabs__caption li.active {
      color: #e84323; }
.motocard .tabs__content {
  display: none;
  /* ???? ?????????????????? ???????????? ?????? ?????????? */ }
  .motocard .tabs__content.active {
    display: block; }
.motocard .buttons {
  text-align: center; }

.modal-cont {
  padding: 50px; }
  .modal-cont h5 {
    font-size: 46px;
    line-height: 56px;
    margin: 30px 0; }
  .modal-cont h6 {
    font-size: 26px;
    line-height: 36px;
    margin: 20px 0; }
  .modal-cont p {
    font-size: 22px;
    line-height: 32px;
    margin: 25px 0; }
    .modal-cont p span {
      color: #e84323; }
    .modal-cont p.ps {
      font-weight: 300;
      font-size: 16px;
      line-height: 18px;
      color: #000000;
      margin-top: 30px; }
  .modal-cont a {
    text-decoration: none;
    color: #e84323; }

#layout.motocard-result main {
  padding: 0; }
  #layout.motocard-result main .motocard-menu {
    padding: 0 5vw; }

.result {
  display: flex;
  background: #F6F6F6;
  padding: 0 5%; }
  .result > div {
    width: 50%;
    text-align: center; }
  .result__content {
    background-color: #ffffff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 60px 60px 65px;
    margin: 40px auto;
    position: relative;
    display: inline-block;
    text-align: left; }
    .result__content::before {
      content: "";
      background: #e84323 url(../images/motocard_result_like.svg) center no-repeat;
      background-size: 50%;
      width: 90px;
      height: 90px;
      border-radius: 45px;
      position: absolute;
      left: -45px;
      top: 40px; }
    .result__content h1 {
      font-size: 24px;
      line-height: 29px;
      color: #e84323;
      margin-bottom: 0; }
    .result__content p {
      font-size: 20px;
      line-height: 24px;
      margin: 10px 0; }
  .result__order {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #ACACAC; }
  .result__sum {
    font-size: 16px;
    line-height: 30px;
    color: #ACACAC;
    margin-top: 50px; }
    .result__sum span {
      font-weight: 300;
      font-size: 22px;
      line-height: 30px;
      float: right;
      color: #202124; }
  .result__more {
    font-size: 16px;
    line-height: 30px;
    color: #ACACAC;
    margin-top: 30px; }
    .result__more span {
      float: right;
      color: #202124; }
  .result__image {
    position: relative; }
    .result__image::before {
      content: "";
      background: #e84323 url(../images/motocard_result_bike.svg) center no-repeat;
      background-size: 70%;
      width: 90px;
      height: 90px;
      border-radius: 45px;
      position: absolute;
      right: 35px;
      bottom: 35px; }
    .result__image.card {
      background: url(../images/motocard_result_card.png) left center no-repeat;
      background-size: contain; }
    .result__image.code {
      background: url(../images/motocard_result_code.png) left center no-repeat; }
  .result__my {
    font-weight: 300;
    margin-top: 10px; }
    .result__my a {
      color: #e84323; }

.mycard h1 {
  margin-bottom: 15px;
  font-size: 46px;
  line-height: 56px; }
.mycard__name {
  font-weight: 300;
  font-size: 20px;
  line-height: 24px;
  text-decoration: none;
  color: #202124; }
.mycard__main {
  display: flex;
  margin-top: 60px; }
.mycard__image {
  width: 350px;
  height: 220px;
  margin-right: 40px;
  position: relative;
  background: url(../images/motocard_clear.png) no-repeat; }
.mycard__number {
  position: absolute;
  width: 100%;
  bottom: 35px;
  left: 40px;
  color: #f2d19e;
  display: flex;
  letter-spacing: 4px; }
  .mycard__number div {
    margin-right: 20px; }
.mycard__info button {
  border: none;
  margin-top: 30px;
  padding: 0;
  display: block; }
.mycard__active {
  font-size: 14px;
  line-height: 24px;
  margin-top: 30px;
  width: 100%;
  max-width: 350px; }
  .mycard__active .title {
    font-weight: 300;
    color: #ACACAC; }
  .mycard__active .value {
    float: right; }

/* ================================================================== */
/* users ================================================================== */
#users_profiles_list .item {
  display: flex;
  padding: 30px 50px;
  border-top: solid 1px #F6F6F6;
  justify-content: space-between; }
  #users_profiles_list .item .info {
    display: flex;
    width: 50%; }
    #users_profiles_list .item .info a {
      text-decoration: none;
      color: #202124; }
    #users_profiles_list .item .info .fields {
      margin-left: 30px; }
      #users_profiles_list .item .info .fields div {
        margin: 8px 0;
        width: 100%; }
        #users_profiles_list .item .info .fields div:first-of-type {
          margin-top: 0;
          line-height: 16px; }
      #users_profiles_list .item .info .fields .nickname {
        font-weight: bold;
        display: flex; }
        #users_profiles_list .item .info .fields .nickname span {
          font-weight: 300;
          font-size: 14px;
          line-height: 16px;
          color: #ACACAC;
          position: relative; }
      #users_profiles_list .item .info .fields .name {
        font-weight: 300;
        line-height: 18px; }
      #users_profiles_list .item .info .fields .city {
        font-size: 14px;
        line-height: 22px;
        color: #ACACAC;
        font-weight: 300;
        position: relative;
        padding-left: 15px; }
        #users_profiles_list .item .info .fields .city::before {
          content: url(../images/icons/placeholder.svg);
          position: absolute;
          top: 0;
          left: 0; }
      #users_profiles_list .item .info .fields .age {
        font-weight: 300;
        font-size: 14px;
        line-height: 22px;
        color: #ACACAC;
        margin-bottom: 3px !important; }
    #users_profiles_list .item .info .icon .img-thumbnail {
      width: 85px;
      height: 85px;
      border-radius: 43px; }
    #users_profiles_list .item .info .icon .help {
      font-weight: 300;
      font-size: 14px;
      line-height: 22px;
      text-align: center; }
      #users_profiles_list .item .info .icon .help.active {
        color: #60A465; }
      #users_profiles_list .item .info .icon .help.passive {
        color: #ACACAC; }
  #users_profiles_list .item .status {
    font-size: 14px;
    line-height: 22px;
    color: #ACACAC;
    width: 30%; }
    #users_profiles_list .item .status span.value {
      margin-left: 5px; }
    #users_profiles_list .item .status .rating {
      position: relative;
      padding-left: 21px;
      position: relative; }
      #users_profiles_list .item .status .rating::before {
        content: url(../images/icons/star.svg);
        position: absolute;
        top: 1px;
        left: 0; }
      #users_profiles_list .item .status .rating.active span.value {
        color: #60A465; }
      #users_profiles_list .item .status .rating.passive span.value {
        color: #e84323; }
    #users_profiles_list .item .status .karma {
      padding-left: 21px;
      margin-top: 4px;
      position: relative; }
      #users_profiles_list .item .status .karma::before {
        content: url(../images/icons/heart.svg);
        position: absolute;
        top: 2px;
        left: 0; }
      #users_profiles_list .item .status .karma.active span.value {
        color: #60A465; }
      #users_profiles_list .item .status .karma.passive span {
        color: #e84323; }
  #users_profiles_list .item .actions {
    width: 20%;
    position: relative; }
    #users_profiles_list .item .actions .btn {
      position: absolute;
      bottom: 0px;
      right: 0px; }

#user_profile {
  display: flex; }
  #user_profile #left_column {
    width: 30%;
    padding-right: 5%;
    box-sizing: border-box; }
    #user_profile #left_column .block {
      padding: 20px 10%;
      border-bottom: solid 1px #F6F6F6; }
    #user_profile #left_column #avatar {
      padding: 0 0 35px 0;
      text-align: center; }
      #user_profile #left_column #avatar .nickname {
        display: block;
        text-align: center;
        font-size: 18px;
        line-height: 24px; }
      #user_profile #left_column #avatar .img-thumbnail {
        border-radius: 100px;
        margin-bottom: 5px; }
    #user_profile #left_column .count-friends {
      font-weight: 300;
      font-size: 20px;
      line-height: 24px;
      margin-left: 8px; }
    #user_profile #left_column .social ul {
      display: flex; }
      #user_profile #left_column .social ul li {
        margin-right: 30px; }
        #user_profile #left_column .social ul li.vk a {
          background: url(../images/icons/color_vk.svg) center no-repeat; }
        #user_profile #left_column .social ul li.fb a {
          background: url(../images/icons/color_fb.svg) center no-repeat; }
        #user_profile #left_column .social ul li.in a {
          background: url(../images/icons/color_in.svg) center no-repeat; }
        #user_profile #left_column .social ul li.yo a {
          background: url(../images/icons/color_yo.svg) center no-repeat; }
        #user_profile #left_column .social ul li a {
          display: block;
          width: 30px;
          height: 30px; }
          #user_profile #left_column .social ul li a span {
            display: none; }
  #user_profile #right_column {
    width: 70%; }
    #user_profile #right_column #information {
      padding: 0;
      box-sizing: border-box;
      position: relative; }
      #user_profile #right_column #information .edit-profile {
        font-size: 14px;
        line-height: 17px;
        font-weight: bold;
        color: #e84323;
        margin-left: 10px; }
      #user_profile #right_column #information .avatar .img-thumbnail {
        width: 90px;
        height: 90px;
        border-radius: 45px; }
      #user_profile #right_column #information .user-rating.mobile {
        display: none;
        min-width: auto; }
      #user_profile #right_column #information .fieldset_title {
        border-top: solid 1px #F6F6F6;
        margin-bottom: 25px; }
        #user_profile #right_column #information .fieldset_title h3 {
          margin: 0;
          margin-top: -12px;
          background: #ffffff;
          padding-right: 6px;
          float: left;
          font-weight: normal;
          font-size: 16px;
          line-height: 22px; }
      #user_profile #right_column #information .fieldset {
        padding-bottom: 30px; }
        #user_profile #right_column #information .fieldset a {
          color: #202124; }
        #user_profile #right_column #information .fieldset .field {
          display: flex;
          margin-bottom: 10px;
          align-items: flex-end; }
          #user_profile #right_column #information .fieldset .field .title {
            width: 25%;
            font-weight: 300;
            color: #979797; }
          #user_profile #right_column #information .fieldset .field .value {
            font-weight: 300;
            font-size: 14px;
            line-height: 22px; }
        #user_profile #right_column #information .fieldset .ft_text .value {
          font-size: 16px;
          line-height: 24px; }
      #user_profile #right_column #information > .fieldset.first {
        border-top: solid 1px #F6F6F6;
        padding-top: 30px;
        padding-bottom: 0px;
        margin-top: 30px; }
      #user_profile #right_column #information > .fieldset.last {
        padding-bottom: 0; }
        #user_profile #right_column #information > .fieldset.last .fieldset_title {
          padding: 40px 0;
          margin-bottom: 10px; }
          #user_profile #right_column #information > .fieldset.last .fieldset_title h3 {
            font-size: 22px;
            font-weight: bold;
            margin-top: 0px;
            height: 35px;
            position: relative;
            padding-left: 45px; }
            #user_profile #right_column #information > .fieldset.last .fieldset_title h3::before {
              content: url(../images/icons/help.svg);
              position: absolute;
              left: 0;
              top: -9px; }
        #user_profile #right_column #information > .fieldset.last .f_absent .value {
          color: #e84323; }
      #user_profile #right_column #information .fio {
        font-size: 18px;
        line-height: 24px; }
      #user_profile #right_column #information .nickname {
        font-weight: 300;
        font-size: 18px;
        line-height: 24px;
        color: #979797; }
        #user_profile #right_column #information .nickname span.name {
          vertical-align: middle; }
        #user_profile #right_column #information .nickname span + span {
          font-weight: 300;
          font-size: 14px;
          line-height: 22px;
          color: #ACACAC;
          position: relative; }
          #user_profile #right_column #information .nickname span + span.last_online::before {
            top: 0;
            left: 0; }
      #user_profile #right_column #information .more-info {
        margin-top: 30px; }
        #user_profile #right_column #information .more-info.closed {
          display: none; }
      #user_profile #right_column #information .more-info-button-close, #user_profile #right_column #information .more-info-button-open {
        margin-left: 25%;
        margin-bottom: 20px;
        font-weight: 300;
        font-size: 14px;
        line-height: 22px;
        color: #e84323;
        cursor: pointer; }
      #user_profile #right_column #information .more-info-button-close {
        display: none; }
      #user_profile #right_column #information .multiple_help_list {
        display: flex;
        flex-wrap: wrap;
        width: 300px; }
        #user_profile #right_column #information .multiple_help_list li {
          width: 50%;
          box-sizing: border-box;
          margin: 6px 0;
          padding-left: 30px;
          background-position: left center; }
      #user_profile #right_column #information .user_main_buttons {
        display: flex;
        margin-top: 25px; }
        #user_profile #right_column #information .user_main_buttons li {
          margin-right: 25px; }
    #user_profile #right_column #user_profile_rates {
      border-top: solid 1px #F6F6F6;
      padding-top: 30px;
      margin-top: 30px;
      position: relative; }
      #user_profile #right_column #user_profile_rates .zero {
        color: #ACACAC; }
      #user_profile #right_column #user_profile_rates .positive {
        color: #60A465; }
      #user_profile #right_column #user_profile_rates .negative {
        color: #e84323; }
      #user_profile #right_column #user_profile_rates h3 {
        font-size: 22px;
        padding-left: 45px;
        position: relative; }
        #user_profile #right_column #user_profile_rates h3 span {
          margin-left: 10px; }
        #user_profile #right_column #user_profile_rates h3::before {
          content: url(../images/icons/karma.svg);
          position: absolute;
          left: 0;
          top: -9px; }
      #user_profile #right_column #user_profile_rates .no-logs {
        color: #ACACAC;
        margin-top: 30px; }
      #user_profile #right_column #user_profile_rates .karma {
        position: absolute;
        display: flex;
        top: 55px;
        right: 0px;
        color: #979797;
        font-weight: 300;
        line-height: 20px; }
        #user_profile #right_column #user_profile_rates .karma a {
          display: block;
          width: 20px;
          height: 20px;
          margin-left: 10px; }
          #user_profile #right_column #user_profile_rates .karma a.thumb_up {
            background: url(../images/icons/karma_up_active.svg) center no-repeat; }
          #user_profile #right_column #user_profile_rates .karma a.thumb_down {
            background: url(../images/icons/karma_down.svg) center no-repeat; }
      #user_profile #right_column #user_profile_rates .info .value {
        width: 20px;
        height: 20px;
        float: right; }
        #user_profile #right_column #user_profile_rates .info .value.positive {
          background: url(../images/icons/karma_up_active.svg) center no-repeat; }
        #user_profile #right_column #user_profile_rates .info .value.negative {
          background: url(../images/icons/karma_down.svg) center no-repeat; }
  #user_profile .hidden_profile_text {
    margin: 30px 0;
    color: #ACACAC;
    font-weight: 300; }
  #user_profile .block .details li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px; }
    #user_profile .block .details li a {
      color: #202124; }
  #user_profile .block .block-title {
    margin-bottom: 6px;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 20px;
    position: relative; }
    #user_profile .block .block-title a {
      text-decoration: none;
      color: #202124; }
  #user_profile .block .content_counts a, #user_profile .block .tabs-menu a {
    text-decoration: none;
    display: block;
    overflow: hidden;
    font-weight: 300;
    line-height: 19px;
    height: 40px;
    padding: 10px 0;
    box-sizing: border-box;
    color: #202124; }
    #user_profile .block .content_counts a:hover, #user_profile .block .tabs-menu a:hover {
      text-decoration: underline; }
    #user_profile .block .content_counts a .counter, #user_profile .block .tabs-menu a .counter {
      display: block;
      overflow: hidden;
      color: #e84323;
      float: right;
      padding: 0 10px; }
  #user_profile .friends-list {
    overflow: hidden; }
    #user_profile .friends-list a {
      text-decoration: none;
      display: block;
      float: left;
      overflow: hidden;
      margin: 0 20px 20px 0; }
      #user_profile .friends-list a:hover {
        opacity: 0.75; }
    #user_profile .friends-list .img-thumbnail {
      display: block;
      float: left;
      border-radius: 20px; }

#user_profile_tabs {
  margin: 20px 0;
  padding-bottom: 30px; }
  #user_profile_tabs .tabbed {
    display: flex; }
    #user_profile_tabs .tabbed li {
      padding: 15px 30px;
      border-bottom: solid 1px #EDEDED; }
      #user_profile_tabs .tabbed li a {
        text-decoration: none;
        font-size: 16px;
        line-height: 19px;
        font-weight: 300;
        color: #202124; }
        #user_profile_tabs .tabbed li a:hover {
          color: #e84323; }
      #user_profile_tabs .tabbed li.active {
        border-bottom: none;
        border-top: solid 1px #EDEDED;
        border-left: solid 1px #EDEDED;
        border-right: solid 1px #EDEDED; }
        #user_profile_tabs .tabbed li.active a {
          color: #e84323; }

#user_content_folders,
#moderation_content_pills {
  margin: 20px 0;
  border-bottom: solid 1px #F6F6F6;
  padding-bottom: 30px; }

#user_profile_title .name a {
  text-decoration: none; }

.message_info_in_page {
  font-weight: 300;
  font-size: 20px;
  line-height: 32px;
  text-align: left;
  margin-bottom: 60px; }

.data_list {
  border: 0;
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 60px;
  width: 100%; }
  .data_list .actions {
    background: none;
    border: none;
    padding-left: 15px; }
    .data_list .actions a {
      text-decoration: none;
      color: #ACACAC;
      position: relative;
      padding-left: 25px; }
      .data_list .actions a:before {
        content: url(../images/icons/del.svg);
        position: absolute;
        top: 1px;
        left: 0; }
  .data_list th {
    background: #F6F6F6;
    padding: 5px 30px; }
  .data_list td {
    font-weight: 300;
    padding: 10px 25px;
    border-left: solid 1px #EDEDED;
    border-right: solid 1px #EDEDED; }
  .data_list a {
    color: #e84323; }

ul.pills-menu-small {
  display: flex; }
  ul.pills-menu-small li {
    margin-right: 25px;
    font-size: 14px;
    line-height: 24px;
    color: #ACACAC; }
    ul.pills-menu-small li a {
      text-decoration: none;
      color: #ACACAC; }
      ul.pills-menu-small li a:hover {
        color: #e84323; }
    ul.pills-menu-small li.active {
      color: #e84323; }
      ul.pills-menu-small li.active a {
        color: #e84323; }

.users-filter .filter-link {
  text-align: right;
  margin-bottom: 15px; }
  .users-filter .filter-link a {
    color: #e84323; }
.users-filter .filter-container {
  border-top: solid 1px #F6F6F6;
  padding-top: 10px; }
  .users-filter .filter-container .filter-close {
    text-align: right; }
    .users-filter .filter-container .filter-close a {
      color: #e84323; }
  .users-filter .filter-container .fields {
    display: flex; }
    .users-filter .filter-container .fields > div {
      margin: 20px 20px 0 0; }
      .users-filter .filter-container .fields > div:last-of-type {
        margin-right: 0; }
    .users-filter .filter-container .fields .f_city {
      margin-right: 40px; }
      .users-filter .filter-container .fields .f_city .city-input {
        min-width: 220px;
        padding: 10px 15px;
        display: inline-block; }
        .users-filter .filter-container .fields .f_city .city-input .city-name {
          max-width: 100px;
          overflow: hidden;
          white-space: nowrap;
          display: inline-block; }
        .users-filter .filter-container .fields .f_city .city-input .ajax-modal {
          margin-left: 0; }
        .users-filter .filter-container .fields .f_city .city-input .city_clear_link {
          right: -25px; }
    .users-filter .filter-container .fields .f_birth_date .value {
      display: flex; }
      .users-filter .filter-container .fields .f_birth_date .value input {
        padding: 0 15px;
        min-width: 60px; }
        .users-filter .filter-container .fields .f_birth_date .value input:first-of-type {
          margin-right: 10px; }
    .users-filter .filter-container .fields input {
      padding: 0 15px;
      width: 100%; }
  .users-filter .filter-container .buttons {
    margin: 30px 0 0;
    display: flex; }
    .users-filter .filter-container .buttons .link {
      margin: 14px 15px 0 0; }
      .users-filter .filter-container .buttons .link:last-of-type {
        display: none; }

/* ========================================================================== */
#user_content_pills {
  margin-bottom: 20px; }

#user_content_folders {
  margin-bottom: 20px; }

/* ========================================================================== */
#users_karma_log_list .date {
  color: #CCCCCC;
  padding-left: 5px;
  font-size: 12px; }

#users_karma_log_list .comment {
  margin-top: 4px;
  line-height: 18px; }

#users_karma_log_list .value {
  float: right;
  margin-right: 0;
  border-radius: 4px;
  padding: 3px; }

#users_karma_log_list .value span {
  width: 16px;
  height: 16px;
  display: block;
  text-indent: -10000px;
  font-weight: bold;
  background: url("../../images/icons/vote_thumbs.png") no-repeat left center; }

#users_karma_log_list .positive {
  border: solid 1px green; }

#users_karma_log_list .positive span {
  background-position: 0 0; }

#users_karma_log_list .negative {
  border: solid 1px red; }

#users_karma_log_list .negative span {
  background-position: -16px 0; }

#groups_invite_window {
  padding: 20px; }

#groups_invite_window h3 {
  margin: 0; }

#groups_invite_window .list {
  margin: 10px 0; }

#groups_invite_window .list select {
  width: 300px; }

.buttons_delete_profile {
  float: right;
  margin-top: 20px; }

input.button.delete_profile {
  background: #e84323;
  color: #ffffff; }

.user-rating {
  background: #F6F6F6;
  border-radius: 100px;
  font-size: 14px;
  line-height: 18px;
  padding: 10px 20px;
  margin-top: 20px;
  display: inline-block;
  box-sizing: border-box;
  min-width: 180px;
  text-align: center; }
  .user-rating span {
    display: inline-block; }
    .user-rating span.rating-value {
      position: relative;
      padding-left: 22px;
      margin-left: 10px; }
      .user-rating span.rating-value::before {
        content: url(../images/icons/star.svg);
        position: absolute;
        top: -1px;
        left: 0; }

.last_online {
  padding-left: 18px;
  margin-left: 5px; }
  .last_online::before {
    content: url(../images/icons/clock.svg);
    position: absolute;
    top: 0;
    left: 0; }

.is_online {
  padding-left: 15px; }
  .is_online::before {
    content: "";
    background: #11BF5A;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    position: absolute;
    top: 5px;
    left: 6px; }

/* ================================================================== */
/* registration ================================================================== */
#registration {
  max-width: 600px;
  margin: 30px auto 0;
  /*
  &::before{
  	content: url(../images/registration.svg);
  	display: block;
  	text-align: center;
  }
  */ }
  #registration h1 {
    text-align: center;
    font-size: 32px;
    line-height: 42px; }
  #registration .buttons {
    text-align: center; }
    #registration .buttons .btn {
      margin-right: 0 !important; }

#pass_recovery {
  text-align: center;
  max-width: 600px;
  margin: 30px auto 0;
  /*
  &::before{
  	
  	content: url(../images/recovery_pass.svg);
  	display: block;
  	
  }
  */ }
  #pass_recovery h1 {
    font-size: 32px;
    line-height: 42px;
    margin: 0 0 10px; }
  #pass_recovery p {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    margin: 0; }
  #pass_recovery label {
    text-align: left; }

#reg_verify {
  max-width: 600px;
  margin: 30px auto;
  text-align: center;
  /*
  &::before{
  	
  	content: url(../images/recovery_pass.svg);
  	display: block;
  	
  }
  */ }
  #reg_verify #reg_resubmit_timer {
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    color: #ACACAC; }
    #reg_verify #reg_resubmit_timer strong {
      font-weight: normal;
      color: #e84323;
      margin-left: 5px; }
  #reg_verify .field {
    text-align: left; }
  #reg_verify .error_text {
    color: #F63F17; }
  #reg_verify #reg_resubmit {
    color: #e84323;
    margin-right: 10px; }
  #reg_verify .message_info {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px; }
  #reg_verify h1 {
    font-size: 32px;
    line-height: 42px; }

/* ================================================================== */
/* buttons ================================================================== */
button {
  background: none;
  -webkit-appearance: none; }

.btn {
  border: 2px solid #e84323;
  text-decoration: none;
  font-weight: bold;
  color: #e84323;
  display: inline-block;
  box-sizing: border-box;
  transition: 0.5s;
  cursor: pointer;
  outline: none;
  background: none; }
  .btn:disabled {
    color: #e0e0e0 !important;
    border-color: #cccccc !important; }
    .btn:disabled:hover {
      color: #e0e0e0 !important; }
  .btn.big {
    font-size: 16px;
    line-height: 19px;
    border-radius: 100px;
    padding: 20px 50px; }
  .btn.medium {
    font-size: 16px;
    line-height: 19px;
    border-radius: 25px;
    padding: 15px 30px; }
  .btn.small {
    font-size: 14px;
    line-height: 17px;
    border-radius: 25px;
    padding: 10px 25px; }
  .btn.reverse {
    background-color: #e84323;
    color: #ffffff; }
  .btn:hover {
    background-color: #e84323;
    color: #ffffff; }
    .btn:hover a {
      color: #ffffff; }
  .btn a {
    color: #e84323;
    text-decoration: none; }

/* ================================================================== */
/* paging ================================================================== */
.pagebar {
  padding: 30px 0;
  border-bottom: solid 1px #F6F6F6;
  border-top: solid 1px #F6F6F6; }
  .pagebar .pagebar_notice {
    display: inline-block;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    color: #D3D3D3;
    margin-left: 15px; }
  .pagebar .pagebar_pages {
    margin: 0 15px; }
    .pagebar .pagebar_pages a {
      color: #ACACAC;
      text-decoration: none;
      background-color: #F6F6F6;
      padding: 11px 17px;
      margin: 0 4px;
      transition: 0.5s; }
      .pagebar .pagebar_pages a:hover {
        color: #ffffff;
        background-color: #e84323; }
    .pagebar .pagebar_pages .pagebar_current {
      padding: 11px 17px;
      color: #ffffff;
      background-color: #e84323;
      margin: 0 4px; }
    .pagebar .pagebar_pages .pagebar_page_last {
      text-decoration: overline;
      background: none;
      font-weight: 300;
      font-size: 14px;
      line-height: 24px; }
  .pagebar .pagebar_nav {
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    color: #D3D3D3; }
    .pagebar .pagebar_nav .next {
      position: relative;
      padding-right: 15px; }
    .pagebar .pagebar_nav .prev {
      position: relative;
      padding-left: 15px; }
    .pagebar .pagebar_nav a {
      color: #e84323;
      margin: 0 15px; }
      .pagebar .pagebar_nav a.next::after {
        content: url(../images/icons/color_arrow_right.svg);
        position: absolute;
        top: -1px;
        right: 0; }
      .pagebar .pagebar_nav a.prev::after {
        content: url(../images/icons/color_arrow_left.svg);
        position: absolute;
        top: -1px;
        left: 0; }
    .pagebar .pagebar_nav span.next::after {
      content: url(../images/icons/gray_arrow_right.svg);
      position: absolute;
      top: -2px;
      right: 0; }
    .pagebar .pagebar_nav span.prev::after {
      content: url(../images/icons/gray_arrow_left.svg);
      position: absolute;
      top: -2px;
      left: 0; }

/* ================================================================== */
/* Forms and Inputs ========================================================= */
.flex-content #controller_wrap > form {
  padding-right: 10%; }

form input[type="submit"], form input[type="button"] {
  background-color: #ffffff; }
  form input[type="submit"]:hover, form input[type="button"]:hover {
    background-color: #e84323; }
form .hint {
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
  color: #ACACAC;
  margin-top: 5px; }
form .buttons {
  margin: 80px 0 50px; }
  form .buttons .medium {
    margin-right: 30px;
    margin-bottom: 30px; }
form .field {
  margin-top: 30px; }
  form .field:last-child {
    margin-bottom: 0; }
  form .field label {
    display: block;
    padding-bottom: 10px;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    font-family: 'Museo Sans Cyrl 900'; }
form fieldset legend {
  font-weight: bold;
  font-size: 28px;
  line-height: 36px;
  padding-top: 40px; }
  form fieldset legend + .field {
    margin-top: 20px; }
form .label {
  padding: 5px 0; }
form .field_error .error_text {
  font-size: 12px;
  color: #F63F17;
  float: right; }
form #f_slug.field_error .error_text {
  float: none; }
form .input, form select {
  line-height: normal;
  border: 1px solid #e84323;
  box-sizing: border-box;
  border-radius: 6px;
  height: 45px;
  width: 100%;
  background: #F6F6F6;
  border: 1px solid #EDEDED;
  font-weight: 300;
  font-size: 14px;
  padding: 0px 25px;
  font-family: 'Museo Sans Cyrl'; }
  form .input:focus, form select:focus {
    background: none;
    border: 1px solid #e84323 !important;
    outline: none; }
form .ft_image .upload, form .ft_images .upload {
  height: 44px;
  width: 177px;
  box-sizing: border-box;
  border-radius: 6px;
  border: solid 1px #e84323;
  padding: 15px 20px; }
  form .ft_image .upload .qq-uploader, form .ft_images .upload .qq-uploader {
    padding-left: 20px;
    position: relative; }
    form .ft_image .upload .qq-uploader::before, form .ft_images .upload .qq-uploader::before {
      content: url(../images/icons/upload_clip.svg);
      margin-right: 5px;
      position: absolute;
      left: 0;
      top: -3px; }
    form .ft_image .upload .qq-uploader .qq-upload-button, form .ft_images .upload .qq-uploader .qq-upload-button {
      font-weight: 300;
      font-size: 12px;
      line-height: 14px;
      color: #e84323;
      border-bottom: 1px dashed #e84323; }
form .ft_image .preview, form .ft_images .preview {
  width: 84px;
  height: 58px;
  margin-right: 15px;
  position: relative; }
  form .ft_image .preview img, form .ft_images .preview img {
    object-fit: cover;
    border-radius: 5px;
    height: 100%;
    width: 100%; }
  form .ft_image .preview a::after, form .ft_images .preview a::after {
    content: "";
    background: #e84323 url(../images/icons/del_img.svg) center no-repeat;
    width: 22px;
    height: 22px;
    position: absolute;
    border-radius: 11px;
    top: -10px;
    right: -10px; }
form .widget_image_multi .previews_list {
  display: flex; }
  form .widget_image_multi .previews_list .preview {
    margin: 5px 8px 15px; }
form .widget_image_single .preview {
  margin-top: 5px; }
form textarea {
  width: 100%;
  height: 120px;
  border-radius: 6px;
  background-color: #F6F6F6;
  border: solid 1px #EDEDED;
  padding: 15px;
  box-sizing: border-box;
  font-weight: 300;
  font-size: 14px;
  font-family: 'Museo Sans Cyrl'; }
form select, form select option {
  font-family: 'Museo Sans Cyrl';
  font-weight: 300; }
form .city-input {
  border: solid 1px #ACACAC;
  border-radius: 6px;
  padding: 10px 25px;
  height: 45px;
  box-sizing: border-box;
  vertical-align: middle;
  font-size: 14px;
  position: relative;
  display: inline-block; }
  form .city-input .city_clear_link {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/icons/del.svg) 3px 1px no-repeat;
    position: absolute;
    right: -30px;
    top: 12px; }
  form .city-input .ajax-modal {
    text-decoration: none;
    padding-left: 25px;
    font-weight: 300;
    color: #ACACAC;
    background: url(../images/icons/search.svg) 0 2px no-repeat;
    margin-left: 20px;
    float: right; }
form .ft_radio > label {
  padding-bottom: 12px !important; }
form .ft_radio .input_radio_list label {
  cursor: pointer;
  position: relative; }
  form .ft_radio .input_radio_list label input + span {
    font-size: 14px;
    line-height: 22px;
    text-transform: none;
    font-family: 'Museo Sans Cyrl';
    text-transform: none;
    padding-left: 35px; }
    form .ft_radio .input_radio_list label input + span span {
      font-weight: 300;
      font-size: 16px;
      line-height: 19px;
      float: right;
      color: #ACACAC; }
    form .ft_radio .input_radio_list label input + span:before {
      width: 20px;
      height: 20px;
      content: " ";
      position: absolute;
      background: #ffffff;
      vertical-align: middle;
      box-sizing: border-box;
      left: 0;
      top: 0;
      border: solid 1px #ACACAC;
      border-radius: 10px; }
  form .ft_radio .input_radio_list label input {
    visibility: hidden;
    position: absolute; }
    form .ft_radio .input_radio_list label input:checked + span::after {
      width: 12px;
      height: 12px;
      content: " ";
      position: absolute;
      background: #e84323;
      vertical-align: middle;
      box-sizing: border-box;
      left: 4px;
      top: 4px;
      border-radius: 7px; }
    form .ft_radio .input_radio_list label input:checked + span::before {
      border: solid 1px #e84323; }
    form .ft_radio .input_radio_list label input:disabled + span {
      color: #ACACAC; }
      form .ft_radio .input_radio_list label input:disabled + span::after {
        display: none; }
      form .ft_radio .input_radio_list label input:disabled + span::before {
        border: solid 1px #D3D3D3;
        background: #F6F6F6; }
form .ft_age input,
form .ft_date input,
form .ft_date select,
form .ft_iformsdatetime input {
  height: 45px;
  border: solid 1px #ACACAC;
  border-radius: 6px;
  padding: 0 25px;
  font-size: 14px; }
  form .ft_age input:focus,
  form .ft_date input:focus,
  form .ft_date select:focus,
  form .ft_iformsdatetime input:focus {
    background: none;
    border: 1px solid #e84323 !important;
    outline: none; }
form .ft_date a {
  color: #ACACAC;
  font-size: 14px;
  font-weight: 300; }
form .ft_parent a {
  color: #202124;
  text-decoration: none;
  position: relative;
  padding-left: 20px; }
  form .ft_parent a::before {
    content: url("../images/icons/parent_plus.svg");
    position: absolute;
    left: 0;
    top: 0; }
form .symbols_count {
  font-size: 14px;
  font-weight: 300; }
  form .symbols_count .symbols_num {
    color: #e84323;
    margin-right: 5px; }
form .ft_hidden {
  margin: 0 !important;
  padding: 0 !important;
  display: none !important; }

.ft_checkbox label, .ft_iformscheckbox label, .ft_absent label, .input_checkbox_list label {
  cursor: pointer;
  position: relative; }
  .ft_checkbox label input + span, .ft_iformscheckbox label input + span, .ft_absent label input + span, .input_checkbox_list label input + span {
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
    font-family: 'Museo Sans Cyrl';
    text-transform: none;
    padding-left: 27px; }
    .ft_checkbox label input + span:before, .ft_iformscheckbox label input + span:before, .ft_absent label input + span:before, .input_checkbox_list label input + span:before {
      width: 17px;
      height: 17px;
      content: " ";
      position: absolute;
      background: #ffffff;
      vertical-align: middle;
      box-sizing: border-box;
      left: 0;
      top: 1px;
      border: solid 1px #ACACAC;
      border-radius: 2px; }
  .ft_checkbox label input, .ft_iformscheckbox label input, .ft_absent label input, .input_checkbox_list label input {
    visibility: hidden;
    position: absolute; }
    .ft_checkbox label input:checked + span::before, .ft_iformscheckbox label input:checked + span::before, .ft_absent label input:checked + span::before, .input_checkbox_list label input:checked + span::before {
      content: url("../images/icons/checkbox.svg");
      border: none; }

.ft_telephone a {
  text-decoration: none; }

.qq-upload-drop-area {
  position: absolute;
  top: -16px;
  left: -21px;
  width: 177px;
  height: 100%;
  min-height: 45px;
  z-index: 2;
  background: #2ecc71;
  text-align: center;
  color: #FFF;
  display: block; }
  .qq-upload-drop-area span {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -8px;
    font-size: 14px; }

.upload .qq-upload-drop-area span {
  top: 12px;
  font-size: 12px;
  line-height: 18px; }

.qq-upload-drop-area-active {
  background: #3498db; }

.qq-upload-list {
  margin: 15px 0 0 0;
  padding: 0; }

.qq-upload-list li {
  margin: 10px 0 0 0;
  padding: 0;
  line-height: 15px;
  font-size: 13px;
  list-style: none; }

.qq-upload-file,
.qq-upload-spinner,
.qq-upload-size,
.qq-upload-cancel,
.qq-upload-failed-text {
  margin-right: 7px; }

.qq-upload-list:empty {
  display: none; }

.qq-upload-size,
.qq-upload-cancel {
  font-size: 11px; }

.qq-upload-failed-text {
  display: none; }

.qq-upload-fail .qq-upload-failed-text {
  display: inline; }

.style-svg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  vertical-align: middle;
  transition: fill 0.3s ease; }

.iforms_basic {
  margin-right: 5%; }
  .iforms_basic p, .iforms_basic .row-in {
    font-weight: 300; }
  .iforms_basic h2 {
    font-size: 30px;
    line-height: 36px; }
  .iforms_basic .recaptcha_wrap {
    margin-top: 30px; }

input, textarea, select {
  -webkit-appearance: none; }

.reguired_field label::after {
  content: '*';
  color: #f00;
  margin-left: 3px; }

#content_bind_form {
  box-sizing: border-box; }
  #content_bind_form #item-find-field {
    width: 35%;
    height: 50px;
    border-right: solid 1px #EDEDED;
    border-top: none;
    border-bottom: none;
    border-left: none;
    padding: 10px 20px;
    box-sizing: border-box;
    color: #979797;
    font-size: 12px;
    -webkit-appearance: listbox; }
  #content_bind_form #item-find-input {
    width: 65%;
    border-left: none;
    min-width: 300px;
    height: 50px;
    border: none;
    padding: 20px;
    box-sizing: border-box;
    color: #979797;
    font-size: 12px; }
  #content_bind_form .find {
    overflow: hidden;
    margin: 0; }
    #content_bind_form .find .field {
      display: flex;
      border-bottom: solid 1px #EDEDED; }
  #content_bind_form .pills-menu {
    display: flex;
    margin-left: 20px; }
    #content_bind_form .pills-menu li a {
      text-decoration: none;
      color: #ACACAC; }
    #content_bind_form .pills-menu li.active a {
      color: #202124; }
  #content_bind_form .filter-tabs {
    margin-top: 10px; }
    #content_bind_form .filter-tabs ul {
      margin-bottom: 10px; }
      #content_bind_form .filter-tabs ul li {
        font-size: 12px;
        padding: 4px 6px;
        height: 16px;
        line-height: 16px;
        margin-right: 2px; }
  #content_bind_form .result-pane {
    height: 180px;
    padding: 2px;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative; }
  #content_bind_form .spinner {
    display: none; }
  #content_bind_form .spinner.show {
    display: block; }
  #content_bind_form .spinner.show + .result-pane {
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -ms-filter: blur(1px);
    -o-filter: blur(1px);
    filter: blur(1px); }
  #content_bind_form .result-pane ul,
  #content_bind_form .result-pane ul li {
    list-style: none;
    margin: 0;
    padding: 0; }
  #content_bind_form .result-pane ul li {
    padding: 20px;
    border-bottom: solid 1px #EDEDED;
    position: relative; }
    #content_bind_form .result-pane ul li::last-child {
      border-bottom: none; }
    #content_bind_form .result-pane ul li .title {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 4px; }
      #content_bind_form .result-pane ul li .title a {
        color: #202124; }
    #content_bind_form .result-pane ul li .details {
      font-size: 11px;
      color: #ACACAC; }
      #content_bind_form .result-pane ul li .details .user {
        margin-right: 4px;
        display: inline-block;
        height: 16px;
        line-height: 16px; }
      #content_bind_form .result-pane ul li .details a {
        color: #202124; }
    #content_bind_form .result-pane ul li .add {
      position: absolute;
      right: 10px;
      top: 20px; }
      #content_bind_form .result-pane ul li .add input {
        background: #e84323;
        border: none;
        color: #ffffff;
        border-radius: 3px; }
  #content_bind_form .buttons {
    margin: 20px;
    visibility: hidden; }
    #content_bind_form .buttons input {
      background: #e84323;
      border: none;
      color: #ffffff;
      border-radius: 3px;
      padding: 5px; }

/* messages ========================================================= */
.sess_messages {
  margin-top: 30px;
  color: #202124;
  text-align: center; }
  .sess_messages div {
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 5px; }
  .sess_messages .message_success, .sess_messages .message_info {
    background-color: RGBA(96, 164, 101, 0.6);
    color: #ffffff; }
    .sess_messages .message_success a, .sess_messages .message_info a {
      color: #ffffff; }
  .sess_messages .message_error {
    background-color: #f8c3b9;
    color: #ffffff; }

.ui_message {
  padding: 15px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border-color: #e84323;
  border-width: 1px;
  border-style: solid;
  border-left-width: 10px;
  color: #202124; }

.ui_message.ui_warning {
  background-color: #FDE3A7;
  border-color: #f39c12; }

.ui_message.ui_error {
  background-color: #F1A9A0;
  border-color: #e74c3c; }

#alert_wrap {
  box-sizing: border-box;
  overflow: hidden;
  width: 320px; }

#alert_wrap .ui_message {
  margin-bottom: 0; }

#rating_info_window {
  padding: 20px; }

.rating_info_list .item {
  padding: 6px 0;
  margin: 2px 0;
  border-bottom: dashed 1px #EDEDED;
  min-width: 250px;
  overflow: hidden; }
  .rating_info_list .item:last-child {
    border: none; }
  .rating_info_list .item .score {
    display: inline-block;
    float: left;
    border-radius: 4px;
    color: #ffffff;
    min-width: 25px;
    text-align: center;
    margin-right: 10px; }
    .rating_info_list .item .score.positive {
      background-color: #60A465; }
    .rating_info_list .item .score.negative {
      background-color: #e84323; }
  .rating_info_list .item a {
    text-decoration: none;
    color: #e84323; }
.rating_info_list.loading-panel {
  background-color: #EDEDED;
  background-position: center center;
  border-radius: 5px; }
  .rating_info_list.loading-panel .item {
    visibility: hidden; }

/* ========================================================= */
/* icons =============================================================== */
.menu .profile .item::before {
  content: url("../images/icons/profile.svg"); }
.menu .add .item::before {
  content: url("../images/icons/add.svg"); }
.menu .cpanel .item::before {
  content: url("../images/icons/cpanel.svg"); }
.menu .draft .item::before {
  content: url("../images/icons/draft_menu.svg"); }
.menu .onchecklist .item::before,
.menu .checklist .item::before {
  content: url("../images/icons/moderator.svg"); }

.dropdown-item::before {
  content: url("../images/icons/logout.svg"); }

.widget_user_avatar .messages a {
  background: url("../images/icons/messages.svg") left center no-repeat; }
.widget_user_avatar .notices-counter a {
  background: url("../images/icons/notice.svg") left center no-repeat; }
.widget_user_avatar .card-info a {
  background: url("../images/icons/card.svg") left top no-repeat; }
.widget_user_avatar .card-info.active a {
  background: url("../images/icons/card_active.svg") left top no-repeat; }

.tool-menu .add .item {
  background: url("../images/icons/pencil.svg") 0px 1px no-repeat; }
.tool-menu .folder_add .item {
  background: url("../images/icons/tag.svg") 4px 5px no-repeat; }
.tool-menu .page_gear .item {
  background: url("../images/icons/gear.svg") 5px 3px no-repeat; }
.tool-menu .edit .item {
  background: url("../images/icons/edit.svg") 3px -1px no-repeat; }
.tool-menu .delete .item {
  background: url("../images/icons/del.svg") 5px 3px no-repeat; }
.tool-menu .basket_put .item {
  background: url("../images/icons/bin.svg") 7px 1px no-repeat; }
.tool-menu .save .item {
  background: url("../images/icons/save.svg") 2px -3px no-repeat;
  background-size: contain; }
.tool-menu .save_draft .item {
  background: url("../images/icons/draft.svg") 5px -1px no-repeat;
  background-size: contain; }
.tool-menu .cancel .item {
  background: url("../images/icons/del.svg") 5px 3px no-repeat; }
.tool-menu .return .item {
  background: url("../images/icons/return.svg") 5px 2px no-repeat; }

.list_actions.menu a::before {
  position: absolute;
  top: 0;
  left: 0; }
.list_actions.menu .accept::before {
  content: url("../images/icons/approve.svg"); }
.list_actions.menu .return_for_revision::before {
  content: url("../images/icons/return.svg"); }
.list_actions.menu .delete::before {
  content: url("../images/icons/del.svg"); }
.list_actions.menu .edit::before {
  content: url("../images/icons/edit.svg"); }

.help-1 {
  background: url("../images/help-icons/1.svg") no-repeat; }

.help-2 {
  background: url("../images/help-icons/2.svg") no-repeat; }

.help-3 {
  background: url("../images/help-icons/3.svg") no-repeat; }

.help-4 {
  background: url("../images/help-icons/4.svg") no-repeat; }

.help-5 {
  background: url("../images/help-icons/5.svg") no-repeat; }

.help-6 {
  background: url("../images/help-icons/6.svg") no-repeat; }

.help-7 {
  background: url("../images/help-icons/7.svg") no-repeat; }

.help-8 {
  background: url("../images/help-icons/8.svg") no-repeat; }

.help-9 {
  background: url("../images/help-icons/9.svg") no-repeat; }

/* =============================================================== */
.item-avatar img, .avatar img {
  border-radius: 20px; }

/* comments =============================================================== */
#comments_widget, #user_profile_rates {
  margin: 60px 0 0 0;
  position: relative; }
  #comments_widget .bad, #user_profile_rates .bad {
    transition: all 0.5s ease; }
    #comments_widget .bad:hover, #user_profile_rates .bad:hover {
      opacity: 1; }
  #comments_widget .track, #user_profile_rates .track {
    font-size: 12px;
    color: #999;
    text-align: right;
    position: absolute;
    right: 45px;
    top: 2px; }
    #comments_widget .track label, #comments_widget .track label span, #user_profile_rates .track label, #user_profile_rates .track label span {
      display: block; }
    #comments_widget .track + #comments_refresh_panel + #comments_list, #user_profile_rates .track + #comments_refresh_panel + #comments_list {
      margin: -15px 0 0 0; }
  #comments_widget #comments_add_link, #user_profile_rates #comments_add_link {
    margin: 30px 0 15px 55px;
    clear: both;
    padding-left: 20px;
    background: url("../images/icons/comment.svg") no-repeat left center; }
    #comments_widget #comments_add_link:first-child, #user_profile_rates #comments_add_link:first-child {
      margin-top: 15px; }
    #comments_widget #comments_add_link a, #user_profile_rates #comments_add_link a {
      font-weight: 300;
      font-size: 14px;
      line-height: 17px;
      color: #ACACAC;
      text-decoration: none; }
    #comments_widget #comments_add_link + #comments_add_form, #user_profile_rates #comments_add_link + #comments_add_form {
      margin: 30px 20px 0 0; }
  #comments_widget #comments_add_form, #user_profile_rates #comments_add_form {
    display: none;
    margin: 30px 0;
    clear: both; }
    #comments_widget #comments_add_form textarea, #user_profile_rates #comments_add_form textarea {
      height: 100px;
      margin-bottom: 4px;
      background: #F6F6F6;
      border-radius: 6px;
      width: 100%;
      height: 120px;
      outline: none;
      border: 1px solid #EDEDED;
      padding: 15px;
      box-sizing: border-box; }
    #comments_widget #comments_add_form .buttons, #user_profile_rates #comments_add_form .buttons {
      margin: 20px 0 30px; }
      #comments_widget #comments_add_form .buttons .btn, #user_profile_rates #comments_add_form .buttons .btn {
        margin-right: 15px; }
    #comments_widget #comments_add_form .loading, #user_profile_rates #comments_add_form .loading {
      display: none; }
    #comments_widget #comments_add_form .author_data, #user_profile_rates #comments_add_form .author_data {
      margin-bottom: 8px; }
      #comments_widget #comments_add_form .author_data .field, #user_profile_rates #comments_add_form .author_data .field {
        overflow: hidden; }
        #comments_widget #comments_add_form .author_data .field label, #user_profile_rates #comments_add_form .author_data .field label {
          float: left;
          width: 140px;
          height: 20px;
          line-height: 20px; }
        #comments_widget #comments_add_form .author_data .field .input, #user_profile_rates #comments_add_form .author_data .field .input {
          width: 99%;
          max-width: 200px;
          min-width: 50px; }
  #comments_widget #comments_refresh_panel, #user_profile_rates #comments_refresh_panel {
    display: block;
    width: 60px;
    height: 60px;
    position: fixed;
    z-index: 100;
    right: 0px;
    top: 45%;
    background: url("../images/reload_comments.svg") no-repeat center center;
    opacity: 0.7; }
    #comments_widget #comments_refresh_panel a, #user_profile_rates #comments_refresh_panel a {
      display: block;
      width: 60px;
      height: 60px;
      background: url("../images/reload_comments.svg") no-repeat center center; }
      #comments_widget #comments_refresh_panel a:hover, #user_profile_rates #comments_refresh_panel a:hover {
        background-color: #F6F6F6; }
      #comments_widget #comments_refresh_panel a .no_approved, #user_profile_rates #comments_refresh_panel a .no_approved {
        display: none; }
  #comments_widget #comments_list, #user_profile_rates #comments_list {
    margin-right: 20px;
    max-width: 900px; }
    #comments_widget #comments_list .no_comments, #user_profile_rates #comments_list .no_comments {
      font-size: 26px;
      line-height: 35px;
      font-weight: bold;
      margin: 30px 0;
      border-bottom: solid 4px #e84323;
      display: inline-block; }
    #comments_widget #comments_list .login_to_comment, #user_profile_rates #comments_list .login_to_comment {
      font-weight: 300;
      font-size: 14px;
      line-height: 20px;
      color: #ACACAC;
      margin: 30px 0; }
      #comments_widget #comments_list .login_to_comment a, #user_profile_rates #comments_list .login_to_comment a {
        color: #e84323; }
    #comments_widget #comments_list .comment, #user_profile_rates #comments_list .comment {
      overflow: hidden;
      border-radius: 2px;
      padding: 20px 0;
      font-size: 14px;
      line-height: 22px;
      border-bottom: solid 1px #F6F6F6; }
      #comments_widget #comments_list .comment.level-1, #user_profile_rates #comments_list .comment.level-1 {
        margin-left: 55px; }
      #comments_widget #comments_list .comment.level-2, #user_profile_rates #comments_list .comment.level-2 {
        margin-left: 110px; }
      #comments_widget #comments_list .comment.level-3, #user_profile_rates #comments_list .comment.level-3 {
        margin-left: 165px; }
      #comments_widget #comments_list .comment.level-4, #user_profile_rates #comments_list .comment.level-4 {
        margin-left: 220px; }
      #comments_widget #comments_list .comment.level-5, #comments_widget #comments_list .comment.level-6, #comments_widget #comments_list .comment.level-7, #comments_widget #comments_list .comment.level-8, #comments_widget #comments_list .comment.level-9, #comments_widget #comments_list .comment.level-10, #user_profile_rates #comments_list .comment.level-5, #user_profile_rates #comments_list .comment.level-6, #user_profile_rates #comments_list .comment.level-7, #user_profile_rates #comments_list .comment.level-8, #user_profile_rates #comments_list .comment.level-9, #user_profile_rates #comments_list .comment.level-10 {
        margin-left: 275px; }
      #comments_widget #comments_list .comment:first-child, #user_profile_rates #comments_list .comment:first-child {
        margin-top: 0; }
      #comments_widget #comments_list .comment:last-child, #user_profile_rates #comments_list .comment:last-child {
        margin-bottom: 0; }
      #comments_widget #comments_list .comment.selected-comment:first-child, #user_profile_rates #comments_list .comment.selected-comment:first-child {
        margin-top: 13px; }
      #comments_widget #comments_list .comment .info, #comments_widget #comments_list .comment .body, #user_profile_rates #comments_list .comment .info, #user_profile_rates #comments_list .comment .body {
        overflow: hidden;
        clear: both; }
      #comments_widget #comments_list .comment .info, #user_profile_rates #comments_list .comment .info {
        margin-bottom: 6px; }
        #comments_widget #comments_list .comment .info > div, #user_profile_rates #comments_list .comment .info > div {
          float: left;
          margin-right: 10px;
          color: #ACACAC;
          font-weight: 300; }
        #comments_widget #comments_list .comment .info .rating .positive, #comments_widget #comments_list .comment .info .rating .negative, #user_profile_rates #comments_list .comment .info .rating .positive, #user_profile_rates #comments_list .comment .info .rating .negative {
          margin-right: 10px; }
        #comments_widget #comments_list .comment .info .rating .buttons, #user_profile_rates #comments_list .comment .info .rating .buttons {
          float: right;
          padding-top: 2px; }
        #comments_widget #comments_list .comment .info .rating a, #user_profile_rates #comments_list .comment .info .rating a {
          display: inline-block;
          width: 18px;
          height: 18px;
          background: url("../images/icons/rate_sprite.svg") no-repeat; }
          #comments_widget #comments_list .comment .info .rating a.rate-up, #user_profile_rates #comments_list .comment .info .rating a.rate-up {
            background-position: 0 0; }
          #comments_widget #comments_list .comment .info .rating a.rate-up:hover, #user_profile_rates #comments_list .comment .info .rating a.rate-up:hover {
            background-position: 0 -20px; }
          #comments_widget #comments_list .comment .info .rating a.rate-down, #user_profile_rates #comments_list .comment .info .rating a.rate-down {
            background-position: -18px 0; }
          #comments_widget #comments_list .comment .info .rating a.rate-down:hover, #user_profile_rates #comments_list .comment .info .rating a.rate-down:hover {
            background-position: -18px -20px; }
        #comments_widget #comments_list .comment .info .rating .value, #user_profile_rates #comments_list .comment .info .rating .value {
          float: left;
          font-weight: bold; }
          #comments_widget #comments_list .comment .info .rating .value.positive, #user_profile_rates #comments_list .comment .info .rating .value.positive {
            color: #60A465; }
          #comments_widget #comments_list .comment .info .rating .value.negative, #user_profile_rates #comments_list .comment .info .rating .value.negative {
            color: #e84323; }
        #comments_widget #comments_list .comment .info .name .user, #user_profile_rates #comments_list .comment .info .name .user {
          font-weight: bold;
          color: #e84323;
          text-decoration: none; }
        #comments_widget #comments_list .comment .info .name .subject, #user_profile_rates #comments_list .comment .info .name .subject {
          color: #4096EE; }
          #comments_widget #comments_list .comment .info .name .subject:hover, #user_profile_rates #comments_list .comment .info .name .subject:hover {
            color: #d35400; }
      #comments_widget #comments_list .comment .nav a, #user_profile_rates #comments_list .comment .nav a {
        text-decoration: none;
        margin-right: 3px;
        color: #BDC3C7; }
        #comments_widget #comments_list .comment .nav a:hover, #user_profile_rates #comments_list .comment .nav a:hover {
          color: #d35400; }
      #comments_widget #comments_list .comment .nav .scroll-down, #user_profile_rates #comments_list .comment .nav .scroll-down {
        display: none; }
      #comments_widget #comments_list .comment .body .avatar, #user_profile_rates #comments_list .comment .body .avatar {
        float: left;
        position: relative; }
        #comments_widget #comments_list .comment .body .avatar a, #user_profile_rates #comments_list .comment .body .avatar a {
          display: block; }
      #comments_widget #comments_list .comment .content, #user_profile_rates #comments_list .comment .content {
        padding-left: 15px;
        position: relative;
        overflow: hidden; }
        #comments_widget #comments_list .comment .content img, #user_profile_rates #comments_list .comment .content img {
          max-width: 100%; }
        #comments_widget #comments_list .comment .content .links, #user_profile_rates #comments_list .comment .content .links {
          padding: 10px 0 0 0; }
          #comments_widget #comments_list .comment .content .links a, #user_profile_rates #comments_list .comment .content .links a {
            font-weight: 300;
            color: #ACACAC;
            text-decoration: none;
            margin-right: 6px;
            /*
            &.reply{
            	
            	background: url(../images/icons/reply_passive.svg) 1px no-repeat;
            	padding-left: 25px;
            } */ }
            #comments_widget #comments_list .comment .content .links a:hover, #user_profile_rates #comments_list .comment .content .links a:hover {
              color: #e84323; }
      #comments_widget #comments_list .comment .deleted, #user_profile_rates #comments_list .comment .deleted {
        padding: 5px 15px;
        background: #F9F9F9;
        color: #666;
        font-style: italic;
        border-radius: 6px;
        margin-right: 6px; }
    #comments_widget #comments_list.striped-list .comment, #user_profile_rates #comments_list.striped-list .comment {
      padding-bottom: 15px; }
      #comments_widget #comments_list.striped-list .comment:last-child, #user_profile_rates #comments_list.striped-list .comment:last-child {
        border: none;
        padding-bottom: 0;
        margin-bottom: 0; }
    #comments_widget #comments_list .selected-comment, #user_profile_rates #comments_list .selected-comment {
      padding-right: 10px;
      box-shadow: 3px 3px 5px #e9e9e9; }
    #comments_widget #comments_list .content ul li, #comments_widget #comments_list .preview_box ul li, #user_profile_rates #comments_list .content ul li, #user_profile_rates #comments_list .preview_box ul li {
      list-style-type: disc;
      margin-left: 25px; }
    #comments_widget #comments_list .content ol, #comments_widget #comments_list .preview_box ol, #user_profile_rates #comments_list .content ol, #user_profile_rates #comments_list .preview_box ol {
      padding-left: 25px; }
    #comments_widget #comments_list .content ol li, #comments_widget #comments_list .preview_box ol li, #user_profile_rates #comments_list .content ol li, #user_profile_rates #comments_list .preview_box ol li {
      list-style-type: decimal; }
  #comments_widget .content_list_rss_icon, #user_profile_rates .content_list_rss_icon {
    position: absolute;
    top: 2px;
    right: 20px; }
    #comments_widget .content_list_rss_icon a, #user_profile_rates .content_list_rss_icon a {
      height: 100%;
      background-position: center 2px; }
  #comments_widget .login_to_comment, #user_profile_rates .login_to_comment {
    margin-top: 5px;
    font-size: 12px;
    color: #666; }
  #comments_widget .tabbed li a, #user_profile_rates .tabbed li a {
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    text-decoration: none;
    color: #202124;
    font-weight: bold; }

.bad6 {
  opacity: .1; }

.bad5 {
  opacity: .2; }

.bad4 {
  opacity: .35; }

.bad3 {
  opacity: .5; }

.bad2 {
  opacity: .65; }

.bad1 {
  opacity: .8; }

#tab-vk {
  margin: 20px 0 0 0; }

.no_comments {
  margin: 15px 0; }

.content_list_rss_icon a,
.inline_rss_icon {
  width: 16px;
  height: 16px;
  display: block;
  overflow: hidden;
  text-indent: 20px;
  background: url("../images/icons/rss.png") no-repeat left center; }

.inline_rss_icon {
  display: inline-block; }

.content_list_rss_icon, .content_list_styles {
  float: right; }

.tabs-menu > select {
  display: none; }

/* Autorization modal ===================================================== */
.nyroModalCont .login_form {
  margin: 0 auto;
  width: 460px; }
  .nyroModalCont .login_form #f_login_email, .nyroModalCont .login_form #f_login_password {
    width: auto; }
  .nyroModalCont .login_form legend {
    padding: 0 0 30px; }
  .nyroModalCont .login_form p {
    margin: 0; }

.login_form {
  max-width: 460px;
  margin: 30px auto 0;
  width: auto; }
  .login_form #f_login_email, .login_form #f_login_password {
    width: 360px;
    width: 100%; }
  .login_form #f_login_email {
    margin-top: 10px; }
  .login_form #f_remember {
    min-width: 260px; }
  .login_form .auth_restore_link {
    font-size: 14px;
    color: #e84323;
    text-transform: none;
    text-decoration: none;
    font-family: 'Museo Sans Cyrl';
    float: right;
    margin-left: 10px; }
  .login_form legend {
    text-align: center;
    padding: 30px 0 0;
    font-size: 32px;
    line-height: 42px; }
  .login_form fieldset, .login_form .buttons {
    padding: 0 0 30px;
    box-sizing: border-box;
    margin: 0; }
  .login_form .button-submit {
    width: 100%;
    font-family: 'Museo Sans Cyrl';
    margin-right: 0 !important; }
  .login_form field {
    margin-top: 25px; }
  .login_form p {
    text-align: center;
    font-size: 14px;
    margin: 0 0 30px; }
    .login_form p a {
      color: #e84323;
      font-weight: bold;
      margin-left: 30px; }

/* =============================================================== */
#pm_notices_window {
  max-width: 550px;
  overflow: auto;
  height: 100%; }
  #pm_notices_window #pm_notices_list {
    overflow: hidden;
    overflow-y: auto; }
    #pm_notices_window #pm_notices_list .item {
      overflow: hidden;
      padding: 10px 0;
      margin: 0 10px;
      color: #202124;
      border-bottom: solid 1px #F6F6F6;
      min-height: 100px; }
      #pm_notices_window #pm_notices_list .item a {
        color: #202124;
        text-decoration: none;
        font-weight: bold; }
      #pm_notices_window #pm_notices_list .item .date {
        color: #ACACAC;
        font-weight: 300;
        font-size: 12px;
        line-height: 14px;
        padding-left: 10px;
        padding-top: 10px; }
      #pm_notices_window #pm_notices_list .item .content {
        padding: 10px;
        padding-top: 3px;
        font-size: 16px;
        line-height: 18px;
        font-weight: 300; }
      #pm_notices_window #pm_notices_list .item .close-button {
        float: right;
        margin: 10px; }
        #pm_notices_window #pm_notices_list .item .close-button a {
          display: block;
          width: 16px;
          height: 16px;
          background: url("../images/icons/small_close.svg") center no-repeat;
          background-size: contain; }
      #pm_notices_window #pm_notices_list .item .buttons {
        padding: 10px; }
        #pm_notices_window #pm_notices_list .item .buttons .btn {
          margin-right: 10px;
          margin-bottom: 10px; }
          #pm_notices_window #pm_notices_list .item .buttons .btn:first-of-type {
            background-color: #e84323;
            color: #ffffff; }
  #pm_notices_window > input.button {
    box-sizing: border-box;
    margin: 30px 20px; }

.controller_actions_menu {
  float: right;
  position: relative; }
  .controller_actions_menu ul.menu {
    display: none;
    position: absolute;
    z-index: 1;
    width: 300px;
    right: 0;
    top: 40px;
    border: solid 1px #F6F6F6;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 20px 30px;
    box-sizing: border-box;
    font-weight: normal; }
    .controller_actions_menu ul.menu li {
      padding: 5px 0;
      line-height: 16px; }
  .controller_actions_menu > input {
    display: none; }
    .controller_actions_menu > input:checked + label + ul.menu {
      display: block; }

.group_menu_title {
  background-image: url(../images/icons/mobile_menu.svg);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  display: block; }
  .group_menu_title.loading {
    background-image: url(../images/loader16.gif); }

.list_actions_menu .group_menu_title {
  padding: 0;
  display: block;
  width: 20px;
  height: 28px;
  margin: 0 0 0 10px; }
.list_actions_menu .menu a {
  font-size: 14px;
  line-height: 17px;
  color: #ACACAC;
  position: relative;
  padding-left: 25px; }

/* City Selection Window ================================================= */
#geo_window {
  padding: 15px;
  height: 250px;
  width: 300px;
  box-sizing: border-box; }
  #geo_window .wrapper {
    margin-top: auto;
    margin-bottom: auto;
    box-sizing: border-box; }
  #geo_window form > .list {
    margin: 0 0 10px 0; }
  #geo_window select {
    width: 100%;
    margin-bottom: 5px; }
  #geo_window .buttons {
    margin: 20px 0 10px;
    text-align: center; }

/* =============================================================== */
.redirect a {
  color: #e84323; }

@media screen and (min-width: 1400px) {
  .help-info-block-present .widget_html_block {
    padding-right: 5%; }

.motocard__bonus {
    margin: 135px 5% 0; }
  .motocard__history .row .review .quote {
    padding: 112px 42px 70px 84px; }
    .motocard__history .row .review .quote::before {
      right: 126px; }
  .motocard__video {
    margin: 130px auto 0;
    height: 280px;
    width: 500px; } }
@media screen and (max-width: 1100px) {
  #layout {
    /* header */
    /* header */
    /* users */
    /* users */
    /* content */
    /* content */
    /* widgets */
    /* widgets */
    /* map ================================================================== */
    /* footer */
    /* footer */ }
    #layout.big-head {
      /* nav */
      /* nav */ }
      #layout.big-head header .teaser h1 {
        font-size: 32px;
        line-height: 40px; }
      #layout.big-head header .teaser p {
        font-size: 16px;
        line-height: 25px; }
      #layout.big-head header .teaser .about-project {
        bottom: 90px; }
      #layout.big-head nav {
        display: none; }
    #layout #users_profiles_list .item {
      padding: 30px 0; }
    #layout #user_profile #left_column {
      width: 40%; }
    #layout #user_profile #right_column {
      width: 60%; }
    #layout #user_profile #information {
      padding: 0; }
    #layout.post main #body section article.item .left-column {
      width: 35%; }
    #layout.post main #body section article.item .center-column {
      width: 65%; }
    #layout .top-news-cont .top-news .title {
      margin-top: 7.5vw;
      width: 70%; }
    #layout .top-news-cont .top-news .teaser {
      width: 40%; }
    #layout .promo .widget_html_block .right-col {
      width: 35%; }
    #layout .promo .widget_html_block .left-col ul {
      padding-left: 100px; }
      #layout .promo .widget_html_block .left-col ul li:first-of-type::before {
        left: -110px; }
      #layout .promo .widget_html_block .left-col ul li:nth-of-type(2)::before {
        left: -100px; }
      #layout .promo .widget_html_block .left-col ul li:nth-of-type(3)::before {
        left: -100px; }
    #layout .database_main > .title {
      max-width: none; }
    #layout .database_main .body {
      flex-direction: column; }
      #layout .database_main .body > div {
        width: auto; }
      #layout .database_main .body .widget_content_list {
        margin: 45px 0 0 0; }
        #layout .database_main .body .widget_content_list .title {
          font-size: 18px;
          line-height: 22px; }
      #layout .database_main .body .right-col {
        text-align: center; }
        #layout .database_main .body .right-col a {
          position: static;
          margin-top: 50px; }
    #layout.object main #body section article h1.title_item, #layout.partner main #body section article > h1.title_item {
      width: 60%; }
    #layout .motocard__teaser {
      background-size: 45%; }
      #layout .motocard__teaser h1 {
        font-size: 32px;
        line-height: 40px; }
      #layout .motocard__teaser > p {
        max-width: 50%;
        font-size: 16px;
        line-height: 25px; }
      #layout .motocard__teaser button {
        display: none; }
    #layout .motocard__video {
      margin: 100px auto 0;
      height: 38vw;
      width: 70vw; }
    #layout .motocard__history .quote {
      font-size: 20px;
      line-height: 24px; }
    #layout .motocard__promocode .shlak {
      top: -110px;
      right: 40px;
      width: 449px;
      height: 584px;
      background: url(../images/shlak_na_fone_tablet.svg) no-repeat center; }
    #layout .motocard__promocode .row .left_col p {
      margin-top: 150px; }
    #layout .motocard__promocode .row .right_col button {
      right: auto;
      left: 10px;
      top: 100px; }
    #layout .filter-modal {
      width: 90%; }
    #layout footer > ul {
      /* flex-basis: 0; */ }
      #layout footer > ul > li#copyright {
        width: 40%;
        margin-top: 5px; }
      #layout footer > ul > li#nav {
        width: 60%; }
        #layout footer > ul > li#nav ul {
          margin-top: -25px; }
          #layout footer > ul > li#nav ul li {
            width: 50%;
            padding: 7px 0; }
    #layout .result__content {
      padding: 30px 40px 35px;
      margin: 20px auto; }
      #layout .result__content::before {
        width: 60px;
        height: 60px;
        border-radius: 45px;
        position: absolute;
        left: -30px;
        top: 30px; }
      #layout .result__content h1 {
        font-size: 22px;
        line-height: 26px; }
      #layout .result__content p {
        font-size: 16px;
        line-height: 24px;
        margin: 10px 0; }
    #layout .result__order {
      font-size: 12px;
      line-height: 16px; }
    #layout .result__sum {
      font-size: 16px;
      line-height: 30px;
      color: #ACACAC;
      margin-top: 30px; }
    #layout .result__more {
      font-size: 12px;
      line-height: 30px;
      margin-top: 10px; }
    #layout .result__image::before {
      width: 45px;
      height: 45px;
      right: 35px;
      bottom: 35px; } }
@media screen and (max-width: 800px) {
  #layout {
    /* header */
    /* header */
    /* nav */
    /* nav */
    /* main */
    /* main */
    /* users */
    /* users */
    /* map ================================================================== */
    /* map ================================================================== */
    /* content */
    /* content */
    /* widgets */
    /* widgets */
    /* footer */
    /* footer */ }
    #layout .mobile {
      display: block; }
    #layout .close {
      right: 20px;
      top: 20px; }
    #layout > header {
      border-bottom: 1px solid #F6F6F6; }
      #layout > header .widget_user_avatar {
        position: absolute;
        top: 83px;
        right: 0px;
        margin-top: 0; }
        #layout > header .widget_user_avatar .user_info .name {
          display: none; }
      #layout > header #widget_pos_header .auth-menu {
        display: none; }
      #layout > header .main-burger {
        display: block; }
    #layout > nav {
      display: none; }
    #layout main #body aside {
      padding: 0 0 20px 10px; }
    #layout #users_profiles_list .item .info {
      width: 60%; }
      #layout #users_profiles_list .item .info .icon .img-thumbnail {
        width: 60px;
        height: 60px; }
    #layout #users_profiles_list .item .status {
      width: 20%; }
      #layout #users_profiles_list .item .status span.title {
        display: none; }
    #layout #users_profiles_list .item .actions {
      width: 20%; }
    #layout #user_profile {
      flex-direction: column-reverse; }
      #layout #user_profile #left_column {
        width: auto; }
        #layout #user_profile #left_column #avatar {
          display: none; }
        #layout #user_profile #left_column .block {
          padding: 20px 0; }
      #layout #user_profile #right_column {
        width: auto; }
        #layout #user_profile #right_column #information .main-info-cont {
          display: flex; }
          #layout #user_profile #right_column #information .main-info-cont .main-info {
            margin-left: 15px; }
            #layout #user_profile #right_column #information .main-info-cont .main-info .fio a {
              display: none; }
            #layout #user_profile #right_column #information .main-info-cont .main-info .edit-profile {
              margin-top: 5px;
              margin-left: 0; }
        #layout #user_profile #right_column #information .user-rating.mobile {
          display: inline-block; }
        #layout #user_profile #right_column #information .user_main_buttons li {
          margin-right: 10px; }
          #layout #user_profile #right_column #information .user_main_buttons li a.btn {
            padding: 10px 15px; }
        #layout #user_profile #right_column #information .more-info-button-close,
        #layout #user_profile #right_column #information .more-info-button-open {
          margin-left: 0; }
        #layout #user_profile #right_column #user_profile_rates .karma {
          top: 15px; }
    #layout .users-filter .fields {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      #layout .users-filter .fields > div {
        margin: 30px 0 0 0; }
      #layout .users-filter .fields .f_nickname {
        width: 30%; }
      #layout .users-filter .fields .f_firstname {
        width: 30%; }
      #layout .users-filter .fields .f_lastname {
        width: 30%; }
      #layout .users-filter .fields .f_city {
        width: 50%; }
        #layout .users-filter .fields .f_city .city-input .city-name {
          max-width: none; }
      #layout .users-filter .fields .f_birth_date {
        width: 50%; }
        #layout .users-filter .fields .f_birth_date .value input {
          width: 100%; }
    #layout .motocard-menu {
      padding: 0;
      margin-top: 30px; }
      #layout .motocard-menu .menu {
        justify-content: space-around; }
        #layout .motocard-menu .menu li {
          margin: 0; }
          #layout .motocard-menu .menu li a {
            display: block;
            width: 30px;
            height: 20px; }
            #layout .motocard-menu .menu li a span {
              display: none; }
          #layout .motocard-menu .menu li.mycard a {
            background: url("../images/icons/mycard.svg") center no-repeat;
            background-size: contain; }
          #layout .motocard-menu .menu li.mycard.active a {
            background: url("../images/icons/mycard_active.svg") center no-repeat;
            background-size: contain; }
          #layout .motocard-menu .menu li.about-card a {
            background: url("../images/icons/about_card.svg") center no-repeat;
            background-size: contain; }
          #layout .motocard-menu .menu li.about-card.active a {
            background: url("../images/icons/about_card_active.svg") center no-repeat;
            background-size: contain; }
          #layout .motocard-menu .menu li.insurance a {
            background: url("../images/icons/insurance.svg") center no-repeat;
            background-size: contain; }
          #layout .motocard-menu .menu li.insurance.active a {
            background: url("../images/icons/insurance_active.svg") center no-repeat;
            background-size: contain; }
          #layout .motocard-menu .menu li.partners a {
            background: url("../images/icons/partners.svg") center no-repeat;
            background-size: contain; }
          #layout .motocard-menu .menu li.partners.active a {
            background: url("../images/icons/partners_active.svg") center no-repeat;
            background-size: contain; }
          #layout .motocard-menu .menu li.motocard-rules a {
            background: url("../images/icons/rules.svg") center no-repeat;
            background-size: contain; }
          #layout .motocard-menu .menu li.motocard-rules.active a {
            background: url("../images/icons/rules_active.svg") center no-repeat;
            background-size: contain; }
          #layout .motocard-menu .menu li.chavo a {
            background: url("../images/icons/chavo.svg") center no-repeat;
            background-size: contain; }
          #layout .motocard-menu .menu li.chavo.active a {
            background: url("../images/icons/chavo_active.svg") center no-repeat;
            background-size: contain; }
    #layout .motocard h4 {
      font-size: 22px;
      line-height: 28px;
      margin: 0 0 30px; }
    #layout .motocard__teaser {
      background-position: right 5% bottom 50%; }
      #layout .motocard__teaser > p {
        margin-top: 30px; }
    #layout .motocard__scope {
      margin-top: 75px; }
      #layout .motocard__scope ul li {
        margin: 0 5% 30px 0; }
        #layout .motocard__scope ul li h6 {
          font-size: 18px;
          line-height: 22px;
          margin: 5px 0; }
        #layout .motocard__scope ul li p {
          font-size: 12px;
          line-height: 18px; }
    #layout .motocard__partners .partners_list {
      flex-wrap: wrap;
      justify-content: space-around; }
      #layout .motocard__partners .partners_list img {
        filter: grayscale(0%); }
    #layout .motocard__history {
      margin: 80px 5% 0; }
      #layout .motocard__history .row {
        display: flex; }
        #layout .motocard__history .row .about {
          font-size: 22px;
          line-height: 32px; }
        #layout .motocard__history .row .review .quote {
          font-size: 16px;
          line-height: 20px; }
          #layout .motocard__history .row .review .quote::before {
            width: 75px;
            height: 75px;
            top: -90px; }
      #layout .motocard__history .info {
        font-size: 22px;
        line-height: 32px; }
    #layout .motocard__result .text_cont p {
      font-size: 16px;
      line-height: 25px; }
    #layout .motocard__result .scheme {
      font-size: 16px;
      line-height: 22px; }
      #layout .motocard__result .scheme .family {
        width: 152px;
        height: 152px;
        background-size: 60%;
        background-position: center top;
        top: 3vw;
        left: -145px;
        padding-top: 110px; }
        #layout .motocard__result .scheme .family::after {
          right: -10px;
          bottom: 10px; }
      #layout .motocard__result .scheme .economy {
        width: 180px;
        right: -145px;
        top: 0; }
        #layout .motocard__result .scheme .economy .percent_round {
          width: 75px;
          height: 75px;
          font-size: 18px;
          line-height: 19px;
          padding-top: 10px;
          margin: 0 auto 20px; }
        #layout .motocard__result .scheme .economy::before {
          left: -10px; }
      #layout .motocard__result .scheme .economy_petrol {
        width: 150px;
        height: 150px;
        bottom: -120px; }
        #layout .motocard__result .scheme .economy_petrol .petrol_round {
          width: 75px;
          height: 75px;
          margin: 0 auto 20px; }
    #layout .motocard__economy {
      margin: 130px 5% 0; }
      #layout .motocard__economy > div div.left_col h5 {
        font-size: 22px;
        line-height: 32px; }
      #layout .motocard__economy > div div.left_col::before {
        top: 20px;
        right: -40px; }
      #layout .motocard__economy > div div.right_col button {
        bottom: 50px;
        right: 0;
        left: auto; }
      #layout .motocard__economy > div div.right_col::before {
        width: 75px;
        height: 75px;
        top: auto;
        right: 0;
        bottom: 140px; }
    #layout .motocard__options ul > li .ps {
      bottom: -50px; }
    #layout .result__content {
      margin-left: 35px; }
    #layout .result__image::before {
      bottom: 0px; }
    #layout .filter-modal {
      width: 96%;
      margin: 2vw auto; }
      #layout .filter-modal .title {
        padding: 20px 0 15px; }
      #layout .filter-modal .input_checkbox_list {
        padding: 0px 15px 30px; }
        #layout .filter-modal .input_checkbox_list label input + span {
          font-size: 12px;
          line-height: 14px; }
        #layout .filter-modal .input_checkbox_list div {
          margin-right: 15px; }
    #layout #mapwd {
      height: calc(100vh - 108px); }
    #layout .news_list_item, #layout .info_list_item, #layout .posts_list_item {
      margin-bottom: 30px; }
      #layout .news_list_item header, #layout .info_list_item header, #layout .posts_list_item header {
        font-size: 14px;
        line-height: 27px; }
      #layout .news_list_item h2, #layout .info_list_item h2, #layout .posts_list_item h2 {
        font-size: 22px;
        line-height: 28px;
        margin-top: 5px; }
      #layout .news_list_item .f_teaser, #layout .news_list_item .f_content, #layout .info_list_item .f_teaser, #layout .info_list_item .f_content, #layout .posts_list_item .f_teaser, #layout .posts_list_item .f_content {
        margin-top: 20px; }
      #layout .news_list_item .read-more, #layout .info_list_item .read-more, #layout .posts_list_item .read-more {
        margin-top: 20px; }
      #layout .news_list_item .category, #layout .info_list_item .category, #layout .posts_list_item .category {
        margin-top: 20px; }
    #layout #controller_wrap > article.item .border {
      margin: 20px 0; }
    #layout article h1.title_item {
      font-size: 22px;
      line-height: 28px; }
    #layout.post main #body.flex-content section article.item .center-column {
      padding-top: 70px; }
    #layout.post main #body section article.item .left-column {
      width: 40%; }
      #layout.post main #body section article.item .left-column .user-rating .rating-value {
        margin-left: 2px; }
      #layout.post main #body section article.item .left-column .item-avatar {
        margin-left: 40px; }
        #layout.post main #body section article.item .left-column .item-avatar .img-thumbnail {
          width: 75px;
          height: 75px; }
    #layout.post main #body section article.item .center-column {
      width: 60%; }
    #layout .partners_list_item .fields {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start; }
      #layout .partners_list_item .fields > div {
        width: 33%;
        margin-bottom: 25px;
        text-align: left; }
        #layout .partners_list_item .fields > div:first-of-type {
          text-align: left; }
        #layout .partners_list_item .fields > div:last-of-type {
          width: 100%; }
    #layout .pagebar .pagebar_nav {
      display: flex;
      justify-content: space-around; }
    #layout .pagebar .pagebar_notice {
      display: block;
      font-weight: 300;
      font-size: 14px;
      line-height: 24px;
      color: #D3D3D3;
      margin-left: 15px; }
    #layout .pagebar .pagebar_pages {
      margin: 30px 0;
      display: flex;
      justify-content: space-around; }
    #layout .top-news-cont {
      padding: 60px 0; }
      #layout .top-news-cont .top-news .top-title {
        font-size: 8px;
        line-height: 10px; }
      #layout .top-news-cont .top-news .title a {
        font-size: 32px;
        line-height: 40px; }
      #layout .top-news-cont .top-news .teaser {
        font-size: 16px;
        line-height: 25px; }
      #layout .top-news-cont .top-news .read-more {
        font-size: 13px;
        line-height: 19px; }
    #layout .promo {
      padding: 100px 0 60px; }
      #layout .promo .widget_html_block {
        position: relative; }
        #layout .promo .widget_html_block .right-col {
          width: 40%; }
        #layout .promo .widget_html_block .left-col h4 {
          position: absolute;
          top: -100px; }
        #layout .promo .widget_html_block .left-col ul {
          padding-left: 0; }
          #layout .promo .widget_html_block .left-col ul li::before {
            display: block;
            position: static;
            margin-bottom: 10px;
            text-align: center; }
    #layout .news_main {
      padding-left: 0; }
      #layout .news_main .title a {
        font-size: 16px;
        line-height: 22px; }
      #layout .news_main .teaser {
        line-height: 25px; }
      #layout .news_main .more-details {
        display: none; }
    #layout .blog_main .item {
      width: 45%;
      margin: 0 2.5%; }
    #layout .tool-menu-cont {
      margin: 25px 0px; }
    #layout .widget_comments_list .item {
      padding: 15px 0; }
      #layout .widget_comments_list .item .author.is_online::before {
        width: 5px;
        height: 5px;
        left: -7px;
        top: 7px; }
    #layout .widget_online_list {
      padding-left: 0; }
    #layout #user_profile_tabs .tabs-menu {
      position: relative; }
      #layout #user_profile_tabs .tabs-menu::before {
        content: url("../images/icons/mobile_menu.svg");
        position: absolute;
        right: 0; }
      #layout #user_profile_tabs .tabs-menu .tabbed {
        display: none;
        position: absolute;
        background: #ffffff;
        width: 300px;
        right: 0;
        top: 0;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border: solid 1px #F6F6F6;
        padding: 25px 30px;
        box-sizing: border-box; }
        #layout #user_profile_tabs .tabs-menu .tabbed li {
          border: none;
          padding: 0;
          margin-bottom: 10px; }
          #layout #user_profile_tabs .tabs-menu .tabbed li a {
            color: #ACACAC;
            font-size: 14px;
            line-height: 17px;
            padding: 2px 0px 2px 30px;
            font-weight: normal; }
      #layout #user_profile_tabs .tabs-menu:hover .tabbed {
        display: block; }
    #layout .database_main {
      background: #F6F6F6; }
    #layout .iforms_basic h2 {
      font-size: 22px;
      line-height: 28px; }
    #layout footer {
      padding: 0; }
      #layout footer > ul {
        flex-direction: column-reverse;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: stretch; }
        #layout footer > ul > li {
          margin: 10px 0;
          padding: 0 10%; }
          #layout footer > ul > li#nav {
            width: auto;
            border-top: solid 1px #EDEDED;
            border-bottom: solid 1px #EDEDED;
            padding: 10px 10%; }
            #layout footer > ul > li#nav ul {
              margin-top: 0;
              flex-direction: column;
              flex-wrap: nowrap;
              align-items: stretch; }
              #layout footer > ul > li#nav ul li {
                padding: 10px 0;
                width: auto; }
          #layout footer > ul > li#copyright {
            width: auto; }

body.auth #layout > header {
    margin-bottom: 51px; }
  body.auth #layout main {
    border-top: solid 1px #F6F6F6; }
  body.auth #layout #mapwd {
    height: calc(100vh - 160px); }

.nyroModalCont .login_form {
    width: 100%; }

.object main #body section article .more_content, .partner main #body section article .more_content {
    flex-direction: column; }
    .object main #body section article .more_content > div, .partner main #body section article .more_content > div {
      width: auto; }
  .object main #body section article h1.title_item, .partner main #body section article h1.title_item {
    max-width: none; }
  .object main #body section article .left-col, .partner main #body section article .left-col {
    padding-right: 15px; }
    .object main #body section article .left-col .content, .partner main #body section article .left-col .content {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 30px; }
  .object main #body section article .right-col, .partner main #body section article .right-col {
    margin-top: 50px; }
  .object main #body section article .gallery, .partner main #body section article .gallery {
    margin: 10px 0; }
    .object main #body section article .gallery a, .partner main #body section article .gallery a {
      width: calc(50% - 5px);
      margin-bottom: 10px; } }
@media screen and (max-width: 580px) {
  #layout {
    /* header */
    /* header */
    /* main */
    /* main */
    /* users */
    /* users */
    /* map ================================================================== */
    /* map ================================================================== */
    /* content */
    /* content */
    /* widgets */
    /* widgets */ }
    #layout.big-head header .teaser {
      width: 80%;
      margin: 0 auto; }
    #layout header .widget_user_avatar {
      display: flex;
      width: 100%;
      justify-content: space-around; }
      #layout header .widget_user_avatar > li.card-info a, #layout header .widget_user_avatar > li.notices-counter a, #layout header .widget_user_avatar > li.messages a {
        display: block;
        height: 25px;
        padding-left: 0 !important;
        background-size: contain; }
        #layout header .widget_user_avatar > li.card-info a > span.wrap, #layout header .widget_user_avatar > li.notices-counter a > span.wrap, #layout header .widget_user_avatar > li.messages a > span.wrap {
          display: none; }
      #layout header .widget_user_avatar > li.card-info a {
        width: 39px; }
      #layout header .widget_user_avatar > li.notices-counter a {
        width: 25px; }
        #layout header .widget_user_avatar > li.notices-counter a .counter {
          margin-left: 30px; }
      #layout header .widget_user_avatar > li.messages a {
        width: 29px; }
        #layout header .widget_user_avatar > li.messages a .counter {
          margin-left: 35px; }
    #layout main #body {
      flex-direction: column; }
      #layout main #body aside {
        padding: 0;
        border: none; }
      #layout main #body.flex-content > section, #layout main #body.flex-content > aside {
        width: auto; }
    #layout #users_profiles_list .item {
      flex-direction: column; }
      #layout #users_profiles_list .item .info {
        width: 100%; }
      #layout #users_profiles_list .item .status {
        width: auto;
        padding-top: 10px; }
        #layout #users_profiles_list .item .status span.title {
          display: none; }
      #layout #users_profiles_list .item .actions {
        width: auto; }
    #layout .motocard h4 {
      margin: 0 0 60px; }
    #layout .motocard__teaser {
      background-position: left 120px;
      background-size: 100%; }
      #layout .motocard__teaser > p {
        margin-top: 80vw;
        max-width: none; }
    #layout .motocard__video {
      margin-top: 190px;
      width: 90vw;
      height: 50vw; }
    #layout .motocard__scope {
      margin-top: 80px; }
      #layout .motocard__scope h4 {
        margin-bottom: 40px; }
      #layout .motocard__scope ul {
        flex-direction: column; }
        #layout .motocard__scope ul li {
          margin: 0 5% 50px;
          width: auto; }
          #layout .motocard__scope ul li p {
            font-size: 12px;
            line-height: 18px;
            margin-top: 30px; }
    #layout .motocard__history {
      margin: 10px 5% 0; }
      #layout .motocard__history h4 {
        margin-bottom: 30px; }
      #layout .motocard__history .row {
        flex-direction: column; }
        #layout .motocard__history .row .about {
          width: auto; }
        #layout .motocard__history .row .review {
          width: auto;
          padding-top: 100px; }
          #layout .motocard__history .row .review .quote {
            width: 90vw;
            height: 68vw;
            position: relative;
            right: 0;
            line-height: 25px;
            padding: 20vw 12vw 10vw 12vw; }
            #layout .motocard__history .row .review .quote::before {
              right: 25vw; }
      #layout .motocard__history .info {
        padding: 150px 15px 90px;
        margin-top: -90px;
        font-size: 20px;
        line-height: 30px; }
    #layout .motocard__result {
      margin-top: 70px; }
      #layout .motocard__result .text_cont {
        flex-direction: column; }
        #layout .motocard__result .text_cont p {
          margin-bottom: 30px; }
      #layout .motocard__result .scheme {
        margin: 150px auto 220px;
        width: 80vw;
        height: 80vw; }
        #layout .motocard__result .scheme .family {
          width: 152px;
          height: 152px;
          background-size: 60%;
          background-position: center top;
          top: auto;
          bottom: -170px;
          left: 0px;
          padding-top: 110px; }
          #layout .motocard__result .scheme .family::after {
            right: 0;
            bottom: auto;
            top: -5vw; }
        #layout .motocard__result .scheme .economy {
          width: auto;
          right: auto;
          top: -90px;
          left: 0;
          display: flex; }
          #layout .motocard__result .scheme .economy .percent_round {
            width: 75px;
            height: 75px;
            font-size: 18px;
            line-height: 19px;
            padding-top: 10px;
            margin: 0 10px 20px 10px;
            min-width: 75px; }
          #layout .motocard__result .scheme .economy::before {
            left: 90px;
            bottom: -5vw; }
          #layout .motocard__result .scheme .economy span {
            text-align: left; }
        #layout .motocard__result .scheme .economy_petrol {
          bottom: -100px;
          left: 55%; }
          #layout .motocard__result .scheme .economy_petrol .petrol_round {
            margin: 0 auto 20px; }
          #layout .motocard__result .scheme .economy_petrol::after {
            right: 10px;
            top: -50px; }
    #layout .motocard__economy {
      margin: 70px 5% 0; }
      #layout .motocard__economy > div {
        flex-direction: column; }
        #layout .motocard__economy > div div {
          width: auto; }
          #layout .motocard__economy > div div.left_col {
            margin-right: 30px; }
            #layout .motocard__economy > div div.left_col h5 {
              font-size: 22px;
              line-height: 32px; }
            #layout .motocard__economy > div div.left_col::before {
              top: 20px;
              right: -40px; }
          #layout .motocard__economy > div div.right_col {
            text-align: center; }
            #layout .motocard__economy > div div.right_col button {
              position: static;
              margin: 30px auto; }
            #layout .motocard__economy > div div.right_col::before {
              width: 75px;
              height: 75px;
              top: auto;
              right: auto;
              left: 0;
              bottom: -80px; }
    #layout .motocard__promocode .shlak {
      top: -90px;
      right: 40px;
      width: 244px;
      height: 587px;
      background: url(../images/shlak_na_fone_mobile.png) no-repeat center; }
    #layout .motocard__promocode .row {
      flex-direction: column; }
      #layout .motocard__promocode .row div {
        width: 100%;
        padding: 40px 0 0; }
        #layout .motocard__promocode .row div.left_col p {
          margin-top: 40px; }
        #layout .motocard__promocode .row div.right_col {
          background-position: bottom center;
          padding-bottom: 300px; }
          #layout .motocard__promocode .row div.right_col button {
            position: static;
            margin: 30px auto;
            display: block; }
    #layout .motocard__form {
      margin: 150px 5% 50px; }
      #layout .motocard__form header {
        max-width: 670px;
        margin: 0 auto; }
        #layout .motocard__form header p {
          margin: 30px auto;
          font-size: 16px;
          line-height: 24px;
          text-align: left; }
      #layout .motocard__form form {
        text-align: left;
        max-width: 800px;
        margin: 0 auto; }
        #layout .motocard__form form fieldset#fset_fio > div, #layout .motocard__form form fieldset#fset_contacts > div, #layout .motocard__form form fieldset#fset_city > div, #layout .motocard__form form fieldset#fset_delivery > div, #layout .motocard__form form fieldset#fset_checkout div, #layout .motocard__form form fieldset#fset_code_checkout div {
          display: block;
          width: auto;
          vertical-align: top; }
        #layout .motocard__form form fieldset > div {
          margin: 20px 3.8% 0; }
      #layout .motocard__form h4 {
        margin-bottom: 10px; }
      #layout .motocard__form p {
        font-weight: 300;
        font-size: 16px;
        line-height: 24px; }
      #layout .motocard__form .auth .auth-menu {
        float: none;
        margin: 0 auto;
        display: block;
        width: 215px;
        padding: 20px 0 150px; }
      #layout .motocard__form .auth h4 {
        margin: 35px 0 10px; }
        #layout .motocard__form .auth h4::before {
          content: url(../images/auth.svg);
          display: block; }
      #layout .motocard__form .buttons {
        margin: 40px 0 50px; }
      #layout .motocard__form .city-input {
        display: block; }
    #layout .motocard__options ul {
      flex-direction: column;
      align-items: center; }
      #layout .motocard__options ul li {
        margin: 0 auto 60px; }
        #layout .motocard__options ul li .ps {
          bottom: -37px; }
    #layout .motocard__options .options-bg {
      height: 500px;
      margin-top: -650px; }
    #layout .mycard__main {
      flex-direction: column; }
    #layout .mycard__info {
      display: flex;
      justify-content: space-between;
      max-width: 350px; }
    #layout .result {
      flex-direction: column; }
      #layout .result > div {
        width: auto; }
      #layout .result__content {
        margin-left: 0; }
      #layout .result__image {
        height: 300px;
        margin-top: -50px; }
        #layout .result__image.card {
          background-position: center top; }
        #layout .result__image::before {
          right: auto;
          left: 70px;
          bottom: 20px; }
    #layout .filter-modal {
      width: 90%;
      margin: 5vw auto; }
      #layout .filter-modal .input_checkbox_list {
        padding: 0px 25px 30px;
        flex-direction: column; }
        #layout .filter-modal .input_checkbox_list h5 {
          margin: 40px 0 15px; }
        #layout .filter-modal .input_checkbox_list label input + span {
          font-size: 14px;
          line-height: 20px; }
    #layout #mapwd .button_panel.right .info {
      right: -15px;
      top: -22px; }
    #layout #mapwd .button_panel button.onmap.help {
      padding: 15px; }
      #layout #mapwd .button_panel button.onmap.help .custom-control-input:checked ~ .custom-control-label {
        background: url(../images/icons/volonters_active.svg) no-repeat; }
      #layout #mapwd .button_panel button.onmap.help .custom-control-label {
        padding-left: 70px;
        background: url(../images/icons/volonters_passive.svg) no-repeat; }
        #layout #mapwd .button_panel button.onmap.help .custom-control-label span {
          display: none; }
        #layout #mapwd .button_panel button.onmap.help .custom-control-label::before {
          left: 30px; }
        #layout #mapwd .button_panel button.onmap.help .custom-control-label::after {
          left: 30px; }
    #layout #mapwd .button_panel button.onmap.info {
      margin-right: 10px; }
    #layout #mapwd .button_panel button.onmap.filter {
      width: 50px;
      background: #ffffff url("../images/icons/filter.svg") center no-repeat; }
      #layout #mapwd .button_panel button.onmap.filter span {
        display: none; }
    #layout #teaser-cont-window #users_profiles_list .item {
      padding: 10px 2vw 20px !important; }
      #layout #teaser-cont-window #users_profiles_list .item .info .fields {
        margin-left: 5px; }
        #layout #teaser-cont-window #users_profiles_list .item .info .fields .multiple_help_list li {
          margin-right: 3px; }
    #layout .posts_list_item,
    #layout .news_list_item,
    #layout .info_list_item,
    #layout .subscribe_wrap {
      margin-right: 0; }
    #layout.post main #body.flex-content section article.item .center-column {
      padding-top: 30px; }
    #layout.post main #body section article.item {
      flex-direction: column; }
      #layout.post main #body section article.item .left-column {
        width: auto;
        position: relative; }
        #layout.post main #body section article.item .left-column .item-avatar {
          width: auto;
          display: flex;
          margin-left: 0; }
          #layout.post main #body section article.item .left-column .item-avatar span {
            margin-left: 15px; }
        #layout.post main #body section article.item .left-column .user-rating {
          position: absolute;
          left: 90px;
          top: 20px; }
      #layout.post main #body section article.item .center-column {
        width: auto;
        padding-top: 30px; }
    #layout .partners_list_item {
      align-items: flex-start; }
      #layout .partners_list_item .photo {
        width: 150px; }
      #layout .partners_list_item .fields {
        display: flex;
        flex-direction: column;
        align-items: flex-start; }
        #layout .partners_list_item .fields > div {
          width: 100%;
          padding: 0;
          margin-bottom: 15px;
          text-align: left; }
    #layout #content_item_tabs {
      margin-bottom: 30px; }
      #layout #content_item_tabs .tabs-menu ul li {
        padding: 10px 15px;
        font-size: 14px;
        line-height: 17px; }
    #layout #controller_wrap > article.item {
      margin-right: auto; }
    #layout .partners-link {
      margin: 5px 0;
      display: block;
      float: none; }
    #layout .tool-menu {
      display: none; }
    #layout .top-news-cont {
      padding: 40px 0 60px; }
      #layout .top-news-cont .top-news {
        background-size: auto 70vw !important;
        background-position: right bottom !important;
        padding: 0; }
        #layout .top-news-cont .top-news .top-title {
          font-size: 12px;
          line-height: 14px; }
        #layout .top-news-cont .top-news .title {
          margin-top: 10px;
          width: 100%; }
        #layout .top-news-cont .top-news .teaser {
          width: 100%;
          margin: 15px 0;
          padding-left: 15px;
          border-left: solid 2px #e84323; }
        #layout .top-news-cont .top-news .read-more {
          display: block;
          height: 70vw;
          width: 100%;
          border: none; }
          #layout .top-news-cont .top-news .read-more span {
            display: none; }
          #layout .top-news-cont .top-news .read-more::after {
            display: none; }
    #layout .news_main {
      flex-direction: column; }
      #layout .news_main .item {
        padding: 0;
        width: auto;
        margin-bottom: 30px; }
        #layout .news_main .item:nth-of-type(2) {
          border: none; }
        #layout .news_main .item .title {
          margin: 10px 0; }
          #layout .news_main .item .title a {
            font-size: 20px;
            line-height: 26px; }
        #layout .news_main .item .teaser {
          line-height: 20px; }
        #layout .news_main .item .details {
          margin-top: 15px; }
          #layout .news_main .item .details .more-details {
            display: block; }
    #layout .blog_main .item {
      width: auto;
      margin: 0; }
      #layout .blog_main .item .author {
        margin-bottom: 15px; }
    #layout .widget_comments_list .item {
      padding-left: 15px; }
      #layout .widget_comments_list .item .author.is_online::before {
        width: 8px;
        height: 8px;
        left: -15px;
        top: 5px; }
    #layout .promo {
      padding: 40px 0 0; }
      #layout .promo .widget_html_block {
        flex-direction: column-reverse; }
        #layout .promo .widget_html_block .right-col {
          width: auto;
          margin-bottom: 40px;
          padding: 30px 10%; }
          #layout .promo .widget_html_block .right-col > img {
            transform: none; }
        #layout .promo .widget_html_block .left-col {
          text-align: center; }
          #layout .promo .widget_html_block .left-col h4 {
            position: static; }
          #layout .promo .widget_html_block .left-col ul li {
            margin-bottom: 60px; }
            #layout .promo .widget_html_block .left-col ul li::before {
              margin-bottom: 30px;
              text-align: center; }
    #layout #comments_widget, #layout #user_profile_rates {
      margin-top: 70px; }
      #layout #comments_widget .track, #layout #user_profile_rates .track {
        top: -40px;
        right: 25px; }
      #layout #comments_widget .content_list_rss_icon, #layout #user_profile_rates .content_list_rss_icon {
        top: -40px;
        right: 0; }
      #layout #comments_widget #comments_list, #layout #user_profile_rates #comments_list {
        margin-right: 0; }
        #layout #comments_widget #comments_list .comment, #layout #user_profile_rates #comments_list .comment {
          padding: 15px 0; }
          #layout #comments_widget #comments_list .comment .content, #layout #user_profile_rates #comments_list .comment .content {
            padding-left: 10px; }
          #layout #comments_widget #comments_list .comment.level-1, #layout #comments_widget #comments_list .comment.level-2, #layout #comments_widget #comments_list .comment.level-3, #layout #comments_widget #comments_list .comment.level-4, #layout #comments_widget #comments_list .comment.level-5, #layout #comments_widget #comments_list .comment.level-6, #layout #comments_widget #comments_list .comment.level-7, #layout #comments_widget #comments_list .comment.level-8, #layout #comments_widget #comments_list .comment.level-9, #layout #comments_widget #comments_list .comment.level-10, #layout #user_profile_rates #comments_list .comment.level-1, #layout #user_profile_rates #comments_list .comment.level-2, #layout #user_profile_rates #comments_list .comment.level-3, #layout #user_profile_rates #comments_list .comment.level-4, #layout #user_profile_rates #comments_list .comment.level-5, #layout #user_profile_rates #comments_list .comment.level-6, #layout #user_profile_rates #comments_list .comment.level-7, #layout #user_profile_rates #comments_list .comment.level-8, #layout #user_profile_rates #comments_list .comment.level-9, #layout #user_profile_rates #comments_list .comment.level-10 {
            margin-left: 0; }
    #layout .btn.big {
      padding: 15px 30px; }
    #layout .btn.medium {
      font-size: 14px;
      line-height: 17px;
      border-radius: 25px;
      padding: 10px 25px; }
    #layout .buttons_delete_profile {
      float: none; }
    #layout .users-filter .fields .f_nickname {
      width: 100%; }
    #layout .users-filter .fields .f_firstname {
      width: 100%; }
    #layout .users-filter .fields .f_lastname {
      width: 100%; }
    #layout .users-filter .fields .f_city {
      width: 100%; }
    #layout .users-filter .fields .f_birth_date {
      width: 100%; }
    #layout .users-filter .buttons .link {
      margin-top: 9px; } }

Some information about this website:

URL: https://motomonitor.ru/
CSS URL: https://motomonitor.ru/templates/moto/css/theme-layout.css
Charset: utf-8
Title: ??????????? ? ??????????? ?????? ??? ?????????????
Meta-Description: ??????????? ? ?????? ?????? ??? ?????????????. ?? ????????? ??????? ????? ???????? ??????????, ???????, ? ??????? ??????????.
Meta-Keywords: ????, ?????????, ???????, ????????????