* { margin: 0; padding: 0; outline: none; } *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { height: 100%; } body { background: #f5f5f5; height: 100%; font-family: Tahoma, Helvetica, sans-serif; } ul { list-style: none; } img { border: 0; vertical-align: top; } h3 { font: bold 18px Helvetica; color: #c53f3e; text-transform: uppercase; margin: 0; padding: 10px; } p { margin: 10px 0; } a { color: #1276af; text-decoration: none; } a:hover { text-decoration: underline; } div.clear:after { content: ''; display: block; clear: both; } div.medical-page div.right-side h2 { padding-bottom: 10px; font: bold 24px arial; color: #c53f3e; } code { display: block; width: 100%; font: 12px Monaco, Menlo, Consolas, "Courier New", monospace; color: #c53f3e; background-color: #f7f7f9; border: 1px solid #e1e1e8; padding: 5px 10px; -ms-word-break: break-all; word-break: break-all; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } fieldset { border: 0; margin: 15px 0; } label { cursor: pointer; } input[type="text"], textarea { width: 100%; font: 12px/16px tahoma,arial; color: #000; vertical-align: top; background: #f2f4f4; border: 1px solid #e7e7e7; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-sizing: border-box; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; padding: 10px; resize: none; } input[type="text"]:hover, textarea:hover { border-color: #00c0ff; } input[type="text"]:focus, textarea:focus { background: #fff; border-color: #00c0ff; -webkit-box-shadow: 0 0 5px rgba(0, 160, 243, .7); -moz-box-shadow: 0 0 5px rgba(0, 160, 243, .7); box-shadow: 0 0 5px rgba(0, 160, 243, .7); } input[type="submit"] { border: 0; cursor: pointer; } input.required { border-right: 6px solid #b3b3b3; } header { height: 92px; background: #f5f5f5; border-bottom: 1px solid #f5f5f5; padding: 18px 0 10px; position: relative; transition: all 0.3s ease 0s; } section { padding: 10px 0; } section h1 { font: bold 18px Helvetica; color: #c53f3e; text-transform: uppercase; margin: 0; } .hidden { display: none !important; } .vhidden { visibility: hidden; } .wrapper { max-width: 1200px; margin-left: auto; margin-right: auto; } .logo { display: block; float: left; width: 192px; height: 64px; background: url(../img/logo.svg) no-repeat center 5px; background-size: 172px 44px; text-indent: -999em; overflow: hidden; transition: all 0.3s ease 0s; } .logo-vn { display: block; float: left; width: 230px; height: 64px; background: url(../img/virtonnews/logo.svg) no-repeat center center; background-size: 223px 44px; text-indent: -999em; overflow: hidden; transition: all 0.3s ease 0s; } .breadcrumbs { margin: 15px auto 0; padding: 0 15px; } .breadcrumbs a { font: 14px tahoma,arial; color: #1276af; text-decoration: underline; } .breadcrumbs a:hover { text-decoration: none; } .breadcrumbs li { display: inline; font: 14px tahoma,arial; color: #bbb; padding-right: 5px; } .breadcrumbs li:before { display: inline; content: "\00bb"; margin-right: 9px; } .breadcrumbs li:first-child:before { display: none; } .client { float: left; margin: 14px 0; list-style: none; } .client li { display: inline-block; margin: 0 0 0 35px; transition: all 0.3s ease 0s; } .client a { display: block; width: 135px; height: 36px; font: 16px "Helvetica Neue", Helvetica; color: #c53f3e; text-decoration: none; padding: 0 0 0 45px; position: relative; transition: all 0.3s ease 0s; } .client a:hover { text-decoration: underline; } .client a:before { content: ''; display: block; width: 32px; height: 32px; background: url(../img/sprite-client.png) no-repeat; margin: -16px 0 0; overflow: hidden; position: absolute; left: 0; top: 50%; } .client .buy-traffic:before { background-position: 0 0; } .client .sale-traffic:before { background-position: 0 -32px; } .client .traffic-exchange:before { background-position: 0 -64px; } .search { margin: 16px 180px 16px 760px; position: relative; transition: all 0.3s ease 0s; } .search.vn { max-width: 350px; margin-right: 120px; margin-left: auto; } .search fieldset { margin: 0; position: relative; } .search input[type="text"] { width: 100%; height: 32px; font: 14px/20px tahoma,arial; color: #333; background: #fff; border: 1px solid #d8d8d8; border-right: 0; padding: 5px 80px 5px 10px; } .search input[type="text"]:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .search button[type="submit"] { width: 70px; height: 32px; text-indent: -100em; background: #f9f9f9 url(../img/sprite-search.png) no-repeat 24px 6px; border: 1px solid #d8d8d8; overflow: hidden; position: absolute; top: 0; right: 0; cursor: pointer; } .search button[type="submit"]:hover { background-position: 24px -26px; } .search input[type="text"]:hover, .search input[type="text"]:focus, .search input[type="text"]:hover + button[type="submit"] , .search input[type="text"]:focus + button[type="submit"] { border-color: #00c0ff; } .search input[type="text"]:hover + button[type="submit"]:before, .search input[type="text"]:focus + button[type="submit"]:before { border-left-color: #00c0ff; } .login { display: block; float: right; height: 32px; font: 15px/32px "Helvetica Neue"; color: #fff; text-decoration: none; background: #8dcf19; margin: 16px 0; padding: 0 10px; transition: all 0.3s ease 0s; } .login::before { content: ''; display: inline-block; width: 24px; height: 24px; float: left; margin-top: 4px; margin-right: 10px; background: url('/news-catalog/public/img/user_male2-18.png') no-repeat center center; } .login:hover { text-decoration: none; background: #77ba01; } .menu-toggle { display: none; float: right; width: 30px; height: 30px; background: url(../img/menu-toggle.png) no-repeat 3px 5px; margin: 8px 10px 8px 15px; cursor: pointer; transition: all 0.3s ease 0s; } .search-toggle { display: none; float: right; width: 30px; height: 30px; background: url(../img/sprite-search.png) no-repeat 6px 6px; margin: 8px; cursor: pointer; transition: margin 0.3s ease 0s; } .search-toggle:hover { background-position: 6px -26px; } .search-toggle.pressed { background-color: #d8d8d8; background-position: 6px -57px; } .search-toggle.pressed:hover { background-color: #999; } .nav { overflow: visible; position: relative; } .languages { width: 68px; height: 49px; background: #fff; border: 1px solid #e7e7e7; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 100; transition: height 0.3s ease 0s; } .languages:hover { height: 143px; -webkit-box-shadow: -1px 1px 3px rgba(0, 0, 0, .25); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .25); box-shadow: 1px 1px 5px rgba(0, 0, 0, .25); } .languages.i2:hover { height: 96px; } .languages a { display: block; width: 66px; height: 47px; font: 14px/47px "Helvetica Neue", Helvetica; color: #c53f3e; text-decoration: none; text-transform: uppercase; padding-left: 25px; position: relative; transition: all 0.3s ease 0s; } .languages a:hover { background: #f7f5f6; } .languages a:before { content: ''; display: block; width: 14px; height: 11px; background: url(../img/sprite-flags.png) no-repeat; margin: -7px 0 0; overflow: hidden; position: absolute; left: 6px; top: 50%; } .languages li:first-child a:after { content: ''; display: block; width: 11px; height: 7px; background: url(../img/sprite-arrows.png) no-repeat; margin: -4px 0 0; overflow: hidden; position: absolute; right: 6px; top: 50%; } .languages .ru:before { background-position: 0 0; } .languages .ua:before { background-position: 0 -33px; } .languages .en:before { background-position: 0 -66px; } .languages .kz:before { background-position: 0 -132px; } .menu { font-size: 0; line-height: 0; white-space: nowrap; background: #fff; border: 1px solid #e7e7e7; border-right: 0; margin: 0 68px 0 0; } .menu.vn { border-right: 1px solid #e7e7e7; margin: 0; } .menu > li { display: inline-block; border-left: 1px solid transparent; border-right: 1px solid transparent; margin: 0 0 0 -1px; } .menu > li:hover, .menu > li.current { background: #f7f5f6; border-color: #e7e7e7; } .menu > li > a { display: block; height: 47px; font: 200 16px/47px "Helvetica Neue", Helvetica; color: #666; text-decoration: none; text-transform: uppercase; padding: 0 15px; transition: all 0.3s ease 0s; } .menu .has-submenu > a { padding-right: 30px; position: relative; } .menu .has-submenu > a:before { content: ''; display: block; width: 11px; height: 7px; background: url(../img/sprite-arrows.png) no-repeat; margin: -4px 0 0; overflow: hidden; position: absolute; right: 14px; top: 50%; } .menu > li:hover .submenu { height: 47px; } .menu .has-submenu:hover > a:after { content: ''; display: block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #555; margin-left: -6px; overflow: hidden; position: absolute; left: 50%; bottom: -2px; z-index: 1; } .menu > li:hover > a, .menu > li.current > a { color: #000; } .submenu { width: 100%; height: 0; background: #555; overflow: hidden; position: absolute; left: 0; top: 49px; z-index: 1; transition: height 0.3s ease 0s; } .submenu li { display: inline-block; padding: 0 15px; } .submenu li:before { content: '•'; font: 16px "Helvetica Neue", Helvetica; color: #e65854; margin: 0 15px 0 -15px; } .submenu li:first-child:before { display: none; } .submenu a { height: 47px; font: 200 16px/47px "Helvetica Neue", Helvetica; color: #fff; text-decoration: none; transition: all 0.3s ease 0s; } .submenu a:hover { color: #ddd; } .submenu > li.current > a { color: #aaa; } .b-regions { height: 49px; margin: 15px 5px 10px; position: relative; } .regions { width: 100%; height: 49px; background: #fff; border: 1px solid #e7e7e7; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 99; transition: height 0.3s ease 0s; } .regions:hover { height: 143px; -webkit-box-shadow: -1px 1px 3px rgba(0, 0, 0, .25); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .25); box-shadow: 1px 1px 5px rgba(0, 0, 0, .25); } .regions a, .regions span { display: block; height: 47px; font: 14px/47px "Helvetica Neue", Helvetica; color: #000; text-decoration: none; text-transform: uppercase; padding-left: 10px; position: relative; cursor: pointer; transition: all 0.3s ease 0s; } .regions a:hover { background: #f7f5f6; } .regions span:after { content: ''; display: block; width: 11px; height: 7px; background: url(../img/sprite-arrows.png) no-repeat; margin: -4px 0 0; overflow: hidden; position: absolute; right: 10px; top: 50%; } .b-title { margin: 10px 0; position: relative; } .b-title h2 { height: 45px; font: bold 40px/45px "Helvetica Neue", Helvetica; text-shadow: 1px 1px 1px #fff; white-space: nowrap; border-left: solid 6px #8ea9b4; padding: 0 330px 0 35px; overflow: hidden; transition: all 0.3s ease 0s; } .b-title .btn-category-news { display: block; width: 292.5px; height: 45px; font: 400 14px/46px Helvetica; color: #333; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap; border: 1px solid #333; overflow: hidden; position: absolute; top: 0; right: 0; transition: all 0.3s ease 0s; } .b-title .btn-category-news:hover { background: #fff; } .b-content { margin: 15px -5px 5px; } .b-flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; } .b-flex + .b-flex{ margin: 10px 0 0; } .b-flex-1 { width: 25%; margin: 5px 0; } .b-flex-2 { width: 50%; margin: 5px 0; } .b-flex-2 .b-flex-1 { width: 50%; margin: 0; } .b-flex-3 { width: 75%; margin: 5px 0; } .b-flex-4 { width: 100%; margin: 5px 0; } .b-flex-4 .b-flex-1 { margin: 0; } .b-flex-order-1 { order: 1; } .b-flex-order-2 { order: 2; } .b-container { height: 100%; background: #fff; border: 1px solid #e7e7e7; margin: 0 5px; padding: 5px; } .b-latest-news { padding: 10px; } .latest-news { padding: 10px 0 0; } .latest-news li { padding: 8px 0 8px 53px; } .latest-news a { font: bold 14px "Helvetica Neue", Helvetica; color: #000; } .latest-news time { float: left; width: 45px; height: 20px; font: 14px/20px "Helvetica Neue"; color: #fff; text-align: center; background: #c53f3e; margin: 2px 0 0 -53px; } .b-news-rating { padding: 10px; } .b-news-rating h3 { padding: 0; } .b-news-rating .btn-news-rating { display: block; width: 100%; height: 45px; font: 400 16px/46px Helvetica; color: #fff; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap; background: #c53f3e; border: 1px solid #fff; margin: 5px 0 0; overflow: hidden; transition: all 0.3s ease 0s; } .b-news-rating .btn-news-rating:hover { color: #c53f3e; background: #fff; border-color: #c53f3e; } .news-rating { margin: 10px; overflow: hidden; } .news-rating a { font: bold 16px Helvetica; color: #000; } .news-rating time { display: block; font: 10px Tahoma, Helvetica, sans-serif; color: #bbb; margin: 10px 0 0; } .news-rating li { min-height: 85px; border-top: 1px solid #e7e7e7; margin: -1px 0 1px; padding: 12px 10px 12px 50px; position: relative; transition: all 0.3s ease 0s; overflow: hidden; } .news-rating .num { width: 50px; } .news-rating li:before { content: ''; display: block; width: 40px; height: 30px; font: bold 30px/32px Helvetica; color: #c53f3e; margin-top: -16px; position: absolute; left: 3px; top: 50%; } .news-rating li:nth-child(1):before { content: '1'; } .news-rating li:nth-child(2):before { content: '2'; } .news-rating li:nth-child(3):before { content: '3'; } .news-rating li:nth-child(4):before { content: '4'; } .news-rating li:nth-child(5):before { content: '5'; } .news-rating li:nth-child(6):before { content: '6'; } .news-rating li:nth-child(7):before { content: '7'; } .news-rating li:nth-child(8):before { content: '8'; } .news-rating li:nth-child(9):before { content: '9'; } .news-rating li:nth-child(10):before { content: '10'; } .news-rating li:nth-child(11):before { content: '11'; } .news-rating li:nth-child(12):before { content: '12'; } .news-rating li:nth-child(13):before { content: '13'; } .news-rating li:nth-child(14):before { content: '14'; } .news-rating li:nth-child(15):before { content: '15'; } .news-rating li:nth-child(16):before { content: '16'; } .news-rating li:nth-child(17):before { content: '17'; } .news-rating li:nth-child(18):before { content: '18'; } .news-rating li:nth-child(19):before { content: '19'; } .news-rating li:nth-child(20):before { content: '20'; } .news-rating img { float: left; width: 60px; margin-right: 10px; } .news-rating .rating { width: 82px; height: 21px; font: bold 12px/22px Helvetica; color: #fff; text-align: right; background: url(../img/top_eye.png) no-repeat; padding: 0 5px 0 20px; position: absolute; right: 0; bottom: 5px; } /* .news-rating li:before { content: ""; display: block; width: 20px; height: 30px; background: url(../img/sprite-rating.png) no-repeat; position: absolute; left: 12px; top: 12px; overflow: hidden; } .news-rating li:nth-child(1):before { background-position: 0 -30px; } .news-rating li:nth-child(2):before { background-position: 0 -60px; } .news-rating li:nth-child(3):before { background-position: 0 -90px; } .news-rating li:nth-child(4):before { background-position: 0 -120px; } .news-rating li:nth-child(1):hover { background: #ff9997; } .news-rating li:nth-child(2):hover { background: #ffe4bc; } .news-rating li:nth-child(3):hover { background: #b9edfb; } .news-rating li:nth-child(4):hover { background: #e2e2e2; } .news-rating li:nth-child(1):hover:before, .news-rating li:nth-child(2):hover:before, .news-rating li:nth-child(3):hover:before, .news-rating li:nth-child(4):hover:before { background-position: 0 0; } */ .news-rating li:hover time { color: #fff; } .b-goods { height: 100%; /*padding: 0 0 35px;*/ position: relative; } .b-news, .b-good { padding: 10px; position: relative; transition: all 0.3s ease 0s; } .b-news:hover, .b-good:hover { background: #ffe7e7; } .b-news p, .b-good p { text-align: left; margin: 20px 0 0; } .b-news a, .b-good a { color: #000; } .b-news:hover time { color: #c53f3e; } .b-news:hover .n-info a { color: #1276af; } .b-news.big-hor { overflow: hidden; } .b-news.big-hor .n-image { float: left; margin: 0; } .b-news.big-hor .n-title { margin: 0 0 0 220px; } .b-news.big-hor .n-desc { margin: 20px 0 35px 220px; } .b-news.big-hor .n-info { padding-left: 230px; } .b-news.big-ver { height: 100%; text-align: center; padding-bottom: 45px; } .b-news.big-ver .n-image { margin: 0; } .b-news.small-hor { overflow: hidden; } .b-news.small-hor .n-image { float: left; margin: 0; } .b-news.small-hor .n-title { font: bold 16px/19px Helvetica; margin: 0 0 0 77px; max-height: 55px; overflow: hidden; } .b-news.small-hor .n-desc { max-height: 49px; font: 14px/17px Helvetica; color: #666; margin: 5px 0 0 77px; overflow: hidden; } .b-news.small-hor .n-info { width: auto; margin: 10px 0 0 77px; padding: 0; position: static; } .b-news.main { overflow: hidden; } .b-news.main:hover { background: none; } .b-news.main .n-image { float: left; margin: 0 20px 15px 0; } .b-news.main .n-title { margin: 0; padding: 0 15px 0 0; } .b-news.main .n-desc { margin: 20px 0 0; } .b-news.main .n-info { width: auto; padding: 0; position: static; } .b-news.main .n-more { margin: 10px 0 0; } .b-news.main .btn-news-more { display: inline-block; height: 34px; font: 200 15px/30px "Helvetica Neue"; color: #fff; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; background: #c53f3e; border: 1px solid #fff; padding: 0 20px; overflow: hidden; transition: all 0.3s ease 0s; } .b-news.main .btn-news-more:hover { color: #c53f3e; background: #fff; border-color: #c53f3e; } .b-good.small-hor { overflow: hidden; } .b-good.small-hor .n-image { float: left; margin: 0; } .b-good.small-hor .n-title { font: bold 14px/16px Helvetica; margin: 0 0 0 77px; max-height: 50px; overflow: hidden; } .b-good.small-hor .n-price { font: bold 16px Helvetica; color: #c53f3e; position: absolute; left: 87px; bottom: 7px; } .b-good.small-hor .n-more { display: block; font: 200 14px/18px "Helvetica Neue"; color: #fff; background: #c53f3e; border: 1px solid #c53f3e; padding: 0 12px; position: absolute; left: 87px; bottom: 10px; transition: all 0.3s ease 0s; } .b-good.small-hor .n-more:hover { color: #c53f3e; text-decoration: none; background: #fff; } .b-share { margin: 15px 10px 20px; } .b-share h4 { font: bold 16px/19px Helvetica; margin: 0 0 10px; } .b-label { display: block; width: 100%; font: 200 12px Helvetica; color: #b6b6b6; position: absolute; bottom: 8px; padding: 0 10px; left: 0; } .b-label:hover { text-decoration: none; } .b-label .red { color: #c53f3e; } .b-label .tram { color: #000; } .n-image { display: inline-block; position: relative; } .n-title { font: bold 18px Helvetica; } h1.n-title { text-transform: none; color: #000000; font-size: 18px !important; } .n-desc { font: 14px/21px Helvetica; } .n-info { width: 100%; padding: 0 10px; position: absolute; left: 0; bottom: 10px; overflow: hidden; } .n-info time { float: left; color: #666; font: 10px Tahoma, Helvetica, sans-serif; } .n-info a, .n-info span { display: block; font: 10px Tahoma, Helvetica, sans-serif; color: #666; text-align: right; text-decoration: underline; text-overflow: ellipsis; white-space: nowrap; margin: 0 0 0 90px; overflow: hidden; } .n-info a:hover { text-decoration: none; } .b-container.gray { background: #bbc7cc; border-color: #fff; } .b-container.blue { background: #9ad6ed; border-color: #fff; } .b-container.orange { background: #ffaf5a; border-color: #fff; } .b-container.gray .n-desc, .b-container.gray .n-info time, .b-container.gray .n-info a, .b-container.blue .n-desc, .b-container.blue .n-info time, .b-container.blue .n-info a, .b-container.orange .n-desc, .b-container.orange .n-info time, .b-container.orange .n-info a { color: #fff; } .b-container.gray .b-news.small-hor .n-title { font-size: 16px; } .b-container.gray .n-image { border: 1px solid #fff; } .s-main h2 { font: bold 18px Helvetica; color: #c53f3e; text-transform: uppercase; padding: 30px 10px 10px; } .s-main .small-hor { padding: 12px 10px; } .s-main .small-hor time { font: 16px "Helvetica Neue"; color: #c53f3e; } .s-main .btn-category-news { color: #bbc7cc; border-color: #bbc7cc; } .s-main .btn-category-news:hover { background: #bbc7cc; } .s-main .b-news:hover { background: #ffe7e7; } .s-main .b-flex-2 .b-container { border-color: #fa9796; } .s-main .b-news.small-hor .n-title, .s-main .b-news.small-hor .n-desc, .s-main .b-news.small-hor .n-info { margin-left: 0; } .s-main .small-hor .n-title { max-height: 63px; line-height: 21px; } .s-main .small-hor .n-desc { max-height: 55px; line-height: 19px; margin-top: 8px; overflow: hidden; } .s-events { background: url(../img/city.jpg) no-repeat center 0; } .s-events h2 { border-color: #8ea9b4; } .s-events .btn-category-news { background: #8ea9b4; } .s-events .btn-category-news:hover { color: #8ea9b4; border-color: #8ea9b4; } .s-events .b-news:hover { background: #e8e8e8; } .s-events .b-container.gray .b-news:hover { background: #a6b4bb; } .s-events .b-flex-2 .b-flex { flex-direction: column; } .s-events .b-flex-2 .b-flex-1 { width: 100%; } .s-technology h2 { border-color: #8ec877; } .s-technology .btn-category-news { background: #8ec877; } .s-technology .btn-category-news:hover { color: #8ec877; border-color: #8ec877; } .s-technology .b-news:hover { background: #ebf9e5; } .s-showbiz { background: url(../img/show.jpg) no-repeat center 0; } .s-showbiz h2 { border-color: #db8eca; } .s-showbiz .btn-category-news { background: #db8eca; } .s-showbiz .btn-category-news:hover { color: #db8eca; border-color: #db8eca; } .s-showbiz .b-news:hover { background: #fbeef8; } .s-sport h2 { border-color: #7cc6e1; } .s-sport .btn-category-news { background: #9ad6ed; } .s-sport .btn-category-news:hover { color: #9ad6ed; border-color: #9ad6ed; } .s-sport .b-news:hover { background: #f0fbff; } .s-sport .b-container.blue .b-news:hover { background: #76bdd8; } .s-lifestyle { background: url(../img/sun.jpg) no-repeat center 0; } .s-lifestyle h2 { border-color: #f98f1d; } .s-lifestyle .btn-category-news { background: #ffaf5a; } .s-lifestyle .btn-category-news:hover { color: #ffaf5a; border-color: #ffaf5a; } .s-lifestyle .b-news:hover { background: #ffeedb; } .s-lifestyle .b-container.orange .b-news:hover { background: #ea9a44; } footer { color: #888; text-align: left; background: #fff; border: 1px solid #e7e7e7; margin-top: 20px; margin-bottom: 20px; padding: 15px; position: relative; } footer ul:first-child { max-width: 800px; font-size: 0; margin-right: 250px; } footer ul:first-child li { display: inline-block; width: 25%; font-size: 14px; padding: 10px 0 10px 10px; text-overflow: ellipsis; overflow: hidden; } footer a { text-transform: uppercase; transition: all 0.3s ease 0s; white-space: nowrap; } footer .info { font: 14px "Helvetica Neue"; color: #000; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); transition: all 0.3s ease 0s; } footer .copyright { margin-top: 20px; } .overlay { display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; } .overlay.up { z-index: 500; opacity: 1; } /* Category */ .p-category h1 { font: bold 40px "Helvetica Neue", Helvetica; margin-top: 15px; margin-bottom: 10px; padding: 0 15px; transition: all 0.3s ease 0s; } .p-category section { padding: 0; } .p-category .b-content { margin: 0 -5px; } .p-category .b-container.attractive { border-color: #fa9796; } .p-category .b-container.attractive time { color: #c53f3e; } .p-category .b-news:hover .n-info a { color: #1276af; } .p-category .b-news-rating .btn-news-rating { height: 34px; font: 200 15px/33px "Helvetica Neue"; } .p-category .n-title-top { font: bold 18px Helvetica; max-height: 62px; overflow: hidden; line-height: 20px; } /* News */ .p-news section { padding: 0; } .p-news .nav { margin-bottom: 15px; } .p-news .b-content { margin: 0 -5px; } /* 404 */ .page.error404 { vertical-align: top; background: #fff; border: 1px solid #e7e7e7; margin: 20px auto; padding: 20px; } .other-news { text-align: center; margin: -11px -11px 0 0; } .other-news li { display: inline-block; width: 162px; height: 245px; font: bold 12px/16px tahoma; text-align: left; vertical-align: top; background: #fff; border: 1px solid #eee; margin: 11px 11px 0 0; padding: 10px; overflow: hidden; } .other-news div { width: 140px; height: 140px; margin: 0 0 3px; overflow: hidden; } .other-news div > a { display: block; width: 100%; height: 100%; } .other-news li > a { display: inline-block; max-height: 80px; color: #393939; text-decoration: none; overflow: hidden; } .other-news li > a:hover { text-decoration: underline; } /* Search */ .p-search .page { vertical-align: top; background: #fff; border: 1px solid #e7e7e7; margin: 20px auto; padding: 20px; } .p-search .page .search-query { margin: 10px 0 0; } .p-search .lists { margin: 0 auto; } .p-search .news-list { margin-right: 335px; overflow: hidden; } .p-search .goods-list { float: right; width: 335px; overflow: hidden; } .p-search .teaser { display: inline-block; width: 162px; font: 12px tahoma; vertical-align: top; background: #fff; border: 1px solid #eee; margin: 0 11px 11px 0; padding: 10px; overflow: hidden; } .p-search .teaser img { width: 140px; height: 140px; vertical-align: top; } .p-search .teaser .info { height: 12px; font: 10px/12px tahoma,arial; color: #fff; margin: 10px 0; overflow: hidden; } .p-search .teaser .date { float: left; color: #c53f3e; } .p-search .teaser .source { display: block; max-width: 65px; font: 10px tahoma,arial; text-align: right; text-decoration: underline; text-overflow: ellipsis; white-space: nowrap; margin-left: 75px; overflow: hidden; } .p-search .teaser .source:hover { text-decoration: none; } .p-search .teaser .title, .p-search .teaser .desc { display: block; color: #393939; text-decoration: none; margin: 10px 0 0; } .p-search .teaser .title { font-weight: bold; } .p-search .teaser .desc { display: inline-block; } .p-search .teaser .title:hover, .p-search .teaser .desc:hover { text-decoration: underline; } .p-search .teaser .match { background: #fcf774; } .p-search .goods-list .teaser { text-align: center; background: #fffadc; border-color: #ebe09f; } .p-search .goods-list .teaser .title { font: bold 14px tahoma; text-align: left; } .p-search .goods-list .teaser .price { display: inline-block; height: 25px; font: bold 14px/24px tahoma; color: #fff; text-decoration: none; background: #e25b5c; margin: 10px 0 0; padding: 0 12px; } .p-search .goods-list .teaser .price:hover { background: #b64847; text-decoration: none; } /* top100 rating */ .p-top100 h1, .p-top100 h2 { font: bold 18px Helvetica; color: #c53f3e; text-transform: uppercase; margin: 10px; } /* Archive */ .p-archive h1 { font: bold 18px "Helvetica Neue", Helvetica; color: #c53f3e; text-transform: uppercase; margin: 10px; } .p-archive h2 { font: bold 16px "Helvetica Neue", Helvetica; color: #c53f3e; text-align: center; margin: 10px; } section.archive > h1 { font-size: 24px; color: #000; text-transform: none; margin-top: 20px; } section.archive p.title { display: inline-block; font: bold 18px "Helvetica Neue", Helvetica; color: #c53f3e; text-transform: uppercase; margin: 10px; } .p-archive section { padding: 0; } .p-archive .t-calendar { width: 100%; text-align: right; border-collapse: collapse; margin: 20px 0; } .p-archive .t-calendar a, .p-archive .t-calendar span { display: block; font: bold 18px "Helvetica Neue", Helvetica; color: #000; margin: 2px 4px 2px 0; padding: 3px 5px 3px 0; } .p-archive .t-calendar td:nth-child(6) a, .p-archive .t-calendar td:nth-child(7) a, .p-archive .t-calendar td:nth-child(13) a, .p-archive .t-calendar td:nth-child(14) a { color: #c53f3e; } .p-archive .t-calendar td.selected { background: #f7b0b0; } .p-archive .t-calendar span { color: #ccc !important; } .p-archive .pagination { display: flex; justify-content: space-between; } .p-archive .p-month { display: inline-block; width: 80px; height: 34px; font-size: 13px; line-height: 33px; color: #fff; text-align: center; text-decoration: none; background: #c53f3e; transition: all 0.3s ease 0s; } .p-archive .p-month:hover { background: #b64847; text-decoration: none; } .p-archive .p-pages { font-size: 0; } .p-archive .p-pages li { display: inline-block; font-size: 13px; margin: 0 3px; } .p-archive .p-pages a, .p-archive .p-pages span { display: block; height: 34px; color: #444; line-height: 33px; padding: 0 7px; } .p-archive .p-pages a:hover { color: #c53f3e; text-decoration: none; background: #ffe7e7; } .p-archive .p-pages span { color: #fff; background: #c53f3e; } .p-archive .filter { text-align: right; margin-top: -37px; } .p-archive .s-archive { text-align: left; } .p-archive .s-category { width: 150px; } .p-archive .s-month { width: 95px; } .p-archive .s-year { width: 65px; } .s-archive.chosen-container .chosen-drop { border-color: #c53f3e; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; margin: 0; } .s-archive.chosen-container .chosen-results { max-height: 232px; margin: 0; padding: 0; } .s-archive.chosen-container .chosen-results li { line-height: 19px; } .s-archive.chosen-container .chosen-results li.highlighted { background: #ffe7e7; color: #c53f3e; } .s-archive .chosen-single { height: 32px; color: #fff; line-height: 31px; background: #c53f3e; border-color: #c53f3e; border-radius: 0; box-shadow: none; } .s-archive .chosen-single div b { background: url(../img/sprite-chosen.png) no-repeat 0 13px!important; } .s-archive.chosen-container-active.chosen-with-drop .chosen-single { background: #c53f3e; border-color: #c53f3e; box-shadow: none; } .s-archive.chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 13px!important; } .full-text-style br { content: ' '; display: block; margin: 10px 0; } #place-3 { display: none; } .page { display: table; width: 100%; font: 14px/24px tahoma,arial; color: #393939; margin-top: 15px; } .page h1 { font: bold 24px arial; color: #c53f3e; text-transform: uppercase; margin: 0 0 15px; } .page h2, .page h3, .page h4, .page h5, .page h6 { font-weight: normal; font-family: tahoma, arial; color: #333; text-transform: none; margin: 15px 0 10px; padding: 0; } .page h2 { font-size: 20px; line-height: 22px; } .page h3 { font-size: 18px; line-height: 20px; } .page h4 { font-size: 16px; line-height: 18px; } .page h5 { font-size: 15px; line-height: 17px; } .page h6 { font-size: 14px; line-height: 16px; } .page ol { margin: -5px 0 10px; padding: 0 0 0 27px; } .page ol > li { padding: 6px 0 0 6px; } .page ol > li:first-child { padding-top: 0; } .page a { text-decoration: underline; } .page a:hover { text-decoration: none; } .page .left-side { display: table-cell; vertical-align: top; background: #fff; border: 1px solid #e7e7e7; padding: 20px; } .page .right-side { display: table-cell; width: 344px; vertical-align: top; background: #fff; border: 1px solid #e7e7e7; padding: 20px; } .page .separator { display: table-cell; width: 25px; } .page .circles { list-style-type: disc; padding-left: 25px; } .page .btn-registration { display: block; font: 16px/73px tahoma,arial; color: #fff; text-align: center; text-decoration: none; background: #00c0ff; } .page .btn-registration:hover { background: #00a0f3; } .page .btn-question { display: block; height: 73px; font: 16px/73px tahoma,arial; color: #fff; text-align: center; text-decoration: none; background: #8dcf19; overflow: hidden; cursor: pointer; -webkit-transition: height .5s; -moz-transition: height .5s; -o-transition: height .5s; transition: height .5s; } .page .btn-question:hover { background: #77ba01; } .page .btn-question.hide { height: 0 } .page .info-for-users { margin: 60px 0; } .page .ask-question { margin: 40px 0 0; } .page .ask-question p { font-weight: bold; } .page .f-question { height: 425px; margin: 0 -3px; overflow: hidden; -webkit-transition: height .5s; -moz-transition: height .5s; -o-transition: height .5s; transition: height .5s; } .page .f-question.hide { height: 0; } .page .f-question input[type="text"], .page .f-question textarea { width: 100%; font: 12px/16px tahoma,arial; color: #000; vertical-align: top; background: #f2f4f4; border: 1px solid #e7e7e7; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-sizing: border-box; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; padding: 10px; resize: none; } .page .f-question input[type="text"]:hover, .page .f-question textarea:hover { border-color: #00c0ff; } .page .f-question fieldset { padding: 0 3px; } .page .f-question textarea { height: 182px; } .page .f-question input[type="submit"] { width: 100%; font: 16px/37px tahoma,arial; color: #fff; text-align: center; background: #8dcf19; } .page .f-question input[type="submit"]:hover { background: #77ba01; } .page .f-question .f-captcha img { float: left; } .page .f-question input.captcha-code { float: right; width: 83px; } .page .f-question .captcha-refresh { display: block; width: 20px; height: 20px; text-indent: -999em; background: url(../img/sprite-captcha-refresh.png) no-repeat; margin: 9px auto; overflow: hidden; cursor: pointer; } .page .f-question .captcha-refresh:hover { background-position: 0 -20px; } .page .btn-details { display: inline-block; height: 37px; font: 16px/36px tahoma,arial; color: #fff; text-align: center; text-decoration: none; background: #c53f3e; padding: 0 40px; } /* About */ .about .features { margin: 10px 0; } .about .features li { padding: 15px 0 15px 100px; position: relative; } .about .features li:before { content: ''; display: block; width: 54px; height: 54px; background: url(../img/sprite-features.png) no-repeat; overflow: hidden; position: absolute; left: 15px; top: 20px; } .about .features .moderation:before { background-position: 0 0; } .about .features .multilingual:before { background-position: 0 -54px; } /* Advertising */ .advertising h3 { font: bold 16px tahoma,arial; color: #393939; margin: 25px 0 20px; } .advertising ul { margin: -10px 0 10px; } .advertising .capabilities { font-size: 0; margin: 0 0 20px; } .advertising .capabilities a { color: #393939; } .advertising .capabilities li { display: inline-block; width: 20%; font: bold 14px tahoma,arial; vertical-align: top; margin: 0 0 20px; padding: 75px 0 0; position: relative; } .advertising .capabilities li:before { content: ''; display: block; width: 96px; height: 62px; background: url(../img/sprite-advertising.png) no-repeat; position: absolute; top: 0; left: 0; } .advertising .capabilities li:nth-child(1):before { background-position: 0 -62px; } .advertising .capabilities li:nth-child(2):before { background-position: 0 -124px; } .advertising .capabilities li:nth-child(3):before { background-position: 0 -186px; } .advertising .capabilities li:nth-child(4):before { background-position: 0 -248px; } .advertising .articles { font-size: 0; text-align: left; margin: 0 0 20px; } .advertising .articles li { display: inline-block; width: 33.33%; font: 14px tahoma,arial; color: #999; vertical-align: top; margin: 0 0 20px; padding: 75px 0 0; position: relative; } .advertising .articles li:before { content: ''; display: block; width: 96px; height: 66px; background: url(../img/sprite-articles.png) no-repeat; position: absolute; top: 0; left: 0; } .advertising .articles li:nth-child(1):before { background-position: 0 0; } .advertising .articles li:nth-child(2):before { background-position: 0 -66px; } .advertising .articles li:nth-child(3):before { background-position: 0 -132px; } .advertising .contacts-title { font: bold 16px/36px tahoma,arial; color: #c53f3e; text-align: left; text-transform: uppercase; margin: 15px 0; position: relative; } .advertising .contacts-title a { font: 14px/18px tahoma,arial; margin-left: 5px; text-transform: none; } .advertising .managers { font-size: 0; color: #393939; } .advertising .managers > li { display: inline-block; width: 33.33%; font-size: 12px; padding: 10px 0 15px; vertical-align: top; } .advertising .managers .name { font: bold 16px tahoma,arial; } .advertising .managers .contacts { margin: 10px 0 0; } .advertising .managers .contacts li { line-height: 20px; padding: 0 0 0 22px; position: relative; } .advertising .managers .contacts li:before { content: ''; display: block; width: 16px; height: 16px; background: url(../img/sprite-icons-2.png) no-repeat; position: absolute; left: 0; top: 2px; } .advertising .managers .contacts .icq:before { background-position: 0 -32px; } .advertising .managers .contacts .skype:before { background-position: 0 -48px; } .advertising .managers .contacts .phone:before { background-position: 0 -64px; } .advertising .managers .contacts .email:before { background-position: 0 -80px; } .advertising .managers .contacts .phone > img { vertical-align: top; margin: 2px 0 0; } .advertising .managers .contacts .viber, .advertising .managers .contacts .whatsapp, .advertising .managers .contacts .telegram { display: inline-block; width: 16px; height: 16px; vertical-align: middle; background: url(../img/virtonnews/sprite-icons-2.png) no-repeat; } .advertising .managers .contacts .viber { background-position: 0 -32px; } .advertising .managers .contacts .whatsapp { background-position: 0 -48px; } .advertising .managers .contacts .telegram { background-position: 0 -64px; } .advertising .price-list { text-align: center; } .advertising .price-list a { display: inline-block; height: 37px; font: 16px/36px tahoma,arial; color: #fff; text-align: center; text-decoration: none; background: #c53f3e; padding: 0 25px; } .advertising .price-list a:hover { background: #b64847; } .advertising .address { font-size: 12px; } /* Terms */ .terms h3 { margin: 20px 0 10px; } .terms ul { margin: -10px 0 10px; } .terms ul > li { padding: 3px 0 3px 10px; } .terms ul > li:before { content: '- '; display: inline; margin-right: 5px; } .terms .date { font: 12px tahoma,arial; color: #999; margin: 15px 0; } /* Cooperation */ .cooperation h2 { font: bold 16px tahoma,arial; color: #393939; text-transform: uppercase; } .cooperation ul { margin: -10px 0 10px; } .cooperation ul > li:before { content: '- '; display: inline; margin-right: 5px; } .cooperation .item { border-bottom: 1px dashed #ddd; margin: 0; padding: 20px 0; } .cooperation .item:last-child { border: 0; padding-bottom: 0; } .cooperation .links-exchange-title { font-weight: bold; } .cooperation .links-exchange { margin: 0; } .cooperation .links-exchange > li { border: 1px solid #e7e7e7; margin: 0 0 15px; padding: 5px 15px 5px 50px; position: relative; } .cooperation .links-exchange > li:before { display: block; width: 34px; height: 27px; font: bold 14px/27px tahoma,arial; text-align: center; color: #fff; background: #c53f3e; position: absolute; left: 0; top: 13px; } .cooperation .links-exchange > li:nth-child(1):before { content: '1'; } .cooperation .links-exchange > li:nth-child(2):before { content: '2'; } .cooperation .links-exchange code { margin: 0 0 15px; } /* Cooperation popunder */ .cooperation .img-popunder { width: 100%; } .cooperation ul.cooperation-partners { font-size: 0; margin: 0; } .cooperation .cooperation-partners li { display: inline-block; width: 33.33%; padding: 10px 0 0; } .cooperation ul.cooperation-partners li:before { display: none; } .cooperation .cooperation-partners li:nth-child(3n) { text-align: right; } .cooperation .cooperation-partners li:nth-child(3n+1) { text-align: left; } .cooperation .cooperation-partners li:nth-child(3n+2) { text-align: center; } .cooperation .cooperation-partners span { display: inline-block; width: 182px; height: 67px; text-indent: -999em; vertical-align: top; background: #fff url(../img/sprite_cooperation_partners.png?v=3) no-repeat; border: 1px solid #e7e7e7; overflow: hidden; } .cooperation .cooperation-partners li:nth-child(1) span { background-position: 0 0; } .cooperation .cooperation-partners li:nth-child(2) span { background-position: 0 -65px; } .cooperation .cooperation-partners li:nth-child(3) span { background-position: 0 -130px; } .cooperation .cooperation-partners li:nth-child(4) span { background-position: 0 -195px; } .cooperation .cooperation-partners li:nth-child(5) span { background-position: 0 -260px; } .cooperation .cooperation-partners li:nth-child(6) span { background-position: 0 -325px; } .cooperation .cooperation-partners li:nth-child(7) span { background-position: 0 -390px; } .cooperation .cooperation-partners li:nth-child(8) span { background-position: 0 -455px; } .cooperation .cooperation-partners li:nth-child(9) span { background-position: 0 -520px; } .cooperation .cooperation-partners.ua li:nth-child(1) span { background-position: -180px 0; } .cooperation .cooperation-partners.ua li:nth-child(2) span { background-position: -180px -65px; } .cooperation .cooperation-partners.ua li:nth-child(3) span { background-position: -180px -130px; } .cooperation .cooperation-partners.ua li:nth-child(4) span { background-position: -180px -195px; } .cooperation .cooperation-partners.ua li:nth-child(5) span { background-position: -180px -260px; } .cooperation .cooperation-partners.ua li:nth-child(6) span { background-position: -180px -325px; } .cooperation .cooperation-partners.ua li:nth-child(7) span { background-position: -180px -390px; } .cooperation .cooperation-partners.ua li:nth-child(8) span { background-position: -180px -455px; } .cooperation .cooperation-partners.ua li:nth-child(9) span { background-position: -180px -520px; } /* Cooperation add source */ .cooperation .add-source p:before { display: inline; } .cooperation .add-source > li { margin: 20px 0; } .cooperation .left-side .captcha-code { width: 83px; } .cooperation .left-side .captcha-refresh { display: inline-block; width: 20px; height: 20px; text-indent: -999em; vertical-align: top; background: url(../img/sprite-captcha-refresh.png) no-repeat; margin: 9px 15px; overflow: hidden; cursor: pointer; } .cooperation .left-side .captcha-refresh:hover { background-position: 0 -20px; } .cooperation .f-captcha input[type="submit"] { float: right; height: 37px; font: 16px/36px tahoma,arial; color: #fff; text-align: center; text-decoration: none; background: #c53f3e; padding: 0 40px; cursor: pointer; } .cooperation .f-captcha input[type="submit"]:hover { background: #b64847; } .cooperation .f-check-source, .cooperation .f-add-source { width: 514px; margin: 0 auto; } .cooperation .f-add-source textarea { height: 102px; } /* Cooperation informer */ .cooperation .order-informer-title { font: bold 16px tahoma,arial; color: #c53f3e; text-transform: uppercase; margin: 25px 0 20px } .advertising .f-order-informer, .cooperation .f-order-informer { padding: 0; } .cooperation .f-order-informer p { font: bold 14px tahoma,arial; } .cooperation .f-order-informer textarea { height: 102px; } .cooperation .f-order-informer .categories { font-size: 0; margin: 15px 0 20px; } .cooperation .f-order-informer .categories li { display: inline-block; width: 33.33%; font-size: 12px; } .cooperation .f-order-informer .categories li:before { display: none; } .advertising .f-order-informer .f-type, .cooperation .f-order-informer .f-type { padding-right: 170px; } .cooperation .f-order-informer .f-preview > div { border: 1px solid #e7e7e7; } .advertising .f-order-informer .btn-preview, .cooperation .f-order-informer .btn-preview { float: right; display: block; width: 150px; height: 37px; font: 16px/36px tahoma,arial; color: #fff; text-align: center; text-decoration: none; background: #a6a6a6; overflow: hidden; cursor: pointer; margin-right: -170px; } .cooperation .f-order-informer .btn-preview:hover { background: #888; } .advertising .f-order-informer .type, .cooperation .f-order-informer .type { float: left; width: 100%; } .advertising .f-order-informer .type .chosen-single, .cooperation .f-order-informer .type .chosen-single { height: 38px; font: 12px/16px tahoma,arial; background: #f2f4f4; border: 1px solid #e7e7e7; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; box-sizing: border-box; padding: 10px 0 10px 10px; } .advertising .f-order-informer .type .chosen-drop, .cooperation .f-order-informer .type .chosen-drop { box-shadow: none; } .advertising .f-order-informer .type:hover .chosen-single, .cooperation .f-order-informer .type:hover .chosen-single, .advertising .f-order-informer .type.chosen-with-drop .chosen-single, .cooperation .f-order-informer .type.chosen-with-drop .chosen-single { border-color: #00c0ff; } .advertising .f-order-informer .type .chosen-single span, .cooperation .f-order-informer .type .chosen-single span { margin-right: 50px; } .advertising .f-order-informer .type .chosen-single div, .cooperation .f-order-informer .type .chosen-single div { width: 30px; } .advertising .f-order-informer .type .chosen-single div b, .cooperation .f-order-informer .type .chosen-single div b { background: url(../img/sprite-select.png) no-repeat 0 13px; } .advertising .f-order-informer .type .chosen-results, .cooperation .f-order-informer .type .chosen-results { margin: 0 4px 4px 0; } .advertising .f-order-informer .type .chosen-results li, .cooperation .f-order-informer .type .chosen-results li { padding: 8px 6px; } .advertising .f-order-informer .type .chosen-results li:before, .cooperation .f-order-informer .type .chosen-results li:before { display: none; } .advertising .f-order-informer .type .chosen-results li.highlighted, .cooperation .f-order-informer .type .chosen-results li.highlighted { background: #00c0ff; } .advertising .f-order-informer .type.chosen-with-drop, .cooperation .f-order-informer .type.chosen-with-drop { -webkit-box-shadow: 0 0 5px rgba(0, 160, 243, .7); -moz-box-shadow: 0 0 5px rgba(0, 160, 243, .7); box-shadow: 0 0 5px rgba(0, 160, 243, .7); } .advertising .f-order-informer .type.chosen-with-drop .chosen-single, .cooperation .f-order-informer .type.chosen-with-drop .chosen-single { background: #fff; position: relative; z-index: 1011; border-bottom: 0; } .advertising .f-order-informer .type.chosen-with-drop .chosen-single div b, .cooperation .f-order-informer .type.chosen-with-drop .chosen-single div b { background-position: 0 -34px; } .advertising .f-order-informer .type.chosen-with-drop .chosen-drop, .cooperation .f-order-informer .type.chosen-with-drop .chosen-drop { border-color: #e7e7e7; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 0 5px rgba(0, 160, 243, .7); -moz-box-shadow: 0 0 5px rgba(0, 160, 243, .7); box-shadow: 0 0 5px rgba(0, 160, 243, .7); } .advertising .f-order-informer .type.chosen-with-drop .chosen-drop, .cooperation .f-order-informer .type.chosen-with-drop .chosen-drop { border-color: #00c0ff; } .preview * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* Partners */ .partners .categories { font-size: 0; margin: 20px 0; } .partners .categories li { display: inline-block; width: 33.33%; font-size: 14px; vertical-align: top; white-space: nowrap; text-overflow: ellipsis; padding-right: 10px; overflow: hidden; } .partners .become-partner { text-align: center; } .partners .become-partner a { display: inline-block; height: 37px; font: 16px/36px tahoma,arial; color: #fff; text-align: center; text-decoration: none; background: #c53f3e; padding: 0 25px; } .partners .become-partner a:hover { background: #b64847; } .partners .list { margin: 20px 0; } .partners .list > li { border-top: 1px dashed #eee; margin: 40px 0 0; padding: 20px 0 0; } .partners .list > li:before { content: none; } .partners .list > li:after { content: ''; display: block; width: 100%; height: 0; overflow: hidden; clear: both; } .partners .list h3 { float: left; height: 20px; font: bold 14px/20px tahoma,arial; background: #fff; margin: -31px 0 0; padding: 0 20px 0 0; } .partners .buttons { font-size: 0; margin: -10px 0 0; } .partners .buttons li { display: inline-block; width: 33.33%; height: 33px; font: 11px/16px tahoma; vertical-align: top; margin: 10px 0 0; padding: 0 10px 10px 0; overflow: hidden; } .partners .buttons img { float: left; width: 88px; height: 33px; margin: 0 10px 0 0; } .partners .buttons a { color: #393939; text-decoration: none; } .partners .buttons a:hover { text-decoration: underline; } /* CP TEST 2 - REMOVE IF NOT USED */ .cp-test-2 section { margin: 5px auto -5px; padding: 0; } .cp-test-2 section ul { width: 100%; } .cp-test-2 .b-content { margin: 0 -5px; } .cp-test-2 .b-attractive { border-color: #fa9796; } .cp-test-2 footer { margin-top: 10px; margin-bottom: 10px; } .cp-test-2 .b-news, .cp-test-2 .b-good { padding: 5px; } .cp-test-2 .b-news.b-main { border: 3px solid #c53f3e; margin: -6px; padding: 8px; } .cp-test-2 .b-news.big-ver { padding-bottom: 40px; } .cp-test-2 .b-news.small-hor .n-image img, .cp-test-2 .b-good.small-hor .n-image img { width: 70px; } .cp-test-2 .b-news.w-60 .n-image img, .cp-test-2 .b-good.w-60 .n-image img { width: 60px; } .cp-test-2 .b-news.small-hor .n-title { max-height: 49px; font: bold 14px/16px Helvetica; } .cp-test-2 .b-good.small-hor .n-title { max-height: 33px; font: bold 14px/16px Helvetica; } .cp-test-2 .b-news.small-hor .n-title, .cp-test-2 .b-news.small-hor .n-desc, .cp-test-2 .b-news.small-hor .n-info, .cp-test-2 .b-good.small-hor .n-title, .cp-test-2 .b-good.small-hor .n-desc, .cp-test-2 .b-good.small-hor .n-info { margin-left: 80px; } .cp-test-2 .b-good.small-hor .n-price { left: 85px; bottom: 5px; } .cp-test-2 .b-news.w-60 .n-title, .cp-test-2 .b-news.w-60 .n-desc, .cp-test-2 .b-news.w-60 .n-info, .cp-test-2 .b-good.w-60 .n-title, .cp-test-2 .b-good.w-60 .n-desc, .cp-test-2 .b-good.w-60 .n-info { margin-left: 70px; } .cp-test-2 .b-good.w-60 .n-price { left: 75px; } ul.managers > li.day-off { opacity: 0.2; -moz-opacity: 0.2; -webkit-opacity: 0.2; } header { height: 100px !important; } .main-news { margin: 28px 0 0 201px !important; } .fb-button { float: right; display: inline-block; width: 32px; height: 32px; background: url('/news-catalog/public/img/fb1.svg'); margin: 16px 30px; } @media only screen and (max-width: 1199px) { .p-archive .filter { text-align: left; margin: 10px; } } @media only screen and (min-width: 960px) and (max-width: 1072px) { #search-toggle { display: block; margin: 17px 0 0; } span.fb-button { padding: 22px 34px 22px 28px; } .search { width: 100%; height: 0; background: #fa9796; box-sizing: border-box; margin: 0; padding: 0 100px 0 62px; overflow: hidden; position: absolute; left: 0; top: 66px; z-index: 101!important; } .search-toggle.pressed + .search { height: 50px; } .search fieldset { padding: 9px 0; } .search input[type="text"]:hover, .search input[type="text"]:focus, .search input[type="text"]:hover + button[type="submit"], .search input[type="text"]:focus + button[type="submit"] { border-color: #c53f3e; } .search input[type="text"]:hover + button[type="submit"]:before, .search input[type="text"]:focus + button[type="submit"]:before { border-left-color: #cc4141; } .search button[type="submit"] { top: 9px; } .search-toggle { display: block; } } @media only screen and (max-width: 959px) { header { height: 64px; padding-top: 10px; } section { padding: 5px 0; } .wrapper { margin-left: 0; margin-right: 0; } .p-search .search-list { margin-left: auto; margin-right: auto; } .logo { width: 145px; height: 46px; background-position: center 3px; background-size: 125px 32px; } .logo-vn { width: 150px; height: 46px; background-position: center center; background-size: 142px 28px; } #place-1 { display: none; } #place-2 { display: none; } .client { margin: 7px 0; } .client li { margin: 0 0 0 20px; } .client a { height: 32px; width: 80px; font: 14px "Helvetica Neue"; padding: 0 0 0 10px; } .client a:before { content: none; } .search { margin: 9px 130px 9px 500px; } .search input[type="text"] { height: 30px; font: 13px/18px tahoma,arial; } .search button[type="submit"] { height: 30px; } .search button[type="submit"]:hover { background-position: 6px -27px; } .search button[type="submit"]:before, .search button[type="submit"]:after { border-top-width: 15px; border-bottom-width: 15px; } span.fb-button { padding: 7px 25px; } .login { height: 30px; font: 15px/30px "Helvetica Neue"; margin: 8px 0; padding: 0 15px; } .menu > li > a, .menu span { height: 40px; font: 200 14px/40px "Helvetica Neue"; } .menu span { padding-left: 9px; } .submenu { height: 0; top: 42px; } .submenu li { padding: 0 9px; } .submenu li:before { margin: 0 9px 0 -9px; } .submenu a { font: 200 14px/40px "Helvetica Neue"; } .menu .has-submenu:hover .submenu { height: 40px; } .languages { height: 42px; } .languages a { height: 40px; font: 400 13px/40px "Helvetica Neue"; } .languages:hover { height: 82px; } .b-title { margin: 7px 0; } .b-title h2 { height: 40px; font: bold 32px/40px "Helvetica Neue"; border-width: 5px; padding: 0 300px 0 25px; } .b-title .btn-category-news { width: 260px; height: 40px; font: 400 14px/40px Helvetica; } .b-content { margin-top: 10px; } .b-flex-1, .b-flex-3 { width: 50%; } .b-flex-2 { width: 100%; } .s-events { background: #ced3d7; } .s-showbiz { background: #e7cdf0; } .s-lifestyle { background: #fef7da; } .s-events .b-flex-2 .b-flex { flex-direction: row; } .s-events .b-flex-2 .b-flex-1 { width: 50%; } .s-sport .b-flex-1 { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .s-sport .b-flex-2, .p-category .b-flex-2.order, .p-news .b-flex-2.order { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .b-news-rating .btn-news-rating { display: block; width: 100%; height: 45px; font: 400 16px/46px Helvetica; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap; margin: 20px 0 0; overflow: hidden; transition: all 0.3s ease 0s; } footer ul:first-child { max-width: none; margin-right: 0; } footer ul:first-child li { width: 50%; } footer .info { font-size: 0; text-align: center; margin: 10px 0 0; position: static; transform: none; } footer .info li { display: inline-block; width: 50%; font-size: 14px; text-align: left; margin: 0; padding: 10px 0 10px 10px; } .p-category h1 { font: bold 32px/30px "Helvetica Neue"; } .breadcrumbs { padding: 0 10px; } .page .left-side { display: block; padding: 15px 10px; } .page .right-side { display: block; width: auto; margin: 20px 0 0; padding: 20px 10px; } .page .separator { display: none; } .page .info-for-users { display: none; } .page .btn-registration, .page .ask-question { max-width: 380px; width: 100%; margin-left: auto; margin-right: auto; } .p-top100 .ordered .b-flex-1 { order: 1; } .p-top100 .ordered .b-flex-2 { order: 2; } .p-archive .b-flex-2 + .b-flex-2 { margin-top: -11px; } .p-archive .b-flex-2 + .b-flex-2 .b-container { padding-top: 0; border-top: 0; } .p-archive .filter { text-align: right; margin: -37px 0 0; } } @media only screen and (max-width: 767px) { header { background: #fff; border-color: #e7e7e7; } header.search-pressed { height: 116px; } .logo { width: 128px; background-position: center 5px; background-size: 110px 28px; } .client li { margin: 0 0 0 5px; } .menu-toggle { display: block; } .search { width: 100%; height: 0; background: #fa9796; box-sizing: border-box; margin: 0; padding: 0 100px 0 62px; overflow: hidden; position: absolute; left: 0; top: 66px; z-index: 3; } .search-toggle.pressed + .search { height: 50px; } .search fieldset { padding: 9px 0; } .search input[type="text"]:hover, .search input[type="text"]:focus, .search input[type="text"]:hover + button[type="submit"], .search input[type="text"]:focus + button[type="submit"] { border-color: #c53f3e; } .search input[type="text"]:hover + button[type="submit"]:before, .search input[type="text"]:focus + button[type="submit"]:before { border-left-color: #cc4141; } .search button[type="submit"] { top: 9px; } .search-toggle { display: block; } span.fb-button { padding: 7px 25px 13px 10px; } .nav { width: 270px; height: 100%; background: #fff; padding: 0; position: fixed; top: 0; bottom: 0; left: 100%; -webkit-box-shadow: -1px 0 3px rgba(0, 0, 0, .2); -moz-box-shadow: -1px 0 3px rgba(0, 0, 0, .2); box-shadow: -1px 0 3px rgba(0, 0, 0, .2); z-index: 501; transition: margin-left 0.5s linear; } .languages { display: table; width: 100%; height: 40px; border: 0; border-bottom: 1px solid #ccc; } .languages:hover { height: 40px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .languages li { display: table-cell; width: 33.3333%; border-left: 1px solid #ccc; } .languages li:first-child { border: 0; } .languages li:first-child a { background: #f7f5f6; } .languages li:first-child a:after { content: none; } .languages a { width: auto; } .languages a:hover { background: #f7f5f6; } .languages a:before { content: ''; display: inline-block; width: 14px; height: 11px; background: url(../img/sprite-flags.png) no-repeat; margin: 0 3px 0 0; position: static; overflow: hidden; } body.displacement { overflow: hidden; } .nav.displacement { margin-left: -270px; } .menu { height: 100%; border: 0; margin: 40px 0 0; border-top: 1px dotted #ccc; overflow-x: hidden; overflow-y: auto; } .menu > li { display: list-item; border: 0; border-bottom: 1px dotted #ccc; margin: 0; padding: 0; } .menu .has-submenu .submenu, .menu .has-submenu:hover .submenu { height: 120px; } .menu .has-submenu:hover a:after { display: none; } .submenu { height: 0; background: none; position: static; } .submenu li { display: list-item; background: #fff; border-top: 1px dotted #ccc; padding: 0; position: relative; } .submenu li:before { display: none; } .submenu a { display: block; height: 40px; color: #888; text-transform: uppercase; padding: 0 15px; } .submenu a:before { content: '•'; font: 16px "Helvetica Neue", Helvetica; color: #e65854; margin-right: 10px; } .submenu li:hover a, .submenu li.current a { color: #000; background: #f7f5f6; border-color: #e7e7e7; } .b-title { margin: 5px 0; } .b-title h2 { height: 36px; font: bold 28px/36px "Helvetica Neue"; padding: 0 260px 0 20px; } .b-title .btn-category-news { width: 240px; height: 36px; font: 400 13px/36px Helvetica; } .overlay { display: block; } .advertising .capabilities li { width: 25%; } .partners .categories li { width: 50%; } .partners .buttons li { width: 50%; } } @media only screen and (max-width: 567px) { header { height: 57px; } header.search-pressed { height: 106px; } section { position: relative; padding-bottom: 65px; } .s-main { padding-bottom: 5px; } .logo { height: 36px; background-position: center 0; } .logo-vn { height: 36px; } .b-news.main .n-image { float: none; margin: 0 0 15px; display: block; text-align: center; } .client { display: none; } .search { top: 56px; } .b-flex { flex-direction: column; } .b-content .b-flex .b-flex-1, .b-content .b-flex .b-flex-2, .b-content .b-flex .b-flex-4 { width: 100%; } .cp-test-2 .b-news.b-main, .b-news.big-hor { height: 100%; text-align: center; padding-bottom: 45px; overflow: visible; } .b-news.big-hor .n-image { float: none; } .b-news.big-hor .n-title, .b-news.big-hor .n-desc { margin: 20px 0 0; } .b-news.big-hor .n-info { padding-left: 10px; } .main-news-wrapper { display: none; } .menu-toggle, .search-toggle, .login { margin-top: 3px; margin-bottom: 3px; } span.fb-button { padding: 2px 25px 8px 10px; } .b-title { position: static; } .b-title .btn-category-news { width: auto; height: 45px; font: 400 16px/46px Helvetica; top: auto; bottom: 15px; left: 15px; right: 15px; } .b-flex-3 { width: 100%; } .b-regions { margin-top: 5px; } footer { padding: 10px; } footer ul:first-child li { padding: 10px 0 10px 10px; } .p-archive .t-calendar a { font-size: 16px; } .p-archive .filter { text-align: left; margin: 10px; } .advertising .capabilities li { width: 33.33%; } .advertising .managers > li { width: 50%; } .cooperation .cooperation-partners li:nth-child(3n), .cooperation .cooperation-partners li:nth-child(3n+1), .cooperation .cooperation-partners li:nth-child(3n+2) { width: 50%; text-align: center; } .cooperation .f-check-source, .cooperation .f-add-source { width: 425px; margin: 0 auto; } .cooperation .left-side .captcha-refresh { margin: 9px 5px; } .cooperation .left-side .captcha-code { width: 75px; } .cooperation .f-captcha input[type="submit"] { padding: 0 30px; } } @media only screen and (max-width: 479px) { footer { padding: 0; } footer ul:first-child li { display: list-item; width: auto; border-bottom: 1px dotted #ccc; padding: 0; } footer a { display: block; font: 200 14px/40px "Helvetica Neue"; color: #888; text-align: center; padding: 0 10px; } footer a:hover { text-decoration: none; color: #000; background: #f7f5f6; } footer .info { margin: 0; } footer .info li { display: list-item; width: auto; border-bottom: 1px dotted #ccc; padding: 0; } footer .info .copyright { text-align: center; padding: 30px 0; border: none; } .p-archive .t-calendar a { font-size: 15px; margin: 2px 2px 2px 0; padding: 3px 3px 3px 0; } .advertising .articles li { width: 50%; } .cooperation .links-exchange > li { padding-top: 25px; padding-left: 15px; } .cooperation .links-exchange > li:before { top: 0; } .partners .categories li { width: 100%; } .partners .buttons li { width: 100%; } .cooperation .f-check-source, .cooperation .f-add-source { width: 273px; margin: 0 auto; } .cooperation .check-source, .cooperation .add-source { padding-left: 22px; } .cooperation .check-source > li, .cooperation .add-source > li { padding-left: 3px; } .cooperation .left-side .captcha-code { width: 83px; } .cooperation .left-side .captcha-refresh { margin: 9px 39px; } .cooperation .f-captcha input[type="submit"] { width: 100%; margin-top: 15px; } } @media only screen and (max-width: 399px) { .p-archive .t-calendar a { font-size: 14px; } .p-archive .p-month { width: 70px; } .p-archive .p-pages li { margin: 0 2px; } .p-archive .p-pages a, .p-archive .p-pages span { padding: 0 5px; } .p-archive .s-category { width: 130px; } .p-archive .s-month { width: 85px; } .p-archive .s-year { width: 55px; } .search { padding: 0 48px 0 10px; } .advertising .capabilities li { width: 50%; } .advertising .managers > li { width: 100%; } .cooperation .cooperation-partners li:nth-child(3n), .cooperation .cooperation-partners li:nth-child(3n+1), .cooperation .cooperation-partners li:nth-child(3n+2) { width: 100%; } .other-news { text-align: center; margin: -12px -12px 0 0; } .other-news li { display: inline-block; width: 154px; height: 237px; font: bold 12px/16px tahoma; text-align: left; vertical-align: top; background: #fff; border: 1px solid #eee; margin: 12px 12px 0 0; padding: 10px; overflow: hidden; } .other-news div { width: 132px; height: 132px; margin: 0 0 3px; overflow: hidden; } } @media only screen and (max-width: 1199px) { .p-search .search-list { max-width: 1027px; } } @media only screen and (max-width: 1026px) { .p-search .search-list { max-width: 854px; } } @media only screen and (max-width: 853px) { .p-search .goods-list { width: 162px; } .p-search .news-list { margin-right: 162px; } .p-search .search-list { max-width: 681px; } } @media only screen and (max-width: 680px) { .p-search .search-list { max-width: 508px; } } @media only screen and (max-width: 507px) { .p-search .search-list { max-width: 335px; } } @media only screen and (max-width: 334px) { .p-search .search-list { max-width: 335px; } .p-search .news-list { margin: -12px -12px 0 0; } .p-search .goods-list { display: none; } .p-search .teaser { width: 154px; margin: 12px 12px 0 0; } .p-search .teaser img { width: 132px; height: 132px; } }