/* Theme name: KidPuz Description: Описание Author: Aleksandrlao Author URI: http://aleksandrlao.ru */ /* Eric Meyer's CSS Reset */ * { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } /* End of Eric Meyer's CSS Reset */ html { height: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } body { font: 300 16px/24px 'Ubuntu', Arial, sans-serif; width: 100%; height: 100%; background: #fff; color: #37385B; position: relative; } .wrapper { width: 100%; min-width: 270px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; position: relative; } .wrapper:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 11px; background: url('i/bg-bot-zig.png') center top repeat-x; z-index: 60; } .inb { width: 96%; max-width: 1000px; padding: 1px 1.5% 0; margin: 0 auto; overflow: hidden; position: relative; } a { color: #37385B; text-decoration: underline; } a:hover { text-decoration: none; } /* Header -----------------------------------------------------------------------------*/ .header { width: 100%; min-width: 270px; min-height: 248px; background: #F4F3F4; position: relative; } .header .inb { background: url('i/bg-head.png') 370px 0 no-repeat; padding-top: 22px; min-height: 226px; } .h_box { float: left; width: 380px; } .h_logo { display: block; width: 315px; height: 98px; background: url('i/logo.png') no-repeat; margin: 0 auto 23px; text-indent: -2989px; } .h_search { width: 98%; max-width: 356px; min-width: 260px; height: 38px; border: 1px solid #e4e4e8; background: #fff; -webkit-border-radius: 4px; border-radius: 4px; margin: 0 auto 23px; overflow: hidden; } .h_search input { border: none; outline: none; } .h_search-txt { float: left; width: 80%; margin-left: 5%; height: 38px; color: #36375A; font: 14px/38px; background: none; } .h_search-button { float: right; width: 25px; height: 38px; margin-right: 12px; background: url('i/bg-search.png') center no-repeat; cursor: pointer; } .h_mininav { width: 100%; text-align: center; font-size: 0; } .h_mininav li { display: inline-block; margin: 0 3%; } .h_mininav a, .h_mininav span { color: #7586BA; font-size: 12px; line-height: 20px; text-decoration: none; } .h_mininav a:hover { text-decoration: underline; } .h_consult { float: right; width: 176px; margin-right: 3px; } .h_consult-icon { width: 90px; height: 90px; -webkit-border-radius: 100%; border-radius: 100%; margin: 0 auto 15px; } .h_consult-icon img { border-radius: 80px; } .h_consult-txt { color: #36375A; font-size: 12px; line-height: 16px; text-align: center; padding: 0 7px; margin-bottom: 12px; } .h_consult-button { display: block; width: 176px; height: 30px; -webkit-border-radius: 4px; border-radius: 4px; background: #f4d216; color: #36375a; font-size: 12px; line-height: 30px; text-decoration: none; text-align: center; } /* Top nav --------------------------------------------- */ .t_nav { width: 100%; min-width: 270px; height: 48px; background: rgb(100,101,133); background: -moz-linear-gradient(left, rgba(100,101,133,1) 0%, rgba(149,95,128,1) 75%, rgba(153,94,128,1) 100%); background: -webkit-linear-gradient(left, rgba(100,101,133,1) 0%,rgba(149,95,128,1) 75%,rgba(153,94,128,1) 100%); background: linear-gradient(to right, rgba(100,101,133,1) 0%,rgba(149,95,128,1) 75%,rgba(153,94,128,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646585', endColorstr='#995e80',GradientType=1 ); margin-bottom: 30px; position: relative; z-index: 50; } .t_nav-inside { height: 55px; line-height: 55px; } .t_nav .inb { overflow: visible; height: 100%; } .t_nav-logo { display: block; width: 48px; height: 40px; background: url('i/bg-tnav-logo.png') no-repeat; text-indent: -2989px; float: left; margin: 8px 30px 0 0; } .t_nav-button { float: left; color: #FFF; font-size: 14px; font-weight: bold; line-height: 45px; text-transform: uppercase; text-decoration: none; display: none; cursor: pointer; } .t_nav-inside .t_nav-button { line-height: 54px; } .t_nav-button span { display: block; position: relative; width: 20px; height: 3px; background: #FFF; float: left; margin: 21px 10px 0; } .t_nav-inside .t_nav-button span { margin-top: 25px; } .t_nav-button span:before, .t_nav-button span:after { content: ""; position: absolute; left: 0; width: 20px; height: 3px; background: #FFF; } .t_nav-button span:before { top: -6px; } .t_nav-button span:after { bottom: -6px; } .t_nav-menu { float: left; text-align: left; } .t_nav-inside .t_nav-menu { height: 55px; } .t_nav-menu li { display: inline-block; margin-right: 20px; position: relative; } .t_nav-menu a, .t_nav-menu span { color: #FFF; font-size: 14px; font-weight: bold; line-height: 48px; text-transform: uppercase; text-decoration: none; padding: 0 8px; } .t_nav-menu a:hover, .t_nav-menu .current-menu-item span { color: #F4EF7C; } .t_nav-inside .t_nav-menu a, .t_nav-inside .t_nav-menu span { line-height: 53px; } .t_nav .sub-menu { display: none; position: absolute; top: 47px; left: 0; width: 200px; height: auto; background: #F4D216; } .t_nav-inside .sub-menu { top: 54px; } .t_nav-menu .sub-menu li { display: block; margin: 0; min-height: 40px; border-bottom: 1px solid #f7e05c; } .t_nav-menu li:hover .sub-menu { display: block; } .t_nav-menu .sub-menu li a, .t_nav-menu .sub-menu li span { display: block; padding-left: 20px; padding: 8px 0 8px 20px; min-height: 24px; font-size: 16px; font-weight: 300; line-height: 24px; text-transform: none; color: #37385B; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; background: transparent; } .t_nav-menu .sub-menu li a:hover { background: #F7E05C; } .t_nav-kalend { float: right; text-align: right; display: block; padding: 0 4px 0 37px; height: calc(100% - 2px); font-size: 14px; line-height: 46px; color: #F3F17C; text-decoration: none; background: transparent url('i/bg-kalend.png') 4px center no-repeat; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .t_nav .t_nav-kalend { line-height: 55px; } .t_nav-kalend:hover { background-color: rgba(0,0,0,0.1); } /* Middle -----------------------------------------------------------------------------*/ .content { padding-bottom: 280px; } .c_crumbs { text-align: center; font-size: 0; margin-bottom: 24px; } .c_crumbs li { display: inline-block; font-size: 12px; line-height: 18px; color: #868697; } .c_crumbs a { display: inline-block; font-size: 12px; line-height: 18px; color: #7586BA; text-decoration: none; margin-right: 14px; position: relative; background: url('i/bg-crumbs.png') left center no-repeat; padding-left: 18px; } .c_crumbs a:hover { text-decoration: underline; } .c_crumbs a.c_crumbs-home { background: url('i/bg-crumbs-home.png') left center no-repeat; padding-left: 24px; } /* Etapi ------------------------------------- */ .c_etapi { text-align: center; font-size: 0; margin-bottom: 20px; width: 100%; } .c_etapi ul { width: 102%; margin-left: -1%; } .c_etapi li { display: inline-block; margin: 0 0.6% 7px; vertical-align: top; } .c_etapi a, .c_etapi div { display: block; width: 68px; height: 83px; border: 1px solid #E5E5E5; border-top: none; padding-top: 6px; background: #FBFAFB; font-size: 12px; font-weight: bold; line-height: 14px; color: #36375A; text-decoration: none; position: relative; -webkit-border-radius: 4px; border-radius: 4px; } .c_etapi a:before, .c_etapi div:before { content: ""; position: absolute; top: 0; left: -1px; width: 70px; height: 6px; background: #FBFAFB url('i/bg-etapi-item.png') repeat-x; overflow: hidden; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; overflow: hidden; z-index: 20; } .c_etapi a:after { content: ""; position: absolute; top: 4px; left: -5px; width: 80px; height: 89px; border: 2px solid #fff; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 10; } .c_etapi a:hover:after { width: 66px; height: 82px; left: -1px; border-color: #F4E016; } .c_etapi a span, .c_etapi div span { display: block; font-size: 36px; line-height: 56px; } /* Head ------------------------------------ */ .c_head { color: #9A5E80; font-size: 16px; font-weight: bold; line-height: 20px; margin-bottom: 20px; text-transform: uppercase; } .c_head-center { text-align: center; } /* Popular box index ----------------------- */ .c_popular { margin-bottom: 30px; } .c_popular-nav__head { padding: 20px 0 10px 45px; color: #36375A; font-size: 12px; line-height: 14px; } .c_popular-nav a { color: #7586BA; } .c_popular-nav > ul > li { height: auto; display: block; padding-left: 20px; height: auto; border: 1px solid transparent; -webkit-border-radius: 4px; border-radius: 4px; font-size: 16px; line-height: 47px; text-decoration: none; position: relative; background-position: 90% 12px; background-repeat: no-repeat; } .c_popular-nav > ul > li:hover { border-color: #f4d216; } .c_popular-nav > ul > li > a { text-decoration: none; background-position: 90% center; background-repeat: no-repeat; } .c_popular-nav > ul > li .sub-menu { display: none; margin-bottom: 10px; } .c_popular-nav li:hover .sub-menu { display: block; } .c_popular-nav .sub-menu li { line-height: 26px; } .c_popular-nav > ul > li .sub-menu a { padding-left: 20px; background: url('i/bg-crumbs.png') left center no-repeat; text-decoration: underline; font-size: 14px; } .c_popular-nav > ul > li .sub-menu span { padding-left: 20px; } .c_popular-nav > ul > li .sub-menu a:hover { text-decoration: none; } .c_popular-nav > ul > li.menu-item-8956, .c_popular-nav > ul > li.detsk {background-image: url('i/icon-detsk.png');} .c_popular-nav > ul > li.menu-item-8957, .c_popular-nav > ul > li.zdorov {background-image: url('i/icon-zdorov.png');} .c_popular-nav > ul > li.menu-item-8958, .c_popular-nav > ul > li.pitan {background-image: url('i/icon-pitan.png');background-position: 87% 12px;} .c_popular-nav > ul > li.menu-item-8959, .c_popular-nav > ul > li.razvit {background-image: url('i/icon-razvit.png');} .c_popular-nav > ul > li.menu-item-8960, .c_popular-nav > ul > li.rezhim {background-image: url('i/icon-rezhim.png');} .c_popular-nav > ul > li.menu-item-8961, .c_popular-nav > ul > li.uhod {background-image: url('i/icon-uhod.png');} .c_popular-line { clear: both; width: 100%; margin-bottom: 30px; } .c_popular-box { overflow: hidden; } .c_popular-box__big { display: block; float: left; width: 42%; height: 360px; margin-right: 3%; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; position: relative; text-decoration: none; } .c_popular-box__big img { display: block; width: 100%; height: auto; min-height: 360px; position: relative; z-index: 10; } .c_popular-box__bg { position: absolute; display: block; bottom: 20px; left: 7%; max-width: 84%; z-index: 20; font-size: 18px; font-weight: bold; line-height: 20px; } .c_popular-box__bg span { position: relative; background: rgba(54, 55, 90, 0.8); color: #FFF; outline: 12px solid rgba(54, 55, 90, 0.8); -moz-outline-offset: 12px solid rgba(54, 55, 90, 0.8); } .c_popular-box__bg span i { position: relative; } .c_popular-box__mini { float: left; width: 53%; } .c_popular-box__mini li, .c_popular-mini { display: block; overflow: hidden; margin-bottom: 30px; position: relative; font-size: 14px; line-height: 21px; } .c_popular-box__thumbs { display: block; width: 100px; height: 100px; overflow: hidden; float: left; margin-right: 18px; } .c_popular-box__thumbs img { width: 100px; height: auto; min-height: 100px; } .c_popular-mini { padding-top: 0; } .c_popular-box__mini a, .c_popular-mini { color: #36375A; text-decoration: none; padding: 10px 0 0; } .c_popular-box__mini a:hover, .c_popular-mini:hover { text-decoration: underline; } .c_popular-box__cat { position: absolute; bottom: 0; left: 110px; background: #FFF; padding: 4px 12px; z-index: 20; font-size: 12px; line-height: 14px; } .c_popular-box__cat a { color: #7586BA; padding: 0; } /* Video ------------------------------ */ .c_video { background: #f4f3f4; padding: 18px 30px; -webkit-border-radius: 4px; border-radius: 4px; position: relative; z-index: 10; margin-bottom: 40px; } .c_video:before { content: ""; position: absolute; bottom: -3px; left: 0; width: 100%; height: 11px; background: url('i/bg-bot-zig.png') center top repeat-x; z-index: 5; } .c_video-slider, .bx-wrapper { padding: 0; background: transparent; border: none; text-align: center; -webkit-box-shadow: none; box-shadow: none; } .bx-wrapper { margin-bottom: 10px; } .bx-wrapper .bx-controls-direction a { top: 90px; } .bx-wrapper .bx-prev { left: -52px; } .bx-wrapper .bx-next { right: -52px; } .c_video-slider li { display: inline-block; width: 180px; margin-right: 40px; font-size: 14px; line-height: 19px; } .c_video-thumbs { display: block; width: 180px; height: 180px; overflow: hidden; -webkit-border-radius: 4px; border-radius: 4px; position: relative; margin-bottom: 17px; } .c_video-thumbs:before { content: ""; position: absolute; top: 50%; left: 50%; width: 70px; height: 70px; margin-top: -35px; margin-left: -35px; -webkit-border-radius: 100%; border-radius: 100%; background: #86c347 url('i/bg-play-icon.png') 28px center no-repeat; } .c_video-thumbs img { width: 180px; height: auto; min-height: 180px; } .c_video-slider a { color: #36375A; text-decoration: none; } .c_video-slider a:hover { text-decoration: underline; } /* Index info ------------------------------------------ */ .c_block { overflow: hidden; } .c_box { float: left; width: 69.5%; } .c_side { float: right; width: 29.5%; } .s_widj { margin-bottom: 20px; overflow: hidden; } .s_mestag { background: #F4D216; -webkit-border-radius: 4px; border-radius: 4px; padding: 20px 0; text-align: center; } .s_mestag-head { margin-bottom: 18px; color: #37385B; font-size: 16px; font-weight: bold; line-height: 18px; text-transform: uppercase; } .s_mestag-sel { width: 85%; height: 38px; border: 1px solid #d5d5d5; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; margin: 0 auto 2px; background: #FFF url('i/bg-bot-arr.png') 90% 18px no-repeat; } .s_mestag-sel select { width: 120%; text-indent: 15%; height: 42px; margin-top: -2px; margin-left: -8%; background: transparent; } /* Discuss --------------------------------------------- */ .c_discuss { border: 1px solid #F4D216; padding: 18px 30px; -webkit-border-radius: 4px; border-radius: 4px; position: relative; z-index: 10; margin-bottom: 40px; background: #fff; } .c_discuss-thumbs:before { display: none; } /* Otveti --------------------------------- */ .c_otvet { overflow: hidden; margin-bottom: 20px; } .c_otvet-list { float: left; width: 70%; } .c_otvet-list li { margin-bottom: 15px; } .c_otvet-list a { color: #37385B; text-decoration: none; display: inline-block; padding-left: 32px; background: url('i/bg-botle.png') left 4px no-repeat; font-size: 16px; line-height: 22px; } .c_otvet-list a:hover { text-decoration: underline; } .c_otvet-button { float: left; width: 30%; background: url('i/bg-otvet-kid.png') center top no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; height: 235px; padding-top: 1px; margin-top: -38px; } .c_otvet-button a { display: block; width: 95%; min-width: 150px; height: 40px; margin: 198px auto 0; background: #F4D216; color: #37385B; font-size: 14px; line-height: 40px; text-align: center; text-decoration: none; -webkit-border-radius: 4px; border-radius: 4px; } /* Side nav --------------------------------------- */ .c_nav-side { margin-bottom: 20px; } .c_nav-side li { margin-bottom: 20px; } .c_nav-side a { display: block; min-height: 96px; border: 1px solid #F4D216; padding: 1px 10px 1px 120px; text-decoration: none; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; background-position: 10% center; background-repeat: no-repeat; } .c_nav-side a:hover { background-color: #FFF4AC; border-color: #FFF4AC; } .c_nav-side .kolibeln a {background-image: url('i/icon-kolibeln.png');} .c_nav-side .kalkul a {background-image: url('i/icon-kalkul.png');} .c_nav-side .spisv a {background-image: url('i/icon-spisv.png');} .c_nav-side .docum a {background-image: url('i/icon-docum.png');} .c_nav-side .aptechk a {background-image: url('i/icon-aptechk.png');} .c_nav-side .priviv a {background-image: url('i/icon-priviv.png');} .c_nav-side__title { display: block; color: #7586ba; font-size: 16px; font-weight: bold; line-height: 20px; margin: 15px 0 5px; text-transform: uppercase; } .c_nav-side__desc { display: block; color: #36375A; font-size: 12px; line-height: 18px; margin-bottom: 15px; } #vk_groups { margin-bottom:25px; } /* PAGE -------------------------------------------------------------------- */ .c_page h1 { font-size: 26px; line-height: 26px; color: #9A5E80; margin-bottom: 24px; } /* WPPrime -------------------------------------------- */ .article-title-prime { font-size: 26px; line-height: 26px; color: #9A5E80; margin-bottom: 24px; } .org_photo_block img { padding:3px; border: 1px solid #d2d3d4; } .lp-not-favorite { border:none; } .lp-title a { text-decoration:none; } .lp-title a:hover { color: #9A5E80; } .owners_pre_button { padding-right:5px; } .post-content-text p { margin:0 0 10px; } #DDWidgetButton { margin:0 auto; } .dd-button { background:#F4D216; color:#37385B; } /* TXT -------------------------------------------- */ .c_txt { overflow: hidden; margin-bottom: 10px; } .c_txt p { margin-bottom: 22px; } .c_txt ul, .c_txt ol { margin: 0 0 22px 20px; list-style: none; } .c_txt ul li, .c_txt ol li { position: relative; margin-bottom: 10px; } .c_txt ul li:before { content: ""; position: absolute; top: 11px; left: -20px; width: 6px; height: 6px; -webkit-border-radius: 100%; border-radius: 100%; background: #F4D216; } .c_txt ol { counter-reset: li; } .c_txt ol li:before { content: counter(li); counter-increment: li; position: absolute; top: 7px; left: -20px; width: 10px; height: 10px; border: 1px solid #7586ba; -webkit-border-radius: 4px; border-radius: 4px; background: #fff; color: #7586BA; font-size: 9px; line-height: 10px; text-align: center; } .c_txt h2, .c_txt h3 { color: #9a5e80; font-size: 22px; line-height: 24px; margin-bottom: 20px; } .c_txt h3 { font-size: 18px; } .c_txt blockquote { margin-bottom: 20px; padding: 15px 15px 15px 100px; border: 1px solid #f4d216; background: #FFF url('i/bg-blockquote.png') 30px 16px no-repeat; min-height: 65px; -webkit-border-radius: 4px; border-radius: 4px; line-height: 20px; display: inline-block; } .c_txt img { max-width: 400px !important; height: auto; display: block; margin: 5px auto; } .c_txt iframe { display: block; margin: 10px auto; } .c_txt a { color: #7586BA; text-decoration: underline; } .c_txt a:hover { color: #7586BA; text-decoration: none; } a.mc-comment-created { display:none !important; } ul.perelink { padding:18px 18px 10px; margin:10px 0 20px !important; background:#f3f5f8; overflow:hidden; display:block!important; width:100%!important; border:0; position: relative; } .perelink-title { font-size:18px; line-height:20px; font-weight:300; text-align:left; color: #9A5E80; margin-bottom: 13px; } ul.perelink li { margin-bottom: 8px; font-size: 15px; line-height: 16px; padding-left: 20px; } ul.perelink li { padding-right: 40px; } ul.perelink li:before { display:none; } .recommended { background: #f1f1f1; border-left: 4px solid #f00; margin:10px 5px; padding:10px; } .recommended p { color: #333; font-style:italic; } a.more { text-decoration:none; } .zah { text-transform:uppercase; color:#007FB2; font-style:italic; font-size:16px; display:block; margin-left:5px; font-weight:bold; } .link { color:#007FB2; text-decoration:underline; } .alignleft {display: block;float: left;margin: 0 20px 30px 0;} .alignright {display: inline;float: right;margin: 0 0 30px 30px;} .aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;} div#toc_container { width: 100% !important; background: #F4F3F4 !important; -webkit-border-radius: 4px; border-radius: 4px; padding: 20px 0; border: none; } #toc_container p.toc_title { color: #9A5E80; text-transform: uppercase; font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 15px; text-align: left; padding: 0 5%; } #toc_container .toc_list { padding: 0 5%; } #toc_container .toc_list a { color: #7586BA; font-size: 14px; line-height: 20px; } .c_txt #toc_container .toc_list li:before { content: ""; position: absolute; top: 8px; left: -20px; width: 6px; height: 6px; -webkit-border-radius: 100%; border-radius: 100%; background: #F4D216; border: none; } .c_txt input, .c_txt textarea, .c_txt select { width: 50%; border: 1px solid #F4D216; padding: 4px 0 4px 5%; margin: 0 20px 15px 0; -webkit-border-radius: 4px; border-radius: 4px; font: 14px/20px 'Open Sans'; } .c_txt #submit-calc, .c_txt input[type="submit"] { display: block; width: 180px; height: 34px; -webkit-border-radius: 4px; border-radius: 4px; background: #f4d216; color: #36375a; font: 14px/34px 'Open Sans'; text-decoration: none; text-align: center; margin: 15px 0 20px; padding: 0; cursor: pointer; } .c_page-soc { background: #F4F3F4; margin: 30px 0; padding: 25px 70px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; } .c_page-soc__left { float: left; overflow: hidden; } .c_page-soc__head { color: #9A5E80; font-size: 16px; font-weight: bold; line-height: 20px; margin-bottom: 12px; text-transform: uppercase; } .c_page-soc .ya-share2 { float: left; margin-right: 1px; } .c_page-soc__print { float: right; width: 120px; } .c_page-soc__pr { display: block; width: 120px; text-align: center; color: #36375A; padding-bottom: 45px; background: url('i/bg-print.png') center bottom no-repeat; font-size: 12px; text-decoration: none; margin: auto; } .ya { margin-bottom:40px; border-left: 2px solid #ff0000; } /* PageNavi ---------------------------- */ .c_pagenavi { overflow: hidden; text-align: center; margin: 10px 0 20px; font-size: 0; } .c_pagenavi a, .c_pagenavi span { display: inline-block; width: 32px; height: 33px; padding-left: 1px; -webkit-border-radius: 100%; border-radius: 100%; border: 1px solid #f4d216; background: #fff; margin: 0 3px 10px; vertical-align: top; text-decoration: none; font-size: 14px; font-weight: bold; line-height: 33px; text-align: center; -webkit-transition: background 0.4s ease; -moz-transition: background 0.4s ease; -ms-transition: background 0.4s ease; -o-transition: background 0.4s ease; transition: background 0.4s ease; } .c_pagenavi a:hover { background: #F4D216; } .c_pagenavi span { color: #fff; background: #7586BA; border-color: #7586BA; } /* 404 ----------------------------------------- */ .c_page404 h1 { text-align: center; } .c_page404-bad { text-align: center; font-size: 240px; line-height: 1; color: rgba(154,94,128, 0.1); margin-bottom: 40px; } .c_nav-side404 { width: 106%; margin-left: -3%; text-align: center; font-size: 0; margin-bottom: 20px; } .c_nav-side404 li { display: inline-block; width: 27%; margin: 0 3% 20px; vertical-align: top; text-align: left; } /* Footer -----------------------------------------------------------------------------*/ .footer { width: 100%; min-width: 270px; margin: -270px auto 0; min-height: 270px; background: #f4f3f4 url('i/bg-bot-zig.png') center top repeat-x; position: relative; } .footer .inb { padding-top: 32px; } .f_info { float: left; width: 100%; max-width: 335px; } .f_logo { display: block; width: 217px; height: 66px; background: url('i/min-logo.png') no-repeat; text-indent: -2989px; margin-bottom: 5px; } .f_copy { display: inline-block; width: 237px; float: right; color: #36375A; font-size: 12px; line-height: 20px; } .f_copy p { margin-bottom: 20px; } .f_mininav { margin-left: 30px; clear: both; } .f_nav { float: left; width: 220px; margin-left: 80px; padding-top: 5px; } .f_nav a, .f_nav span { font-size: 14px; font-weight: bold; line-height: 35px; color: #36375A; text-transform: uppercase; text-decoration: none; } .f_nav a:hover { text-decoration: underline; } .f_consult { float: left; padding-top: 5px; } .f_count { float: right; width: 130px; text-align: right; padding-top: 65px; } .f_count-item { display: inline-block; margin-bottom: 20px; } .totop { display: none; position: fixed; bottom: 30px; right: 30px; width: 80px; height: 52px; background: url('i/bg-totop.png') no-repeat; color: #36375A; font-size: 12px; line-height: 64px; text-align: center; text-decoration: none; z-index: 100; } .clear { clear: both; float: none; width: 100%; } @media (max-width: 1070px) { .header { min-height: 180px; } .header .inb { background: none; min-height: 150px; } .t_nav-menu li { margin-right: 10px; } .t_nav-menu a, .t_nav-menu span { font-size: 13px; padding: 0 6px; } .t_nav-kalend { padding-left: 25px; } .totop { display: none !important; } .bx-wrapper .bx-prev { left: -30px; } .bx-wrapper .bx-next { right: -30px; } } @media (max-width: 900px) { .c_box, .c_side { display: block; width: 100%; } .t_nav-menu li { margin-right: 8px; } .t_nav .t_nav-kalend { width: 75px; line-height: 14px; padding-top: 8px; background-position: 4px 15px; height: 47px; } .c_popular .c_popular-nav { display: none; } .c_nav-side a { background-position: 4% center; } .f_logo { margin: auto; } .f_nav { margin-left: 15px; width: 110px; } .f_nav a, .f_nav span { font-size: 13px; line-height: 24px; } .c_nav-side404 { width: 100%; margin-left: 0; } .c_nav-side404 li { width: 40%; margin: 0 4% 20px; } } @media (max-width: 800px) { .t_nav { min-height: 48px; height: auto !important; } .t_nav-logo { margin-right: 10px; } .t_nav-button { display: block; } .t_nav-menu { width: 0; height: 0; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; overflow: hidden; } .t_nav-menu.active { width: 100%; height: auto !important; opacity: 1; float: none; clear: both; } .t_nav-menu li { display: block; width: 100%; } .t_nav-menu li a { display: block; width: 100%; padding: 0; } .t_nav-menu .sub-menu { display: block; background: transparent; position: relative; top: 0; } .t_nav-menu .sub-menu li { border-bottom: none; line-height: 27px; height: auto; } .t_nav-menu .sub-menu li a { height: auto; line-height: 27px; color: #FFF; } .t_nav-menu .sub-menu li a:hover { background: transparent; color: #F4EF7C; } } @media (max-width: 700px) { .h_box { width: 300px; } .h_logo { width: 300px; height: 90px; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; margin: 0 auto; } .h_consult-txt { padding: 0; font-size: 11px; line-height: 15px; } .h_consult, .h_consult-button { width: 140px; } .f_consult { display: none; } .c_otvet-list, .c_otvet-button { float: none; width: 100%; } .c_otvet-button { margin-top: 10px; -webkit-background-size: auto auto; -o-background-size: auto auto; background-size: auto auto; } .c_page-soc { padding: 20px 40px; } .c_page-soc__left, .c_page-soc__print { float: none; width: 100%; margin-bottom: 10px; } .c_nav-side404 { width: 100%; margin-left: 0; } .c_nav-side404 li { width: 100%; margin: 0 0 20px; } } @media (max-width: 500px) { .h_box { float: none; width: 100%; } .h_logo { width: 250px; height: 76px; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; margin: 0 auto 20px; } .h_consult { display: none; } .c_popular-box__big { float: none; width: 70%; margin-bottom: 20px; } .c_popular-box__mini { float: none; width: 100%; } .bx-controls-direction { display: none !important; } .bx-wrapper { width: 200px !important; margin: auto !important; } .c_page-soc__head { font-size: 14px; text-align: center; } .c_page-soc__icon { width: 170px; margin: auto; } .f_nav { display: none; } .f_info { float: none; max-width: 500px; } .f_copy { float: none; display: block; margin: auto; } .f_mininav { margin: 0; text-align: center; } .f_count { display: none; } } @media (max-width: 400px) { .c_popular-box__big { width: 90%; } } @media print { .header, .t_nav, .c_side, .c_page-soc, .comments-area, .footer { display: none !important; } } .dd-widget{ text-align: center; } #DDWidgetButton{ margin-left: 115px; }