/* Theme Name: avada */ body { margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; color: #1e252c; background: #ffffff; } a { color: #2f2f2f; text-decoration: underline; } a:focus, a:hover { color: #0080ed; text-decoration: none; } ul,li { margin: 0; padding: 0; list-style: none; } .clear { clear: both; } h1 { padding-top: 10px; margin-top: 0; margin-bottom: 15px; text-transform: initial; line-height: 36px; font-weight: 700; font-size: 24px; color: #282828; } h2 { margin-top: 0; margin-bottom: 16px; font-size: 21px; line-height: initial; font-weight: 700; color: #2b2b2b; text-transform: initial; } h3,h4,h5 { margin-top: 0; margin-bottom: 16px; font-size: 18px; line-height: initial; font-weight: 700; color: #3e3e3e; text-transform: initial; } p { color: #3f3e3e; margin-bottom: 14px; font-size: 14px; line-height: 21px; } b, strong { font-weight: normal; } .related-link, .replace, .related { cursor: pointer; } .embed-responsive { margin-bottom: 30px; } .block_title { font-size: 20px; color: #282828; margin-bottom: 32px; } ul.listed { list-style-type: none; } ul.listed li { line-height: 24px; margin-bottom: 20px; } ul.listed li:last-child { margin-bottom: 0; } ul.listed li:before { content: ""; /*С помощью свойства content выводится номер пункта списка. counters() означает, что генерируемый текст представляет собой значения всех счетчиков с таким именем*/ display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; background: #cd0d03; width: 8px; height: 8px; color: #fff; margin-right: 6px; } ul.numbered { counter-reset: li; /*Идентифицируем счетчик и даем ему имя li. Значение счетчика не указано - по умолчанию оно равно 0*/ list-style-type: none; } ul.numbered li { line-height: 24px; margin-bottom: 25px; } ul.numbered li:before { line-height: 18px; counter-increment: li; /*Определяем элемент, который будет нумероваться - li. Псевдоэлемент before указывает, что содержимое, вставляемое при помощи свойства content, будет располагаться до пунктов списка. Здесь же устанавливается значение приращения счетчика -по умолчанию равно 1.*/ content: counters(li,".") " "; /*С помощью свойства content выводится номер пункта списка. counters() означает, что генерируемый текст представляет собой значения всех счетчиков с таким именем*/ display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; background: #b23731; padding: 0 4px; color: #fff; margin-right: 8px; } #oglavlenie { margin-bottom: 28px; border: 1px solid #e5e5e5; } #oglavlenie #oglav_title { margin-bottom: 20px; border-bottom: 1px solid #e0e0e0; padding: 11px 24px; } #oglavlenie #togglelink { cursor: pointer; color: #3f97d5; text-decoration: underline; } #oglavlenie #togglelink:hover { text-decoration: none; } #oglavlenie #oglav_main { color: #2b2b2b; font-size: 21px; font-weight: 700; text-transform: initial; } #oglavlenie_in { margin: 10px 0 20px; padding: 4px 24px; } #oglavlenie_in ul { /*Идентифицируем счетчик и даем ему имя li. Значение счетчика не указано - по умолчанию оно равно 0*/ list-style-type: none; } #oglavlenie_in ul li { line-height: 30px; font-size: 14px; } #oglavlenie_in ul li span { cursor: pointer; color: #3f3e3e; text-decoration: none; } #oglavlenie_in ul li span:focus, #oglavlenie_in ul li span:hover { color: #3f97d5; text-decoration: underline; } #oglavlenie_in ul li:before { content: ""; line-height: 20px; width: 8px; height: 8px; text-align: center; display:inline-block; background: #3f97d5; color: #fff; margin-right: 8px;font-size: 14px; } #oglavlenie_in ul li ul { padding-left: 20px; } #oglavlenie_in ul li ul li:before { height: 6px; width: 6px; } #oglavlenie_in ul li ul li span { font-size: 12px; line-height: 24px; } #true_loadmore { float: left; cursor: pointer; margin-left: 9px; border: 2px solid #0080ed; padding-left: 60px; font-size: 18px; text-decoration: none; color: #363636; display: block; position: relative; width: 216px; height: 50px; line-height: 46px; background: url(img/loadmore.png) left 23px center no-repeat; } #true_loadmore:hover { color: #fff; background: url(img/loadmore_hover.png) left 23px center #0080ed no-repeat; } /* Breadcrumbs */ .bread_wrap { padding: 8px 28px 75px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; } .breadcrumbs { padding: 0 15px 0 0; border-radius: 0; margin:1px 0 0; height: 28px; line-height: 28px; width: 100%; color: #8f8f8f; } .breadcrumbs li {display: inline-block; margin-right: 2px;} .breadcrumbs li span, .breadcrumbs li a{font-size:12px;text-decoration:none;color:#8f8f8f;} .breadcrumbs li a:hover {text-decoration:none; color: #5d8461; } .breadcrumbs li:after {content:"/";position: relative;left: 2px;top: 0px;color: #8f8f8f; } .breadcrumbs li:last-child:after {content:none;} /* Header (Шапка) */ header { width: 100%; margin: 0 auto; background: #fff; } header .inner_header { max-width: 1000px; width: 100%; margin: 0 auto; height: 84px; background: none; } header .mobile_search { margin-bottom: 32px; width: 100%; display: none; } header .navbar-default { margin: 0; border: none; background: none; } header #navbar { display: block; padding: 0; } header .navbar .container-fluid { padding: 0; } .navbar-default .navbar-nav>li>a { color: #5a4a42; } .navbar-right { margin-right: 0; margin: 0; width: 100%; float: none; } .navbar>.container-fluid .navbar-brand { margin-left: 15px; margin-top: 34px; } header .navbar-default .top_header { transition: all 0.1s; } /* header .navbar-default .top_header .logo { float: left; margin-top: 18px; display: block; } header .navbar-default .top_header .logo img { float: left; display: block; } */ header .navbar-default .top_header .logo .logo_text1 { float: left; font-weight: 700; font-size: 31px; line-height: 50px; color: #3f97d5; letter-spacing: -2.1px; margin-top: 13px; word-break: break-all; } header .navbar-default .top_header .logo .separator { float: left; margin: 12px 18px 0; display: block; background: #e6e6e6; width: 1px; height: 36px; } header .navbar-default .top_header .logo .logo_text2 { float: left; display: block; color: #ababab; font-size: 12px; line-height: 36px; } header .navbar-default .top_header .mobile_close { cursor: pointer; display: none; } header .navbar-default .navbar-brand { padding: 0; height: auto; } header .main_menu_wrapper { background: #f5f5f5; } header .main_menu_wrapper .main_menu { float: none; margin: 0 auto; max-width: 1000px; font-size: 0; text-align: left; /* min-height: 56px; */ } header .main_menu_wrapper .main_menu > li { position: relative; } header .main_menu_wrapper .main_menu li { width: 20%; font-size: initial; float: left; text-align: center;display:table; } header .main_menu_wrapper .main_menu li+li:nth-child(5n) a, header .main_menu_wrapper .main_menu li:last-child a { border-right: 1px solid #e6e6e6; } header .main_menu_wrapper .main_menu span, header .main_menu_wrapper .main_menu a { border-left: 1px solid #e6e6e6; text-decoration: none; color: #4d4d4d;padding: 0;font-weight: 700; height: 56px; font-size: 11px; text-transform: uppercase; display: table-cell; position: relative; vertical-align: middle;} header .main_menu_wrapper .main_menu span:hover, header .main_menu_wrapper .main_menu a.active, header .main_menu_wrapper .main_menu a:hover { background: #3f97d5; color: #ffffff; } header .main_menu_wrapper .main_menu .sub-menu { visibility: hidden; position: absolute; background: #f5f5f5; top: 56px; z-index: 600; left: 0; transition: all 0.3s; } header .main_menu_wrapper .main_menu li:hover .sub-menu { visibility: visible; } header .main_menu_wrapper .main_menu .sub-menu a { border: 0; border-bottom: 1px solid #e6e6e6; color: #282828; font-size: 12px; line-height: 48px; font-weight: 400; height: 48px; text-align: left; padding: 0 25px; text-transform: initial; } header .main_menu_wrapper .main_menu .sub-menu a:hover { background: none; color: #4098d6; } header .main_menu_wrapper .main_menu .sub-menu li { max-width: initial; width: 100%; } header .main_menu_wrapper .main_menu .sub-menu li:last-child a { border: 0; } header .header_search { float: right; margin-top: 22px; width: 230px; height: 40px; border: 1px solid #e8e8e8; border-radius: 4px; position: relative; background: none; } header .header_search input[type="text"] { outline: none; font-size: 12px; width: 100%; padding: 0 45px 0 16px; height: 40px; line-height: 40px; color: #a7a7a7; background: none; border: none; } header .header_search input[type="text"]::-webkit-input-placeholder { color:#a7a7a7; } header .header_search input[type="text"]::-moz-placeholder { color:#a7a7a7; }/* Firefox 19+ */ header .header_search input[type="text"]:-moz-placeholder { color:#a7a7a7; }/* Firefox 18- */ header .header_search input[type="text"]:-ms-input-placeholder { color:#a7a7a7; } header .header_search input[type="submit"] { text-indent: -1000px; overflow: hidden; padding: 0; border: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; width: 40px; height: 40px; position: absolute; right:-1px; top: -1px; background: url(img/search_loop.png) center #3f97d5 no-repeat; } header .header_search:hover input[type="submit"] { background-color: #3686be; } .sidebar .header_search {margin-top: 22px; width: 249px; height: 40px; border: 1px solid #e8e8e8; border-radius: 4px; position: relative; background: none; margin-bottom: 20px; } .sidebar .header_search input[type="text"] { outline: none; font-size: 12px; width: 100%; padding: 0 45px 0 16px; height: 40px; line-height: 40px; color: #a7a7a7; background: none; border: none; } .sidebar .header_search input[type="text"]::-webkit-input-placeholder { color:#a7a7a7; } .sidebar .header_search input[type="text"]::-moz-placeholder { color:#a7a7a7; }/* Firefox 19+ */ .sidebar .header_search input[type="text"]:-moz-placeholder { color:#a7a7a7; }/* Firefox 18- */ .sidebar .header_search input[type="text"]:-ms-input-placeholder { color:#a7a7a7; } .sidebar .header_search input[type="submit"] { text-indent: -1000px; overflow: hidden; padding: 0; border: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; width: 40px; height: 40px; position: absolute; right:-1px; top: -1px; background: url(img/search_loop.png) center #3f97d5 no-repeat; } .sidebar .header_search:hover input[type="submit"] { background-color: #3686be; } header .all_rubric_wrapper { max-width: 1000px; margin: 0 auto; position: relative; } header .all_rubric_wrapper .all_rubric { cursor: pointer; position: absolute; z-index: 200; right: 29px; padding: 0 16px; background: #282828; bottom: -25px; height: 25px; line-height: 21px; color: #ffffff; font-size: 13px; } header .all_rubric_wrapper .all_rubric span { border-bottom: 1px dotted #fff; } header .all_rubric_wrapper .all_rubric:hover span { border-bottom: none; } .navbar-toggle { margin: 0; float: right; border: none; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background: none; } .navbar-toggle .icon-bar { height: 3px; width: 46px; border-radius: 0; background: #fff; } .navbar-toggle .icon-bar+.icon-bar { margin-top: 6px; } .mobile_close .icon-bar { display: block; height: 3px; width: 46px; border-radius: 0; background: #fff; } .mobile_close .icon-bar+.icon-bar { margin-top: 6px; } .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin: 0; } .mobile_search_btn { display: none; cursor: pointer; margin-top: 2px; float: left; width: 26px; height: 26px; background: url(img/search_loop.png) center no-repeat; } .styled_table table { border-collapse: separate; overflow: hidden; border-radius: 5px; background: #8eb6bf; width: 100%; border: 1px solid #8eb6bf; } .styled_table table tr:first-child { background-image: -moz-linear-gradient( 90deg, rgb(234,243,245) 0%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(234,243,245) 0%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(234,243,245) 0%, rgb(255,255,255) 100%); } .styled_table table tr th { padding: 9px 20px; color: #404040; } .styled_table table tr td { color: #fff; font-size: 13px; border-right: 1px solid #7a9da5; padding: 9px 20px; } .styled_table table tr td:last-child { border-right: none; } .styled_table table tr+tr:nth-child(odd) { background: #7ea7b0; } #pod_menu{display:none; overflow: hidden;width: 100%; } /* Wrapper */ .wrapper { position: relative; width: 1000px; margin: 0 auto; padding-bottom: 288px; min-height: 100%; height: auto !important; height: 100%; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: -webkit-transform,opacity; -moz-transition-property: -moz-transform,opacity; } /* FRONT PAGE */ .front_content { padding: 8px 28px 75px; max-width: 1000px; margin: 0 auto; } .front_info_block { max-width: 1000px; margin: -65px auto 0; position: relative; z-index: 201; } .front_info_block .about { background: #3f97d5; padding: 34px 43px 28px; } .front_info_block .about p { color: #ffffff; font-size: 14px; line-height: 21px; margin-bottom: 21px; } .front_info_block .about p:last-child { margin: 0; } .page-template-default .front_info_block .about #top_site { color: #fff; font-weight: 700; margin-top: 0; margin-bottom: 20px; } .front_info_block .about blockquote, .front_info_block .about blockquote p { color: #282828; } .front_info_block .about blockquote a { color: #3f97d5; } .front_question .h3 { font-size: 24px; color: #282828; line-height: 36px; font-weight: 700; margin: 0 0 13px; } .front_question p { margin: 0; } .front_question form { display: block; border: 1px solid #e6e6e6; position: relative; padding: 44px 40px 35px; } .front_question form:before { content: ""; position: absolute; top: -2px; left: 0; width: 66px; height: 3px; background: #3f97d5; } .front_question input[type="text"] { margin-bottom: 10px; padding: 0 15px; width: 100%; height: 40px; font-size: 13px; line-height: 40px; border: 1px solid #e8e8e8; border-radius: 4px; color: #7b7b7b; } .front_question textarea { width: 100%; height: 91px; font-size: 13px; line-height: 21px; border: 1px solid #e8e8e8; resize: none; border-radius: 4px; color: #7b7b7b; padding: 6px 17px; } .front_question .input_wrap {clear:both;} .front_question input[type="submit"] { color: #ffffff; font-size: 14px; display: block; width: 30%; height: 40px; border: none; border-radius: 4px; line-height: 40px; background: #3f97d5; } .front_question input[type="submit"]:hover { background: #3686be; } .front_question .left { float: left; width: 30%; } .front_question .right { float: left; width: 70%; padding-left: 12px; } /* Popular_articles (Блок с новыми статьями на главной) */ .new_articles { position: relative; max-width: 1000px; margin: 0 auto 20px; } .new_articles .title { margin-bottom: 29px; font-size: 24px; line-height: 36px; font-weight: 700; color: #282828; } .new_articles .title span { margin-top: 14px; display: block; position: relative; border-bottom: 1px solid #e6e6e6; } .new_articles .title span:before { content: ""; width: 66px; height: 3px; position: absolute; left: 0; bottom: -1px; background: #3f97d5; } .new_articles ul { margin: 0 -9px; font-size: 0; } .new_articles ul li { font-size: initial; width: 50%; display: inline-block; vertical-align: top; padding: 0 9px; margin-bottom: 14px; } .new_articles ul li .date { color: #8f8f8f; font-size: 13px; line-height: 13px; margin-bottom: 6px; } .new_articles ul li .top { float: left; margin-bottom: 10px; max-width: 104px; } .new_articles ul li .top .img_border { overflow: hidden; position: relative; } .new_articles ul li .top .img_border img { width: 100%; display: block; height: auto; } .new_articles ul li .top .img_border span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(62,62,62,0.05); } .new_articles ul li .info { padding-left: 120px; } .new_articles ul li .info a { display: block; font-size: 14px; line-height: 18px; color: #282828; text-decoration: none; } .new_articles ul li .info a:hover { color: #3f97d5; text-decoration: underline; } /* Popular_articles (Блок с популярными статьями) */ .category .popular_articles { width: 100%; } .popular_articles { padding: 14px 0 4px; position: relative; max-width: 1000px; margin: 0 auto; } .popular_articles .title { margin-bottom: 29px; font-size: 24px; line-height: 36px; font-weight: 700; color: #282828; } .popular_articles .title span { margin-top: 14px; display: block; position: relative; border-bottom: 1px solid #e6e6e6; } .popular_articles .title span:before { content: ""; width: 66px; height: 3px; position: absolute; left: 0; bottom: -1px; background: #3f97d5; } .popular_articles ul { margin: 0 -9px; font-size: 0; } .popular_articles ul li { font-size: initial; width: 228px; display: inline-block; vertical-align: top; padding: 0 9px; margin-bottom: 28px; } .popular_articles ul li .date { color: #8f8f8f; font-size: 13px; line-height: 36px; margin-bottom: -3px; } .popular_articles ul li .top { margin-bottom: 10px; } .popular_articles ul li .top .img_border { overflow: hidden; height: 126px; position: relative; } .popular_articles ul li .top .img_border img { width: 100%; display: block; height: auto; } .popular_articles ul li .top .img_border span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(62,62,62,0.05); } .popular_articles ul li .info a { display: block; font-weight: 600; font-size: 14px; line-height: 18px; color: #282828; text-decoration: none; } .popular_articles ul li .info a:hover { color: #3f97d5; text-decoration: underline; } /* RUBRICS PAGE */ .before_content { padding: 8px 28px 75px; max-width: 1000px; margin: 0 auto; } /* LEFTCOL */ .page-header { border: none; margin: 0; padding: 0; } .search .before_content { border: none; } .error404 .wrapper, .page-template-default .wrapper { padding: 8px 28px 288px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; } .search .wrapper { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; } .leftcol { width: 100%; max-width: 666px; padding: 0; } .single-post .bread_wrap { border-left: none; border-right: none; } .single-post .leftcol .rubric_title { margin-bottom: 0; } .error404 .rubric_title, .search .rubric_title, .leftcol .rubric_title { padding-top: 10px; margin-top: 0; margin-bottom: 15px; text-transform: initial; line-height: 36px; font-weight: 700; font-size: 24px; color: #282828; } .error404 .rubric_title h1 { text-transform: uppercase; } .error404 .rubric_title span, .search .rubric_title span, .leftcol .rubric_title span { display: block; clear: both; border-bottom: 1px solid #e6e6e6; position: relative; padding-top: 14px; } .error404 .rubric_title span:before, .search .rubric_title span:before, .leftcol .rubric_title span:before { background: #3f97d5; content: ""; width: 66px; height: 3px; position: absolute; bottom: -1px; left: 0; } .leftcol h1 { margin-top: 0; margin-bottom: 20px; font-size: 30px; line-height: 30px; text-transform: uppercase; color: #1e252c; } .leftcol h2 { margin-top: 0; margin-bottom: 16px; font-size: 21px; line-height: initial; font-weight: 700; color: #2b2b2b; text-transform: initial; } .leftcol h3 { margin-top: 0; margin-bottom: 16px; font-size: 18px; line-height: initial; font-weight: 700; color: #3e3e3e; text-transform: initial; } .without_top_line { border-top: none; } /* SINGLE_CONTENT */ /* .single_content p { font-size: 16px; } */ .single_content a { color: #3f97d5;} /* SIDEBAR */ .sidebar { float: right; margin: 0; width: 248px; padding: 21px 0 0; } .sidebar .sidebar_pop_articles { border: 1px solid #e8e8e8; padding: 13px 27px; margin-bottom: 28px; } .sidebar .sidebar_pop_articles .title { font-size: 16px; line-height: 30px; color: #282828; margin-bottom: 22px; } .sidebar .sidebar_pop_articles .title span { display: block; clear: both; border-bottom: 1px solid #e6e6e6; position: relative; padding-top: 14px; } .sidebar .sidebar_pop_articles .title span:before { background: #3f97d5; content: ""; width: 66px; height: 3px; position: absolute; bottom: -1px; left: 0; } .sidebar .sidebar_pop_articles ul li { margin-bottom: 20px; } .sidebar .sidebar_pop_articles ul li .img_border img { max-width: 46px; } .sidebar .sidebar_pop_articles ul li > div { width: 100%; height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .sidebar .sidebar_pop_articles ul li > div .info { padding-left: 13px; } .sidebar .sidebar_pop_articles ul li > div .info a { display: block; color: #282828; text-decoration: none; line-height: 14px; font-size: 12px; } .sidebar .sidebar_pop_articles ul li > div:hover .info a { color: #3f97d5; text-decoration: underline; } .page.no_breadcrumbs .sidebar { margin: 45px 0 0 18px; } .sidebar .sidebar_new_articles { border: 1px solid #e8e8e8; padding: 13px 0; margin-bottom: 28px; } .sidebar .sidebar_new_articles .title { font-size: 16px; line-height: 30px; color: #282828; margin: 0 27px; } .sidebar .sidebar_new_articles .title span { display: block; clear: both; border-bottom: 1px solid #e6e6e6; position: relative; padding-top: 14px; } .sidebar .sidebar_new_articles .title span:before { background: #3f97d5; content: ""; width: 66px; height: 3px; position: absolute; bottom: -1px; left: 0; } .sidebar .sidebar_new_articles ul li { padding: 15px 27px; border-bottom: 1px solid #e8e8e8; } .sidebar .sidebar_new_articles ul li:last-child { border-bottom: none; } .sidebar .sidebar_new_articles ul li a { display: block; color: #282828; font-size: 12px; line-height: 14px; } .sidebar .sidebar_new_articles ul li a:hover { color: #3f97d5; } .sidebar .podrubriki { background: #f5f5f5; border: 1px solid #e8e8e8; margin-bottom: 28px; } .sidebar .podrubriki .subnavtitle { font-size: 16px; color: #282828; line-height: 36px; padding: 10px 27px 0; margin-bottom: 18px; } .sidebar .podrubriki .subnavtitle span { display: block; clear: both; border-bottom: 1px solid #e6e6e6; position: relative; padding-top: 11px; } .sidebar .podrubriki .subnavtitle span:before { background: #3f97d5; content: ""; width: 66px; height: 3px; position: absolute; bottom: -1px; left: 0; } .sidebar .podrubriki .subnav li { font-size: 12px; color: #282828; padding: 15px 27px; border-bottom: 1px solid #e6e6e6; } .sidebar .podrubriki .subnav li:hover { color: #4098d6; } .sidebar .podrubriki .subnav li span { cursor: initial; color: #4098d6; } .sidebar .podrubriki .subnav li .related-link { cursor: pointer; color: #282828; } .sidebar .podrubriki .subnav li .related-link:hover { color: #4098d6; } .sidebar .podrubriki .subnav li:last-child { border-bottom: none; } .sidebar_question { border: 1px solid #e6e6e6; padding: 10px 25px 28px; } .sidebar_question .h3 { font-size: 16px; color: #282828; line-height: 36px; font-weight: 400; margin: 0 0 25px; } .sidebar_question .h3 span { display: block; clear: both; border-bottom: 1px solid #e6e6e6; position: relative; padding-top: 11px; } .sidebar_question .h3 span:before { content: ""; position: absolute; bottom: -1px; left: 0; width: 66px; height: 3px; background: #3f97d5; } .sidebar_question p { margin: 0; } .sidebar_question form { display: block; position: relative; text-align: center; } .sidebar_question input[type="text"] { text-align: center; margin-bottom: 10px; padding: 0 15px; width: 100%; height: 40px; font-size: 13px; line-height: 40px; border: 1px solid #e8e8e8; border-radius: 4px; color: #7b7b7b; } .sidebar_question textarea { width: 100%; height: 85px; font-size: 13px; line-height: 21px; border: 1px solid #e8e8e8; resize: none; border-radius: 4px; color: #7b7b7b; padding: 6px 17px; margin-bottom: 5px; } .sidebar_question input[type="submit"] { color: #ffffff; font-size: 14px; display: block; width: 100%; height: 40px; border: none; border-radius: 4px; line-height: 40px; background: #3f97d5; } .sidebar_question input[type="submit"]:hover { background: #3686be; } /* POST PAGE */ .stats { padding-top: 4px; padding-bottom: 5px; border-bottom: 1px solid #e6e6e6; margin-bottom: 14px; text-align: left; font-size: 13px; color: #424242; line-height: 34px; } .stats .inline_stats { float: left; width: 25%; } .stats .date { background: url(img/date_icon.png) left center no-repeat; padding-left: 24px; } .stats .views { background: url(img/views_icon.png) left center no-repeat; padding-left: 24px; } .substance { margin-top: 10px; background: #ebebeb; padding: 20px 32px; } .substance .title { margin: 0 0 20px; color: #191919; font-size: 24px; } .substance ol { counter-reset: li; /*Идентифицируем счетчик и даем ему имя li. Значение счетчика не указано - по умолчанию оно равно 0*/ list-style-type: none; } .substance ol li { line-height: 30px; } .substance ol li:before { line-height: 18px; counter-increment: li; /*Определяем элемент, который будет нумероваться - li. Псевдоэлемент before указывает, что содержимое, вставляемое при помощи свойства content, будет располагаться до пунктов списка. Здесь же устанавливается значение приращения счетчика -по умолчанию равно 1.*/ content: counters(li,".") " "; /*С помощью свойства content выводится номер пункта списка. counters() означает, что генерируемый текст представляет собой значения всех счетчиков с таким именем*/ display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; background: #adc637; padding: 0 4px; color: #fff; margin-right: 8px; } .substance ol li ol { padding-left: 18px; } .full_post_img { position: relative; margin-bottom: 30px; } .full_post_img img { display: block; width: 100%; } .full_post_img p { color: #747474; font-size: 12px; margin: 0; background: #ebebeb; text-align: center; padding: 3px 0; width: 100%; position: absolute; left: 0; bottom: 0; } .article_like_this { margin: 38px 0; background: #ebebeb; padding: 28px 32px; } .article_like_this .title { margin: 0 0 20px; color: #191919; font-size: 24px; } .article_like_this .link_title { line-height: 21px; display: block; margin: 0 0 5px; color: #1e1e1e; font-size: 18px; } .article_like_this .left { float: left; width: 180px; padding-top: 5px; } .article_like_this .right { float: left; width: 488px; margin-left: 18px; } .article_like_this .right .desc { font-size: 14px; line-height: 24px; } .return_oglavlenie { overflow: hidden; margin: 25px 0; } .return_oglavlenie span { float: left; cursor: pointer; text-decoration: underline; border: 1px solid #e8e8e8; padding: 0 16px; line-height: 34px; height: 40px; font-size: 13px; color: #858585; display: block; position: relative; background: none; } .return_oglavlenie span:hover { background: none; text-decoration: none; } .secondary_post_img { float: left; margin-right: 15px; position: relative; } .secondary_post_img .desc { text-align: center; padding: 5px 0; background: #ebebeb; color: #72635c; margin: 0; position: absolute; left: 0; bottom: 0; width: 100%; font-size: 12px; line-height: 14px; } #type_navig_main { overflow: hidden; margin-bottom: 24px; margin: 0 -3px 25px; } #type_navig_main div { border: 1px solid #e8e8e8; float: left; margin: 0 3px; font-size: 14px; line-height: 38px; height: 38px; color: #282828; cursor: pointer; width: 100%; max-width: 118px; text-align: center; position: relative; } #type_navig_main div:hover, #type_navig_main div.cur_type { background: #f5f5f5; color: #282828; border: 1px solid #e8e8e8; } blockquote { min-height: 120px; clear: both; margin-bottom: 25px; margin-bottom: 20px; border: 1px solid #e0e0e0; background: url(img/blockquote_bg.jpg) 33px 29px #f6f6f6 no-repeat; padding: 24px 35px 35px 96px; } blockquote p { color: #555555; line-height: 21px; font-size: 13px; } #foto_main_content { display: none; font-size: 0; margin: 20px 0; } #foto_main_content > a { position: relative; font-size: initial; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; max-height: 200px; overflow: hidden; width: 31.33333333%; margin: 0 1% 15px; } #foto_main_content > a:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(102,102,102,0.10); } #foto_main_content > a img { width: 100%; height: auto; display: block; } .author_rank { cursor: initial; position: relative; border: 1px solid #e5e5e5; margin: 20px 0 35px; color: #2a2a32; background: #f9f9f9; padding: 22px 32px; min-height: 130px; } .author_rank .author_title { color: #282423; font-size: 16px; font-weight: 700; line-height: 30px; } .author_rank p { color: #2a2a32; margin: 0; } .author_rank .authors { display: none; float: left; width: 33.33333333%; } .author_rank .authors .author_avatar { float: left; border: 1px solid #e9e9e9; padding: 14px; width: 186px; height: 186px; overflow: hidden; } .author_rank .authors .author_avatar > div { height: 100%; } .author_rank .authors .author_avatar img { width: 100%; height: auto; display: block; } .author_rank .expert-title { color: #282423; font-size: 16px; font-weight: 700; line-height: 30px; } .author_rank .rank { float: left; width: 33.33333333%; } .author_rank .authors .expert-title .author_link { display: block; font-size: 14px; line-height: 21px; color: #272727; text-decoration: none; } .author_rank .authors .expert-title a.author_link:focus, .author_rank .authors .expert-title a.author_link:hover { text-decoration: none; } .author_rank .rank .thumbs-rating-container { text-align: center; padding: 0; line-height: 24px; } .author_rank .right_author p { margin-bottom: 20px; font-size: 18px; color: #282423; } .author_rank .rank .thumbs-rating-container { margin-top: 0px; min-width: 140px; height: 27px; border: none; background: #fff; } .author_rank .rank .thumbs-rating-container .thumbs-rating-down { font-size: 21px; background: #f44b4b; cursor: pointer; display: inline-block; color: #fff; padding: 0; text-align: center; width: 36px; height: 26px; } .author_rank .rank .thumbs-rating-container .thumbs-rating-up { font-size: 21px; background: #0080ed; cursor: pointer; display: inline-block; padding: 0; color: #fff; width: 36px; height: 26px; } .author_rank .rank .thumbs-rating-container .raiting_sum { background: #ebebeb; display: inline-block; padding: 0 14px; text-align: center; margin: 0; font-size: 16px; color: #453d3d; position: relative; top: 0; height: 26px; margin: 0 8px; } .author_rank .rank .thumbs-rating-container .raiting_sum:hover { color: #453d3d; } .author_rank .thumbs-rating-container .thumbs-rating-already-voted { text-align: left; } .thumbs-rating-container.not-voted .thumbs-rating-up:hover, .thumbs-rating-container.not-voted .thumbs-rating-down:hover { color: #fff !important; } .author_rank .social { float: left; width: 33.33333333%; } .author_rank .social .expert-title { margin-bottom: 3px; } .single_content > ul, .single_content #txt_main_content ul { list-style-type: none; } .single_content > ul li, .single_content #txt_main_content ul li, .front_info_block ul li{ line-height: 24px; margin-bottom: 20px; } .front_info_block ul li {color:#fff;} .single_content #txt_main_content #oglavlenie_in ul li { margin-bottom: 0; line-height: 30px; } /* .single_content .text_block ul li:last-child { margin-bottom: 0; } */ .single_content > ul li:before, .single_content #txt_main_content ul li:before, .front_info_block ul li:before { content: ""; /*С помощью свойства content выводится номер пункта списка. counters() означает, что генерируемый текст представляет собой значения всех счетчиков с таким именем*/ display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; background: #3f97d5; width: 8px; height: 8px; color: #fff; margin-right: 6px; } .front_info_block ul li:before {background:#fff;} .single_content > ol, .single_content #txt_main_content ol { counter-reset: li; /*Идентифицируем счетчик и даем ему имя li. Значение счетчика не указано - по умолчанию оно равно 0*/ list-style-type: none; } .single_content > ol li, .single_content #txt_main_content ol li { line-height: 24px; margin-bottom: 25px; } .single_content > ol li:before, .single_content #txt_main_content ol li:before{ line-height: 18px; counter-increment: li; /*Определяем элемент, который будет нумероваться - li. Псевдоэлемент before указывает, что содержимое, вставляемое при помощи свойства content, будет располагаться до пунктов списка. Здесь же устанавливается значение приращения счетчика -по умолчанию равно 1.*/ content: counters(li,".") " "; /*С помощью свойства content выводится номер пункта списка. counters() означает, что генерируемый текст представляет собой значения всех счетчиков с таким именем*/ display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; background: #3f97d5; color: #fff; margin-right: 8px; min-width: 20px;padding: 0 7px; text-align: center; height: 20px; line-height: 20px; } /* RELATED_POSTS */ .related_posts { padding: 14px 0 4px; position: relative; max-width: 1000px; margin: 0 auto; } .related_posts .title { margin-bottom: 29px; font-size: 24px; line-height: 36px; font-weight: 700; color: #282828; } .related_posts .title span { margin-top: 14px; display: block; position: relative; border-bottom: 1px solid #e6e6e6; } .related_posts .title span:before { content: ""; width: 66px; height: 3px; position: absolute; left: 0; bottom: -1px; background: #3f97d5; } .related_posts ul { margin: 0 -9px; font-size: 0; } .related_posts ul li { font-size: initial; width: 25%; display: inline-block; vertical-align: top; padding: 0 9px; margin-bottom: 28px; } .related_posts ul li .date { color: #8f8f8f; font-size: 13px; line-height: 36px; margin-bottom: -3px; } .related_posts ul li .top { margin-bottom: 10px; } .related_posts ul li .top .img_border { overflow: hidden; position: relative; } .related_posts ul li .top .img_border img { width: 100%; display: block; height: auto; } .related_posts ul li .top .img_border span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(62,62,62,0.05); } .related_posts ul li .info a { display: block; font-weight: 600; font-size: 14px; line-height: 18px; color: #282828; text-decoration: none; } .related_posts ul li .info a:hover { color: #3f97d5; text-decoration: underline; } /* EXPERT PAGE */ .expert_full_info { margin-top: 20px; color: #020304; font-size: 16px; } .expert_full_info .title { line-height: 36px; margin: 0 0 20px; color: #34322d; font-size: 30px; } .expert_full_info .expert_photo { float: left; max-width: 244px; border: 1px solid #e9e9e9; height: auto; margin-right: 30px; margin-bottom: 15px; overflow: hidden; } .expert_full_info .expert_photo img { width: 100%; height: auto; display: block; } .expert-email {margin: 35px 0;font-size:16px;} .ask_a_question { padding-top: 40px; } .ask_a_question .h3 { text-transform: uppercase; color: #34322d; font-size: 30px; margin: 0 0 30px; } .ask_a_question form { padding: 25px 32px; background: #ffffff; border: 1px solid #e5e5e5; } .ask_a_question form label { font-size: 15px; color: #fff; vertical-align: middle; display: inline-block; width: 30%; text-shadow: 0.5px 0.866px 1px rgba(0, 0, 0, 0.29); } .ask_a_question form ul li:nth-child(3) label { vertical-align: top; } .ask_a_question input[type="text"] { height: 46px; line-height: 46px; display: inline-block; width: 100%; border: 1px solid #e5e5e5; outline: none; background: #fff; color: #424242; padding: 5px 12px; color: #434343; font-size: 14px; } .ask_a_question input[type="text"]:first-child { margin-bottom: 14px; } .ask_a_question input[type="text"]::-webkit-input-placeholder { color: #424242; } .ask_a_question input[type="text"]:-moz-placeholder { color: #424242; } .ask_a_question input[type="text"]::-moz-placeholder { color: #424242; } .ask_a_question input[type="text"]:-ms-input-placeholder { color: #424242; } .ask_a_question textarea { display: inline-block; width: 100%; border: 1px solid #e5e5e5; outline: none; color: #434343; resize: none; padding: 5px 12px; height: 100px; font-size: 14px; background: #fff; } .ask_a_question textarea::-webkit-input-placeholder { color: #424242; } .ask_a_question textarea:-moz-placeholder { color: #424242; } .ask_a_question textarea::-moz-placeholder { color: #424242; } .ask_a_question textarea:-ms-input-placeholder { color: #424242; } .ask_a_question textarea:focus { border: none; } .ask_a_question input[type="submit"] { width: 100%; outline: none; border: none; height: 50px; line-height: 50px; font-size: 18px; color: #fff; background: #0080ed; } .ask_a_question input[type="submit"]:hover { background: #363738; } .ask_a_question .submit_wrap .line { display: inline-block; width: 37%; height: 1px; background: #4c98aa; } .ask_a_question .submit_wrap .line2 { display: inline-block; width: 37%; height: 1px; background: #4c98aa; } .ask_a_question .submit_wrap { margin-top: 17px; text-align: center; } .expert_publications { margin: 40px 0; overflow: hidden; } .expert_publications .h3 { font-size: 30px; text-transform: uppercase; color: #282423; margin-bottom: 20px; } .expert_publications ul { border-radius: 5px; padding: 0; } .expert_publications ul li { float: left; width: 50%; padding: 0 24px 0 24px; position: relative; margin: 0; font-size: 16px; } .expert_publications ul li:before { content: ""; left: 0; top: 8px; position: absolute; width: 10px; height: 10px; background: #0080ed; } .expert_publications ul li a { font-size: 14px; line-height: 30px; color: #303030; text-decoration: underline; } .expert_publications ul li a:hover { color: #0080ed; } .expert_publications .more_button { border-radius: 30px; text-decoration: none; margin-top: 25px; float: left; display: block; border: none; display: block; float: left; padding: 5px 23px; font-size: 14px; color: #fff; line-height: 30px; background-image: -moz-linear-gradient( 90deg, rgb(180,16,6) 0%, rgb(225,12,0) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(180,16,6) 0%, rgb(225,12,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(180,16,6) 0%, rgb(225,12,0) 100%); } .expert_publications .more_button:hover { background-image: -moz-linear-gradient( 90deg, rgb(225,12,0) 0%, rgb(180,16,6) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(225,12,0) 0%, rgb(180,16,6) 100%); background-image: -ms-linear-gradient( 90deg, rgb(225,12,0) 0%, rgb(180,16,6) 100%); color: #fff; } /* COMMENTS */ .comments { margin: 50px 0 30px; } .comments .inner { border-radius: 10px; padding: 30px 45px; background: #f9f9f9; -webkit-box-shadow: inset 0px 1px 5px 0px rgba(221,221,221,1); -moz-box-shadow: inset 0px 1px 5px 0px rgba(221,221,221,1); box-shadow: inset 0px 1px 5px 0px rgba(221,221,221,1); } .comments .inner form input[type="text"] { font-size: 14px; color: #7f7f7f; padding: 5px 12px; width: 100%; margin: 0 0 10px 0; border: 1px solid #ebebeb; } .comments .inner form textarea { font-size: 14px; color: #7f7f7f; padding: 5px 12px; width: 100%; height: 78px; resize: none; margin: 0; border: 1px solid #ebebeb; } .comments .inner form input[type="submit"] { margin-top: 17px; font-size: 14px; color: #fff; padding: 5px 20px; border: none; background: #b23731; } .comments .inner form input[type="submit"]:hover { background: #d84a43; } .comments .inner ul li { padding-top: 20px; border-top: 1px solid #e1e1e1; margin-top: 28px; } .comments .inner ul li .comment_user { color: #2c2b2b; } .comments .inner ul li .comment_date { line-height: 30px; color: #595959; font-size: 12px; text-transform: uppercase; } .comments .inner ul li .comment_text { margin: 10px 0 15px; line-height: 24px; font-size: 14px; color: #575757; } .comments .inner ul li .answer_button { display: block; float: left; padding: 5px 23px; background: #594a42; font-size: 13px; color: #fff; line-height: 18px; } .comments .inner ul li .answer_button:hover { background: #adc637; } .commenting_block .commenting_title { font-size: 30px; color: #34322d; margin-bottom: 30px; } .expert_comment .most_commented ul {background:#def0ff;} .expert_comment .full_date {padding: 6px 14px!important;} /* PAGINATION */ .pagination { display: block; width: 100%; margin: 0; border-radius: 0; padding: 13px 28px 13px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; } .pagination ul li { margin: 0 7px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; } .pagination ul li:first-child { margin-left: 0; } .pagination span, .pagination a { margin-right: 6px; text-decoration: none; display: inline-block; font-size: 13px; padding: 1px 7px; color: #1e1e1e; background: #e6e6e6; } .pagination span.extend { background: none; } .pagination span.current, .pagination a:hover { background: #3f97d5; color: #fff; } /* SEARCH PAGE */ .main_search_block { float: left; margin-top: 13px; width: 230px; height: 40px; border: 1px solid #e8e8e8; border-radius: 4px; position: relative; background: none; } .main_search_block input[type="text"] { outline: none; font-size: 12px; width: 100%; padding: 0 45px 0 16px; height: 40px; line-height: 40px; color: #a7a7a7; background: none; border: none; } .main_search_block input[type="text"]::-webkit-input-placeholder { color:#a7a7a7; } .main_search_block input[type="text"]::-moz-placeholder { color:#a7a7a7; }/* Firefox 19+ */ .main_search_block input[type="text"]:-moz-placeholder { color:#a7a7a7; }/* Firefox 18- */ .main_search_block input[type="text"]:-ms-input-placeholder { color:#a7a7a7; } .main_search_block input[type="submit"] { text-indent: -1000px; overflow: hidden; padding: 0; border: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; width: 40px; height: 40px; position: absolute; right:-1px; top: -1px; background: url(img/search_loop.png) center #3f97d5 no-repeat; } .main_search_block:hover input[type="submit"] { background-color: #3686be; } /* SLIDER */ .slider { position: relative; } .slider .tabs { float: left; margin: -110px 0 0 50px; position: relative; z-index: 120; } .slider .tabs ul li { float: left; margin-right: 12px; } .slider .tabs ul li a { display: block; background: #fdfcfd; width: 90px; height: 4px; border-radius: 3px; } .slider .tabs ul li a:hover, .slider .tabs ul li.active a { background: #d70d01; } .slider .carousel-wrap { display: none; margin-bottom: 0; position: relative; max-height: 380px; } .slider .carousel-wrap.active { display: block; } .slider .title { display: block;text-decoration: none; font-size: 24px; line-height: 21px; color: #fff; } .slider .desc { margin: 0; padding-bottom: 60px; font-size: 14px; line-height: 21px; color: #fff; } .slider .left { height: 260px; padding-left: 50px; padding-right: 50px; border-bottom-right-radius: 10px; border-top-right-radius: 10px; background: rgba(5,5,5,0.65); position: absolute; left: 0; top: 60px; width: 567px; } .slider .right { float: right; border-radius: 10px; overflow: hidden; width: 100%; /* margin-top: 35px; */ text-align: right; } .slider .right img { display: block; width: 100%; height: auto; } .slider .progress_bar { height: 4px; background: #5a4a42; } .slider .progress_bar ul li { float: left; width: 33.33333333%; height: 4px; } .slider .progress_bar ul li.active { width: 33.33333333%; background: #adc637; } .list_block_inner { width: 1000px; margin: 0 auto; } .new_ideas { border-top: 3px solid #e5e5e5; border-bottom: 3px solid #e5e5e5; } .list_blocks { padding: 35px 0; } .list_blocks ul { margin: 0 -25px; text-align: center; } .list_blocks ul li { padding: 0 25px; width: 345px; float: none; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; } .list_blocks ul li a { display: block; text-align: initial; margin-bottom: 20px; } .list_blocks ul li > div > p { font-size: 13px; text-align: initial; } .list_blocks ul li .inner_content .img_border { border-radius: 5px; overflow: hidden; position: relative; z-index: 50; } .list_blocks ul li .inner_content .img_border img { width: 100%; display: block; height: auto; } .list_blocks ul li .inner_content .bottom_info { padding: 13px 6px 6px; background: #fbf9f6; position: relative; top: -5px; border: 1px solid #f0ede8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; z-index: 49; } .list_blocks ul li .inner_content .bottom_info .price { width: 50%; text-align: center; border-radius: 5px; display: inline-block; padding: 2px 4px; border: 1px solid #c4d8dd; color: #1e5563; font-size: 16px; } .list_blocks ul li .inner_content .bottom_info .rubric { text-align: center; width: 50%; display: inline-block; padding: 2px 4px; } .list_blocks .tabs { padding-bottom: 15px; } .list_blocks .tabs .tab_element { cursor: pointer; margin: 0 25px 10px; font-size: 20px; display: inline-block; border-bottom: 1px dotted #3e7988; color: #3e7988; text-decoration: none; } .list_blocks .tabs .tab_element:first-child { margin-left: 0; } .list_blocks .tabs .tab_element.active { color: #544e4e; border-bottom: none; border-radius: 5px; padding: 5px 25px; background: #fbf9f6; position: relative; } .list_blocks .tabs .tab_element.active:after { content: ''; position: absolute; left: 50%; margin-left: -7px; bottom: -14px; border: 7px solid transparent; border-top: 7px solid #fbf9f6; } /* Home (Главная страница) */ .home .wrapper { width: 100%; padding: 0 0 288px; } /* Слайдер на главной */ .slider { width: 100%; height: 356px; } .slider_wrap { position: relative; overflow: hidden; max-width: 1920px; height: 493px; margin: 0 auto; background-image: -moz-linear-gradient( 90deg, rgb(232,232,232) 0%, rgb(251,251,251) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(232,232,232) 0%, rgb(251,251,251) 100%); background-image: -ms-linear-gradient( 90deg, rgb(232,232,232) 0%, rgb(251,251,251) 100%); } .slider_wrap > img { position: absolute; left: 0; top: 0; } .slider_wrap .slider_inner { max-width: 1000px; margin: 0 auto; padding-top: 60px; overflow: hidden; } .slider .slider_info_wrap { max-width: 1200px; margin: 0 auto; position: relative; z-index: 100; } .slider .slider_info_wrap .slide_info { float: left; width: 50%; padding-left: 57px; } .slider .img_overlay { float: left; width: 50%; max-width: 485px; height: 308px; position: relative; overflow: hidden; } .slider .img_overlay img { display: block; width: 100%; height: auto; } .slider .img_overlay:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(62,62,62,0.05); } .slider .slide_info .title a { display: block; font-size: 36px; font-weight: 700; text-decoration: none; color: #282828; line-height: 40px; margin-bottom: 25px; position: relative; top: -5px; } .slider .slide_info p { color: #575757; font-size: 13px; line-height: 21px;} .jshowoff-controls { margin: -58px auto 0; z-index: 300; max-width: 1200px; height: 58px; position: relative; left: 0; bottom: 0; } .jshowoff-controls .jshowoff-play { display: none; } .jshowoff-controls a { overflow: hidden; text-indent: -1000px; display: block; float: left; width: 58px; height: 58px; top: 250px; z-index: 100; } .jshowoff-controls a.jshowoff-prev { left: 0; background: url(img/slider_btns.jpg) 0 0 no-repeat; } .jshowoff-controls a.jshowoff-prev:hover { background-position: 0 -58px; } .jshowoff-controls a.jshowoff-next { right: 0; background: url(img/slider_btns.jpg) -58px 0 no-repeat; } .jshowoff-controls a.jshowoff-next:hover { background-position: -58px -58px; } .jshowoff-slidelinks { display: block; position: relative; z-index: 200; clear: both; overflow: hidden; width: 50%; float: right; padding-left: 44px; text-align: left; margin: -63px 0 0; } .jshowoff-slidelinks a { display: inline-block; width: 49px; height: 8px; margin-left: 9px; background: #c1c1c1; font-size: 0; text-indent: -1000px; overflow: hidden; } .jshowoff-slidelinks a.jshowoff-active, .jshowoff-slidelinks a:hover { background: #3f97d5; } .jshowoff-slidelinks a:first-child { margin-left: 0; } /* Footer (Подвал) */ footer { max-width: 1000px; margin: -288px auto 0; padding: 59px 23px 20px; position: relative; color: #67645c; background: #3f97d5; min-height: 288px; } footer .kartasajta { position: absolute; left: 29px; padding: 0 16px; background: #282828; top: -25px; height: 25px; line-height: 21px; color: #ffffff; font-size: 13px; } footer .kartasajta a { border-bottom: 1px dotted #fff; color: #ffffff; } footer .kartasajta:focus a, footer .kartasajta:hover a { border-bottom: none; color: #ffffff; text-decoration: none; } body.home footer { border-top: none; } footer .top_footer .inner { margin: 0 auto; } footer a { color: #6e6b62; font-size: 14px; text-decoration: none; } footer a:focus, footer a:hover { color: #5d8461; text-decoration: underline; } footer .logo { float: left; } footer .logo img { float: left; display: block; } footer .logo .separator { float: left; margin: 0 17px; display: block; background: #e6e6e6; width: 1px; height: 30px; } footer .logo .logo_text1 { float: left; display: block; font-weight: 700; color: #ffffff; font-size: 30px; line-height: 36px; } footer .logo .logo_text2 { float: left; display: block; color: #eaeaea; font-size: 12px; line-height: 28px; } footer .foot_cat_title { font-size: 16px; text-transform: uppercase; margin-bottom: 25px; color: #fff; font-weight: 700; } footer .footer_col + .footer_col { float: right; } footer .footer_col.rubric_col { width: 50%; } footer .footer_col.rubric_col li { float: left; width: 50%; } footer .footer_col.rubric_col li .sub-menu li { float: none; width: 100%; } footer .footer_col.rubric_col li .sub-menu li a { font-size: 11px; line-height: 18px; } footer .copyright { color: #ffffff; position: relative; z-index: 100; margin-top: 34px; margin-left: 3px; font-size: 14px; } footer .copyright span { color: #eaeaea; font-size: 12px; margin-top: 21px; display: block; line-height: 18px; } footer .categories { margin-bottom: 15px; } footer .categories li { margin-bottom: 3px; font-size: 13px; color: #ffffff; } footer .categories li:hover { color: #b0deff; } footer .categories a { line-height: 22px; font-size: 13px; color: #ffffff; } footer .categories a:hover { color: #b0deff; text-decoration: none; } footer .footer_search { float: right; width: 190px; height: 49px; border-bottom: 1px solid #8e8e8e; position: relative; background: none; } footer .footer_search input[type="text"] { outline: none; font-size: 15px; width: 100%; margin-top: 10px; padding: 0 48px 0 12px; height: 32px; color: #34312a; background: none; border: none; } footer .footer_search input[type="text"]::-webkit-input-placeholder { color:#34312a; } footer .footer_search input[type="text"]::-moz-placeholder { color:#34312a; }/* Firefox 19+ */ footer .footer_search input[type="text"]:-moz-placeholder { color:#34312a; }/* Firefox 18- */ footer .footer_search input[type="text"]:-ms-input-placeholder { color:#34312a; } footer .footer_search input[type="image"] { padding: 0; border: none; width: 16px; height: 16px; position: absolute; right: 5px; top: 18px; } header .navbar-default .top_header.fixed { transition: all 0.1s; padding-top: 12px; bottom:0; left: 0; position: fixed; z-index: 1000; width:100%; height:56px; background: rgba(251,249,246,0.89); box-shadow: 0.5px 0.866px 3px 0px rgba(76, 104, 111, 0.79); } header .navbar-default .top_header.fixed .header_search { display: none; } header .navbar-default .top_header.fixed .main_menu { width: auto; } .mobile_logo { display: none; background-size: 100%; width: 274px; margin-right: 25px; height: 48px; background: url(img/logo.png) no-repeat; } .page-template-default #top_site { /* margin-top: 45px; margin-bottom: 30px; */ margin: 0; text-transform: uppercase; font-size: 30px; color: #282423; } .alignnone { width: 80%; max-width: 500px; height: auto; margin: 0 auto; display: block; } .aligncenter { width: 80%; max-width: 500px; height: auto; margin: 0 auto; display: block; } .alignright { width: 30% !important; height: auto; float: right; margin: 10px 0 10px 10px; } .alignright img { width: 100%; display: block; height: auto; } .alignright p { position: relative; text-align: left; font-size: 13px; color: #525252; border: 1px solid #e5e5e5; border-top: none; background: none; padding: 15px 10px 10px;} .alignleft { width: 30% !important; height: auto; float: left; margin: 10px 10px 10px 0; } .alignleft img { width: 100%; display: block; height: auto; } .alignleft p { position: relative; text-align: left; font-size: 13px; color: #525252; border: 1px solid #e5e5e5; border-top: none; background: none; padding: 15px 10px 10px; } .aligncenter { width: 100% !important; height: auto; margin: 10px auto; } .aligncenter img { width: 100%; display: block; height: auto; } .aligncenter p { position: relative; text-align: left; font-size: 13px; color: #525252; border: 1px solid #e5e5e5; border-top: none; background: none; padding: 15px 10px 10px;} .obratka form { overflow: hidden; padding: 20px 32px; border: 1px solid #e5e5e5; } .obratka form input[type="text"] { border: 1px solid #e5e5e5; outline: none; color: #3b3b3b; padding: 5px 12px; margin-bottom: 10px; width: 100%; background: #fff; color: #3b3b3b; font-size: 14px; } .obratka form textarea { outline: none; color: #3b3b3b; resize: none; padding: 5px 12px; width: 100%; height: 78px; border: 1px solid #e5e5e5; font-size: 14px; } .obratka form input[type="submit"] { color: #fff; margin-top: 17px; float: left; display: block; width: 212px; text-align: center; border: none; height: 49px; line-height: 49px; background: #0080ed; } .obratka form input[type="submit"]:hover { background: #363738; color: #fff; } .obratka form strong { display: block; clear: both; } .banner_expert {background:url(img/banner.jpg) no-repeat;height:215px;padding:35px 20px;} .banner_expert p:first-child {color:#363738;font-weight:bold;text-transform:uppercase;font-size:30px;line-height: 34px;} .banner_expert p:last-child {color:#333;font-size:14px;} .ddsg-wrapper ul ul { padding: 5px 0 20px 20px; } #responsive-menu .responsive-menu li.current-menu-item > a, #responsive-menu .responsive-menu li.current-menu-item > .appendLink, #responsive-menu .responsive-menu li.current_page_item > a, #responsive-menu .responsive-menu li.current_page_item > .appendLink { color: #c8e8ff !important; background: none !important; } #click-menu { background: none !important; } /* Page navigation (pagination) */ .wp-pagenavi a, .wp-pagenavi span { color: #1e1e1e !important; font-size: 13px !important; border: none !important; padding: 1px 7px !important; font-weight: normal !important; margin: 0 3px !important; } .wp-pagenavi a:hover, .wp-pagenavi span.current, .wp-pagenavi span.current { color: #ffffff !important; } /* Page navigation (pagination) */ /* Commenting form */ #respond {padding:20px 0;} .comments-template { border: 1px solid #e5e5e5; padding: 22px 32px; background: #f9f9f9; } .comments-template .h1 { margin-top: 0; margin-bottom: 16px; font-size: 21px; line-height: initial; font-weight: 700; color: #2b2b2b; text-transform: initial; } .author-field {width: 49%;float: left;} .email-field {width: 49%;float: right;} #respond input, #respond textarea {width: 100%;padding: 2%;box-sizing: border-box;border: 1px solid #e8e8e8;color: #909090;font-size: 13px;} #respond textarea { width: 100%; resize: none; margin-top: 2%;height: 100px;padding: 1%; } #respond button {width: 150px;height: 35px;border-radius: 4px; background: #3f97d5;border: 0;color: #fff;font-size: 14px;margin-top: 10px;} #respond button:hover {cursor:pointer;background:#3686be;} .section {padding: 0 20px;border-top: 1px solid #dadada;} .comment-author {color:#2c2b2b;font-size:18px;margin-bottom: 7px;} .comment-content p {color:#555;font-size:15px;margin-bottom: 5px;} .comment-content a {padding: 3px 14px;background: #81c0d1;font-size: 13px;color: #fff;text-decoration: none;} .comment-content a:hover {background:#272626} .comment-meta {padding: 20px 0 0;} .comment-date {font-size: 13px;color: #595959;margin-bottom: 0;} .commentlist li:first-child {padding-top:20px;} .commentlist li:first-child {padding-top:20px;} #toTop {display: none; cursor: pointer; position: fixed;right: 50px;bottom: 50px;width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid #1e252c;} /* banner */ .banner-up, .banner-up-white {font-family:PT Sans; font-size:14px;background:url(img/bg-banner.png) no-repeat;width:438px;height:74px;display: table-cell;vertical-align: middle;float: left;padding: 18px 0;margin: 5px 0 0 20px;} .banner-up-white {background:url(img/bg-banner.jpg) no-repeat;} .banner-up a, .banner-up-white a {display:block;color:#fff;text-decoration:none;padding: 9px 17px;} .button-1 {float:right;border-radius: 4px;margin-right: 6px;background: #4c99dc;} .button-1:hover {background: #387eba;} .button-2 {float:right;border-radius: 4px;margin-right: 6px;background: #58bfb8;} .button-2:hover {background: #42a8a1;} .button-3 {float:right;border-radius: 4px;margin-right: 25px;background: #f4a300;} .button-3:hover {background: #de9100;} .phone {float: right;padding: 10px 0 0;width: 265px;height: 75px;} .phone img {width:100%;} .phone p:nth-child(1) {text-transform:uppercase;color:#000;font-weight:bold;margin-bottom: 5px;font-size: 17px;} .phone p:nth-child(2) {color:#f00;font-weight:bold;font-size: 32.5px;} /* slidebox */ #slidebox{width:445px;height:200px;margin-bottom:30px;background-color:#efefef;position:fixed;bottom:0;left:-445px;box-shadow:0 0 10px #aaa;-moz-box-shadow:0 0 10px #aaa;-webkit-box-shadow:0 0 10px #aaa;z-index:9999;border-radius:0 10px 10px 0;overflow:hidden} .sbtitle{font-size:22px;display:block;padding:5px 40px 5px 20px;text-transform:uppercase;color:#efefef;font-weight:bold;background-color:#3F97D5} .sblink{display:block;padding:15px;text-decoration:none} .sblink img{width:130px;float:left;margin-right:15px;border-radius:5px} .sblink:hover img{opacity:0.8} .sbtext{display:block;color:#000;font-size:14px;line-height:1.5} .sbtext strong {font-weight: bold;} a.sblink:hover{text-decoration:none !important} .sblink2{text-decoration:none !important;color:#3F97D5;display:inline;transition:all .2s ease-in-out;padding:0 3px;font-weight:bold;box-shadow:inset 0 -1px 0 0 #3F97D5;position:absolute;bottom:0;right:0;margin:13px} .sblink2:hover{text-decoration:none !important;color:#fff !important;transition:all .2s ease-in-out;box-shadow:inset 0 -100px 0 0 #3F97D5} .sbclose{position:absolute;cursor:pointer;top:-4px;right:11px;z-index:99999;font-size:35px;opacity:0.8;font-weight:bold;color:#fff;text-decoration:none !important;} .sbclose:hover{opacity:1;text-decoration:none !important;color: #fff;} .vtoroy {border-radius:0!important;height:auto!important;} .vtoroy .sblink img {float:right;width:80px!important;margin:0 14px;} .vtoroy .sblink {padding: 15px 0 15px 14px;} .cennik {color:red;font-size:18px;font-weight:bold} .podrobnee {text-decoration: none !important;background: #3F97D5;transition: all .2s ease-in-out;padding: 10px 0;font-weight: bold;color:#fff;margin: 20px auto 5px;width: 240px;text-align: center;} .podrobnee:hover {opacity:0.7;transition: all .2s ease-in-out;} .vtoroy .sbtext {font-size:13px;} /* popup */ .overlay-popup{background-color:rgba(0,0,0,0.7);bottom:0;cursor:default;left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:99999} .popup{background-color:#fff;border:3px solid #fff;display:inline-block;opacity:0;width:610px;margin-left:-322px;left:50%;padding:15px;position:fixed;text-align:justify;top:20%;visibility:hidden;z-index:999999} .popup .close_window{width:20px;height:30px;position:absolute;padding:10px;top: -5px;right: 16px;cursor:pointer;font-weight:lighter;font-size:43px;color:#fff;line-height:20px;opacity:0.7} .popup .close_window:hover{opacity:1} .bold{font-weight:bold} .akci{max-width:190px;float:right;margin:75px 0 10px 15px;} .akcia-h{font-size:25px !important;margin:-18px;padding:10px 20px;text-transform:uppercase;color:#fff;font-weight:bold;background-color:#007FB2} .akci-b{margin-bottom:-30px;margin-left:80px} .akci-b:hover{opacity:0.7} .popup p{font-size:18px;margin-bottom:25px;text-align:left;line-height:1.5;} .popup-inner{display:block;width:100%;height:100%;cursor:pointer} span.oldprise{clear:left;display:block;position:relative;margin: 35px 0;} span.oldprise span{text-decoration:line-through} span.newprise{color:red;display:block;font-size:25px;font-weight:bold} span.newprise span{font-size:30px} /*/////////////////////////// Responsive Menu Styles */ #responsive-menu .appendLink, #responsive-menu .responsive-menu li a, #responsive-menu #responsive-menu-title a,#responsive-menu .responsive-menu, #responsive-menu div, #responsive-menu .responsive-menu li, #responsive-menu{box-sizing: content-box;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;-o-box-sizing: content-box}.RMPushOpen{width: 100%;overflow-x: hidden;height: 100%}.RMPushSlide{position: relative;left: 70%}#responsive-menu{position: absolute;width: 70%;left: -70%;top: 0px;background: #43494C;z-index: 9999;box-shadow: 0px 1px 8px #333333;font-size: 13px;max-width: 999px;display: none}#responsive-menu.admin-bar-showing{padding-top: 32px}#click-menu.admin-bar-showing{margin-top: 32px}#responsive-menu #rm-additional-content{padding: 10px 5%;width: 90%;color: #FFFFFF}#responsive-menu .appendLink{right: 0px;position: absolute;border: 1px solid #3C3C3C;padding: 12px 10px;color: #FFFFFF;background: #43494C;height: 20px;line-height: 20px;border-right: 0px}#responsive-menu .appendLink:hover{cursor: pointer;background: #3C3C3C;color: #FFFFFF}#responsive-menu .responsive-menu, #responsive-menu div, #responsive-menu .responsive-menu li,#responsive-menu{text-align: left}#responsive-menu .RMImage{vertical-align: middle;margin-right: 10px;display: inline-block}#responsive-menu.RMOpened{}#responsive-menu,#responsive-menu input{}#responsive-menu #responsive-menu-title{width: 95%;font-size: 14px;padding: 20px 0px 20px 5%;margin-left: 0px;background: #43494C;white-space: nowrap}#responsive-menu #responsive-menu-title,#responsive-menu #responsive-menu-title a{color: #FFFFFF;text-decoration: none;overflow: hidden}#responsive-menu #responsive-menu-title a:hover{color: #FFFFFF;text-decoration: none}#responsive-menu .appendLink,#responsive-menu .responsive-menu li a,#responsive-menu #responsive-menu-title a{transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all}#responsive-menu .responsive-menu{width: 100%;list-style-type: none;margin: 0px}#responsive-menu .responsive-menu li.current-menu-item > a,#responsive-menu .responsive-menu li.current-menu-item > .appendLink,#responsive-menu .responsive-menu li.current_page_item > a,#responsive-menu .responsive-menu li.current_page_item > .appendLink{background: #43494C;color: #FFFFFF}#responsive-menu .responsive-menu li.current-menu-item > a:hover,#responsive-menu .responsive-menu li.current-menu-item > .appendLink:hover,#responsive-menu .responsive-menu li.current_page_item > a:hover,#responsive-menu .responsive-menu li.current_page_item > .appendLink:hover{background: #43494C;color: #FFFFFF}#responsive-menu.responsive-menu ul{margin-left: 0px}#responsive-menu .responsive-menu li{list-style-type: none;position: relative}#responsive-menu .responsive-menu ul li:last-child{padding-bottom: 0px}#responsive-menu .responsive-menu li a{padding: 12px 0px 12px 5%;width: 95%;display: block;height: 20px;line-height: 20px;overflow: hidden;white-space: nowrap;color: #FFFFFF;border-top: 1px solid #3C3C3C;text-decoration: none}#click-menu{text-align: center;cursor: pointer;font-size: 13px;display: none;position: absolute;right: 5%;top: 10px;color: #FFFFFF;background: #000000;padding: 5px;z-index: 9999}#responsive-menu #responsiveSearch{display: block;width: 95%;padding-left: 5%;border-top: 1px solid #3C3C3C;clear: both;padding-top: 10px;padding-bottom: 10px;height: 40px;line-height: 40px}#responsive-menu #responsiveSearchSubmit{display: none}#responsive-menu #responsiveSearchInput{width: 91%;padding: 5px 0px 5px 3%;-webkit-appearance: none;border-radius: 2px;border: 1px solid #3C3C3C}#responsive-menu .responsive-menu,#responsive-menu div,#responsive-menu .responsive-menu li{width: 100%;margin-left: 0px;padding-left: 0px}#responsive-menu .responsive-menu li li a{padding-left: 10%;width: 90%;overflow: hidden}#responsive-menu .responsive-menu li li li a{padding-left: 15%;width: 85%;overflow: hidden}#responsive-menu .responsive-menu li li li li a{padding-left: 20%;width: 80%;overflow: hidden}#responsive-menu .responsive-menu li li li li li a{padding-left: 25%;width: 75%;overflow: hidden}#responsive-menu .responsive-menu li a:hover{background: #3C3C3C;color: #FFFFFF;list-style-type: none;text-decoration: none}#click-menu #RMX{display: none;font-size: 24px;line-height: 27px;height: 27px;color: #FFFFFF}#click-menu .threeLines{width: 33px;height: 27px;margin: auto}#click-menu .threeLines .line{height: 5px;margin-bottom: 6px;background: #FFFFFF;width: 100%}#click-menu .threeLines .line.last{margin-bottom: 0px}@media only screen and ( min-width : 0px ) and ( max-width : 768px ){#click-menu{display: block}} /* Responsive Menu Styles ////////////////////////////////*/ @media (max-width:1199px){ #toTop { display: none !important; } .slider_wrap .about_site_wrap { left: 0; margin-left: 0; width: 100%; } .slider_wrap .about_site { width: 405px; } .jshowoff-controls { width: 100%; max-width: 1000px; } footer .top_footer .inner, header .inner_header, .wrapper .popular_video .inner_content, .popular_articles { width: 100%; max-width: 1000px; } .wrapper .authors_block .inner_content { width: 1000px; } .wrapper .popular_video ul li:nth-child(4) { display: none; } body.home .wrapper { width: 100%; } .popular_articles ul li .article_info .top a { max-width: 219px; } .slider .slider_info_wrap { max-width: 1000px; } header .navbar-default .main_menu { margin: 0 0 0 36px; } .sidebar .mini_expert_block .expert_desc { display: none; } .sidebar .mini_expert_block .expert_desc.mini_desc { display: block; } } @media (max-width:1000px){ footer .footer_col.rubric_col li { float: none; width: 100%; } footer .categories { margin-bottom: 0; } .before_content { padding: 8px 3% 75px; } .wrapper { width: 100%; } .pagination { padding: 13px 3% 13px; } .front_content { border: none; } .slider_wrap { padding: 0 3%; } .front_info_block { margin: -65px 3% 0; } header .main_menu_wrapper .main_menu { padding: 0 3%; } .slider .img_overlay { max-width: initial; overflow: hidden; } .front_question .left { width: 50%; } .front_question input[type="submit"] { width: 50%; } .front_question .right { width: 50%; } header .main_menu_wrapper .main_menu > li > a { font-size: 1.1vw; } .bread_wrap { padding: 8px 3% 75px; } .popular_articles ul li { width: 33.33333333%; } .leftcol { width: 100%; max-width: initial; padding: 0; } header { min-height: 84px; } .slider_wrap .about_site_wrap { display: none; } .navbar>.container-fluid .navbar-brand { padding-left: 0; margin-left: 0; } /* .mobile_search_btn { display: block; } header .header_search { display: none; }*/ .special_block { text-align: center; } .special_block .question, .special_block .new_video { vertical-align: top; width: 473px; margin-bottom: 20px; float: none; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; } .special_block .new_video .left, .special_block .question .text_block { text-align: initial; } .calculation_list_block { padding: 30px 2% 38px; margin: 0 -2%; } .calculation_list_block .inner ul { margin: 0; } .calculation_list_block .inner, header .inner_header { width: 100%; } header .navbar-default .top_header.fixed .fixed_menu_wrap { width: 100%; } .front_left { width: 100%; } .article_like_this .left { width: 18%; } .article_like_this .left img { width: 100%; display: block; height: auto; } .article_like_this .right { width: 70%; } .sidebar { display: none; } header { width: 100%; padding: 0; } footer { width: 100%; padding: 50px 3% 60px; } .right_content { width: 100%; } header .navbar-default { float: left; margin-left: 3%; margin-bottom: 15px;} header .navbar-default .top_header.fixed .fixed_menu_wrap { padding-left: 24vw; } footer .top_footer .inner { width: 100%; } header .navbar-default .top_header.fixed .fixed_menu_wrap:before { left: 20px; } header .navbar-default .top_header .logo .logo_text1 {width:100%;} .list_block_inner { width: 100%; } .jshowoff-controls a.jshowoff-prev { left: -35px; } .jshowoff-controls a.jshowoff-next { right: -35px; } .slider_wrap > img { left: 50%; margin-left: -960px; } .wrapper .authors_block .inner_content ul li .author_info { padding-left: 0; width: 218px; margin: 0 auto; text-align: center; clear: both; } header .inner_header { width: 100%; position: relative; } footer .top_footer .inner { width: 100%; } .wrapper .authors_block .inner_content ul li .title { margin: 0 auto 15px; } .wrapper .authors_block .inner_content { width: 100%; padding: 0 50px; } .wrapper .authors_block .inner_content ul li img { float: none; margin-bottom: 15px; } .wrapper .authors_block .inner_content ul li { text-align: center; } .popular_articles ul li .article_info .top a { max-width: 450px; } .popular_articles ul li .article_info p { padding-left: 143px; } .popular_articles ul li .article_info .top { margin-bottom: 0; } .popular_articles ul li:nth-child(5), .popular_articles ul li:nth-child(6) { display: none; } .wrapper .popular_video ul li { float: left; width: 50%; } .wrapper .popular_video ul li:nth-child(3) { display: none; } #responsive-menu { padding-left: 3%; } #responsive-menu .responsive-menu li span { cursor: pointer; color: #f3f3f3; font-size: 14px; text-transform: uppercase; line-height: 48px; } #responsive-menu .responsive-menu li span:hover { text-decoration: underline; } .navbar-toggle { display: none; background: #0080ed; border-radius: 0; padding: 27px 23.5px; position: absolute; right: 0; bottom: 0; } header .mobile_search { display: block; width: 100%; } header .header_search { display: none; width: 232px; } header .mobile_search { display: block; margin: 13px 3% 0 0; } footer .footer_col:nth-child(1) { width: 50%; } footer .footer_col:nth-child(2), footer .footer_col:nth-child(3) { width: 25%; } footer .footer_col:nth-child(4) { display: none; } footer .categories a { font-size: 14px; } footer .copyright { font-size: 12px; } .mobile_logo { float: left; display: block; margin: 18px 0 0 3%; } .slider .slider_info_wrap { max-width: initial; width: 94%; } .jshowoff-controls { max-width: initial; width: 94%; } header .mobile_search.righted { display: none; width: 78%; padding: 0; transition-property: transform,opacity; -webkit-transform: translateX(80%); -moz-transform: translateX(80%); -ms-transform: translateX(80%); -o-transform: translateX(80%); transform: translateX(80%); } .navbar-default .navbar-nav>li>a { font-size: 14px; padding: 0; color: #f3f3f3; } header .navbar-default .main_menu li { margin-right: 10px; } header .navbar-default .main_menu { margin: 15px 0 0; } header .navbar-default .main_menu li { width: 100%; text-align: left; } .front_content { padding: 8px 3% 75px; } } @media (max-width:780px) { .banner-up, .banner-up-white {margin: 5px 0 0;} } @media (max-width:768px) { .phone {float:none;} .banner-up, .banner-up-white {margin: 5px 0 10px 0px;float: none;} .banner-up, .banner-up-white {display:none;} .phone {display:none;} .stats {display:none;} header .header_search input[type="submit"] { margin-right: 3%; } footer .footer_col.rubric_col { display: none; } /* Адаптивное меню */ #responsive-menu { background: #3f97d5 !important; } #responsive-menu .responsive-menu li a { padding: 0 3% !important; border: none !important; font-weight: 700 !important; text-transform: uppercase !important; line-height: 48px !important; height: 48px !important; } #responsive-menu .responsive-menu li a:hover { color: #c8e8ff !important; background: none !important; } #responsive-menu .responsive-menu li .sub-menu { display: block !important; padding: 10px 0; } #responsive-menu .responsive-menu li .sub-menu li a { font-size: 12px !important; text-transform: initial !important; line-height: 30px !important; font-weight: 400 !important; } #click-menu { top: 20px !important; right: 3% !important; padding: 0 !important; } #click-menu .threeLines .line { background: #3f97d5 !important; border-radius: 4px; height: 8px !important; margin-bottom: 4px !important; } /* #responsive-menu .responsive-menu li span { display: none !important; } */ /* ------------------------- */ .front_info_block .about { padding: 24px 20px; } .category .popular_articles ul li, .popular_articles ul li { width: 50%; } .front_info_block { margin: 0 3% 0; } .slider_wrap { display: none; } header .main_menu_wrapper { display: none; } .related_posts ul li { width: 100%; margin-bottom: 30px; float: none; } .related_posts ul li:first-child { margin-right: 0; } .wrapper .popular_video .title, .popular_articles .title { font-size: 21px; margin-bottom: 20px; } .leftcol .rubric_title { font-size: 21px; line-height: 30px; } .wrapper .popular_video .inner_content { width: 94%; } header .header_search input[type="image"] { right: 3%; top: 0; } header .header_search input[type="text"] { border: 1px solid #e8e8e8; border-radius: 4px; border-right: none; } .mobile_logo { width: 143px; height: 48px; background: url(img/mobile_logo.png); margin-left: 3%; } header .mobile_search { /*width: 100%; background: none;border: none; border-radius: 0; margin: 18px 0 22px; height: 41px; padding: 0 3%; */display: none;} .expert_publications ul li { width: 100%; float: none; } .expert_full_info .expert_photo { float: none; } .rubric_posts ul li .article_info .top .img_border { margin-bottom: 20px; text-align: center; width: 100%; float: none; } .rubric_posts ul li .article_info .right_info { padding-left: 0; text-align: center; } .rubric_posts ul li .article_info { padding-left: 0; } header .inner_header { border-bottom: none; } .rubric_posts ul li .date, #type_navig_main , .error404 .rubric_title span, .search .rubric_title span, .leftcol .rubric_title span { display: none; } .stats { border: none; font-size: 12px; } .stats .inline_stats { width: 50%; margin-bottom: 16px; } footer .logo { float: none; } footer .copyright { margin-top: 15px; margin-bottom: 40px; } footer .footer_col:nth-child(2), footer .footer_col:nth-child(3) { width: 100%; } footer .footer_col:nth-child(1) { width: 100%; } .popular_articles ul li .article_info .top { text-align: center; } .popular_articles ul li .article_info p { padding-left: 0; text-align: center; } .popular_articles ul li .article_info .top a { max-width: 100%; margin: 0 0 15px 0; } .popular_articles ul li .article_info .top .img_border { margin-bottom: 20px; } .popular_articles ul li .article_info { padding-left: 0; } .wrapper .authors_block .inner_content ul li { width: 100%; margin-bottom: 50px; } .wrapper .authors_block .inner_content ul li:first-child { margin-right: 0; } .slider .slide_info p { max-height: 102px; overflow: hidden; } .slider .slide_info .title a { font-size: 21px; margin-bottom: 15px; } header .navbar-default .main_menu a:before, header .navbar-default .main_menu a:after { background: none; display: none; } header .navbar-default .main_menu a.active:after, header .navbar-default .main_menu a:hover:after, header .navbar-default .main_menu a.active:before, header .navbar-default .main_menu a:hover:before, header .navbar-default .main_menu a.active, header .navbar-default .main_menu a:hover { background: none; color: #f3f3f3; text-decoration: underline; } header .navbar-default .top_header .logo { visibility: visible; } header .navbar-default .top_header .logo .separator { display: none; } header .navbar-default .top_header .logo .logo_text { float: none; clear: both; line-height: 18px; } .navbar { min-height: 0; } .calculator_block .left { float: none; width: 100%; } .calculator_block .right { float: none; width: 100%; padding-left: 0; } header .navbar-default .top_header .mobile_close { display: block; } .filter_block { display: none; } .ask_a_question input[type="submit"] { max-width: 100%; width: 200px; margin: 0 auto; } .ask_a_question .submit_wrap .line, .ask_a_question .submit_wrap .line2 { display: none; } .list_blocks ul li { width: 320px; } .special_block .new_video .right, .special_block .new_video .left { float: none; width: 100%; } .special_block .question, .special_block .new_video { width: 300px; } .right_content .biznesidea_list ul li .right, .right_content .biznesidea_list ul li .left { float: none; margin: 0 auto; width: 305px; padding: 10px 0 0; overflow: hidden; } .alignright { width: 100% !important; float: none; margin: 10px auto;display: block; max-width: 500px; } .alignleft { width: 100% !important; float: none; margin: 10px auto; display: block; max-width: 500px; } /* Post styles */ .single .comments, .single .attention_block, .single .substance, .single .popular_articles .single .article_like_this { display: none; } /*-------------*/ .leftcol { width: 100%; } .leftcol h1, .leftcol h2, .leftcol h3, .commenting_block .commenting_title { font-size: 21px; } header .navbar-default .top_header .question_to_expert, .header_search, .expert_block, .site_about, footer .inner_footer .footer_col, header .navbar-default .main_menu a:hover:before, header .navbar-default .main_menu a:hover:after { display: none; } header .navbar-default .top_header { margin-top: 0; } footer .inner_footer .footer_col:first-child { display: block; text-align: center; } header { width: 100%; } body.home .wrapper { width: 100%; padding: 0 0 318px; } footer { width: 100%; padding: 50px 3% 0; } .navbar>.container-fluid .navbar-brand { padding-left: 15px; } .question_to_expert { display: none; } /* body.righted { overflow-x: hidden; } */ footer.righted, .wrapper.righted { padding: 0; transition-property: transform,opacity; -webkit-transform: translateX(80%); -moz-transform: translateX(80%); -ms-transform: translateX(80%); -o-transform: translateX(80%); transform: translateX(80%); } .front_question form { padding: 20px 24px; } .author_rank .social, .author_rank .rank {width:auto;} footer .logo .logo_text1 {word-break: break-all;} } @media (max-width:600px) { .wrapper .popular_video ul li { width: 100%; float: none; margin-bottom: 18px; } .category .popular_articles ul li, .new_articles ul li .info a { font-weight: 600; font-size: 12px; } .front_question input[type="submit"], .front_question .left { width: 100%; } .front_question .right { width: 100%; padding: 0; margin-bottom: 5px; } } @media (max-width:500px) { .category .popular_articles ul li, .popular_articles ul li, .popular_articles ul li { width: 100%; float: none; } .new_articles ul li { width: 100%; } } @media (max-width:450px) { .banner_expert { padding: 5px 5px;} .banner-up, .banner-up-white {height: 117px;padding: 48px 0 0 5px;} .button-2, .button-1 {float:left;} } #responsive-menu-button { display: none !important; } @media screen and (max-width: 800px) { #responsive-menu-button { display: inline-block !important; } }