content {margin-bottom:0 !important;}.footer {width:100% !important; position:absolute; left:0px; padding-bottom:15px;}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } @font-face { font-family: 'OpenSansBold'; src: url(fonts/opensans-bold.eot); src: url(fonts/opensans-bold.eot?#iefix) format("embedded-opentype"), url(fonts/opensans-bold.woff) format("woff"), url(fonts/opensans-bold.ttf) format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: 'OpenSansBoldItalic'; src: url(fonts/opensans-bolditalic.eot); src: url(fonts/opensans-bolditalic.eot?#iefix) format("embedded-opentype"), url(fonts/opensans-bolditalic.woff) format("woff"), url(fonts/opensans-bolditalic.ttf) format("truetype"); font-weight: 700; } @font-face { font-family: 'OpenSansExtraboldRegular'; src: url(fonts/opensans-extrabold.eot); src: url(fonts/opensans-extrabold.eot?#iefix) format("embedded-opentype"), url(fonts/opensans-extrabold.woff) format("woff"), url(fonts/opensans-extrabold.ttf) format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'OpenSansExtraboldItalic'; src: url(fonts/opensans-extrabolditalic.eot); src: url(fonts/opensans-extrabolditalic.eot?#iefix) format("embedded-opentype"), url(fonts/opensans-extrabolditalic.woff) format("woff"), url(fonts/opensans-extrabolditalic.ttf) format("truetype"); font-weight: 400; } @font-face { font-family: 'OpenSansItalic'; src: url(fonts/opensans-italic.eot); src: url(fonts/opensans-italic.eot?#iefix) format("embedded-opentype"), url(fonts/opensans-italic.woff) format("woff"), url(fonts/opensans-italic.ttf) format("truetype"); font-weight: 400; } @font-face { font-family: 'OpenSansLightRegular'; src: url(fonts/opensans-light.eot); src: url(fonts/opensans-light.eot?#iefix) format("embedded-opentype"), url(fonts/opensans-light.woff) format("woff"), url(fonts/opensans-light.ttf) format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'OpenSansLightItalic'; src: url(fonts/opensans-lightitalic.eot); src: url(fonts/opensans-lightitalic.eot?#iefix) format("embedded-opentype"), url(fonts/opensans-lightitalic.woff) format("woff"), url(fonts/opensans-lightitalic.ttf) format("truetype"); font-weight: 400; } @font-face { font-family: 'OpenSansRegular'; src: url(fonts/opensans-regular.eot); src: url(fonts/opensans-regular.eot?#iefix) format("embedded-opentype"), url(fonts/opensans-regular.woff) format("woff"), url(fonts/opensans-regular.ttf) format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'OpenSansSemiboldRegular'; src: url(fonts/opensans-semibold.eot); src: url(fonts/opensans-semibold.eot?#iefix) format("embedded-opentype"), url(fonts/opensans-semibold.woff) format("woff"), url(fonts/opensans-semibold.ttf) format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'OpenSansSemiboldItalic'; src: url(fonts/opensans-semibolditalic.eot); src: url(fonts/opensans-semibolditalic.eot?#iefix) format("embedded-opentype"), url(fonts/opensans-semibolditalic.woff) format("woff"), url(fonts/opensans-semibolditalic.ttf) format("truetype"); font-weight: 400; } @font-face { font-family: 'OpenSansCondensedLight'; src: url(fonts/open_sans_condensed_light.eot); src: url(fonts/open_sans_condensed_light.eot?#iefix) format("embedded-opentype"), url(fonts/open_sans_condensed_light.woff) format("woff"), url(fonts/open_sans_condensed_light.ttf) format("truetype"), url(fonts/open_sans_condensed_light.svg#OpenSansCondensedLight) format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'FranckerCYR-ExtraBold'; src: url(fonts/FranckerCYR-ExtraBold.eot); src: url(fonts/FranckerCYR-ExtraBold.eot?#iefix) format("embedded-opentype"), url(fonts/FranckerCYR-ExtraBold.woff) format("woff"), url(fonts/FranckerCYR-ExtraBold.ttf) format("truetype"), url(fonts/FranckerCYR-ExtraBold.svg#FranckerCYR-ExtraBold) format("svg"); font-weight: 700; font-style: normal; } .clear { content: "."; clear: both; display: block; height: 0; font-size: 0; visibility: hidden; } .articles{ } .articles .flex-items{ display: flex; flex-wrap: wrap; } .articles .flex-items .flex-item{ width: 280px; box-sizing: border-box; border: 2px solid transparent; text-decoration: none; padding: 10px; margin-right: 50px; } .articles .flex-items .flex-item.mains{ width: 280px; box-sizing: border-box; border: 2px solid transparent; text-decoration: none; padding: 10px; margin-right: 50px; } .articles.main .flex-items .flex-item{ width: 280px; box-sizing: border-box; border: 2px solid transparent; text-decoration: none; padding: 10px; margin-right: 50px; } .articles .flex-items .flex-item .name{ color: #000; font-size: 17px; height: 55px; overflow: hidden; font-weight: 300; padding-top: 5px; box-sizing: border-box; text-align: center; } .articles .flex-items .flex-item .image{ width: 256px; height: 170px; } .articles.main .flex-items .flex-item .image{ width: 256px; height: 170px; } .articles .flex-items .flex-item .image img{ width: 100%; height: 100%; } .articles .flex-items .flex-item:hover{ border-color: #ff5249; } .articles .flex-items .flex-item:nth-child(3n){ margin-right: 0; } .articles{ padding-bottom: 40px } .articles .flex-items{ display: flex; flex-wrap: wrap; } .articles .flex-items .flex-item{ width: 210px; box-sizing: border-box; border: 2px solid transparent; text-decoration: none; padding: 10px; margin-right: 25px; } .articles h2{ text-align: center; } .articles .flex-items .flex-item .name{ text-align: center; color: #000; font-size: 17px; height: 55px; overflow: hidden; font-weight: 300; padding-top: 5px; box-sizing: border-box; text-align: center; } .articles .flex-items .flex-item .image{ width: 176px; height: 140px; margin-left: auto; margin-right: auto; } .articles .flex-items .flex-item .image img{ width: 100%; height: 100%; } .articles .flex-items .flex-item:hover{ border-color: #ff5249; } .articles .flex-items .flex-item:nth-child(3n){ margin-right: 0; } body { background: #fff; font-family: 'OpenSansRegular'; } .wrapper { width: 960px; margin: 0 auto; } h1 { color: #323333; margin: 10px 0 ; text-align: center; font-family: 'OpenSansRegular'; font-size: 30px; font-weight: 400; } h1 a { color: #323333; text-align: center; font-family: 'OpenSansRegular'; font-size: 30px; text-decoration: none; font-weight: 400; } h2, h3, h4, h5, h6 { color: #ff4500; margin: 10px 0; font-family: 'OpenSansBold'; font-size: 22px; font-weight: 700; line-height: 1.3; } h2 a, h3 a, h4 a, h5 a, h6 a { color: #1e1b1b; font-family: 'OpenSansBold'; font-size: 18px; font-weight: 700; line-height: 1.3; } .h3 { color: #ff5249; font-family: 'OpenSansBold'; font-size: 18px; font-weight: 700; line-height: 1.3; } .h3 a { color: #ff5249; font-family: 'OpenSansBold'; font-size: 18px; font-weight: 700; line-height: 1.3; } .h3 a:hover { text-decoration: none; } .zagolovok { color: #1e1b1b; margin: 10px 0; font-family: 'OpenSansBold'; font-size: 18px; font-weight: 700; line-height: 1.3; } .zagolovok a, h3 a, h4 a, h5 a, h6 a { color: #1e1b1b; font-family: 'OpenSansBold'; font-size: 18px; font-weight: 700; line-height: 1.3; } p { color: #323333; font-family: 'OpenSansRegular'; font-size: 14px; line-height: 1.3; } img { max-width: 100%; vertical-align: initial !important; } @-webkit-keyframes push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes push { 50% { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .push { display: inline-block; -webkit-tap-highlight-color: transparent; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; } .push:active { -webkit-animation-name: push; animation-name: push; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .header { background: #f0f0f1; border-bottom: 1px solid #dfe5ea; margin-bottom: 10px; } .header #nav, .navbar { min-height: 63px; position: relative; } .header .navbar-nav > li { float: left; position: relative; } .header .navbar-nav > li a { color: #1b1e1f; font-family: 'OpenSansRegular'; font-size: 12px; text-transform: uppercase; text-decoration: none; display: block; padding: 26px 10px; } .header .navbar-nav > li:hover, .header .navbar-nav > li:active { background-color: #acbbc2; } .header .navbar-nav > li .star { left: -325px; } .header .navbar-nav > li .article { left: -580px; } .header .navbar-nav > li .values { left: -145px; } .header .navbar-nav > li .style { left: -85px; } .header .navbar-nav > li .style li:nth-child(6n+6) { border-bottom: none; } .header .navbar-nav > li .style li:last-child { border-bottom: none; } .header .navbar-nav > li ul { position: absolute; z-index: 100; background: #fbfcfc; width: 960px; border: 1px solid #f1f4f6; display: none; top: 64px; border-bottom: 8px solid #e6e8f0; } .header .navbar-nav > li ul .border-blok { width: 32%; float: left; border-right: 1px solid #e3e6e8; margin-top: 13px; margin-bottom: 30px; } .header .navbar-nav > li ul .border-blok:last-child { border-right: none; width: 35.79%; } .header .navbar-nav > li ul li { float: none; border-bottom: 1px dotted #e6e9eb; margin-left: 5%; } .header .navbar-nav > li ul li a { color: #ff5349; font-size: 12px; text-transform: none; padding: 10px; position: relative; } .header .navbar-nav > li ul li a:hover { color: #ffffff; } .header .navbar-nav > li ul li a span { position: absolute; top: 47%; left: 30%; text-decoration: underline; } .header .navbar-nav > li ul li a img { width: 40px; margin-right: 20px; margin-top: 10px; } .header #nav .buy, .buy.push { margin: 10px; } .header #nav .buy a, .buy.push a { border-radius: 4px !important; background-clip: padding-box !important; background-color: #ff5249 !important; color: #fff !important; font-family: 'OpenSansBold' !important; font-size: 14px !important; padding: 15px !important; display: inline-block !important; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: transparent; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent !important; } .header #nav .buy a:hover, .buy.push a:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .content ul li { color: #323333; font-family: 'OpenSansRegular'; font-size: 14px; line-height: 1.3; margin-bottom: 15px; list-style-position: inside; } .content ul { list-style: square; } .content ol li { color: #323333; font-family: 'OpenSansRegular'; font-size: 14px; line-height: 1.3; margin-bottom: 3px; } .content ol { list-style: decimal; } .content { margin-bottom: 85px; } .content .wrapper .pagination { margin-left: 14px; } .content .wrapper .pagination a { display: inline-block; color: #edf3f8; font-size: 12px; border-radius: 4px; background-clip: padding-box; background-color: #ff5249; text-transform: uppercase; padding: 7px; text-decoration: none; margin-right: 5px; margin-bottom: 10px; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: transparent; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; width: 7.5%; text-align: center; } .content .wrapper .pagination a:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .content .wrapper .news { overflow: hidden; margin-bottom: 40px; } .content .wrapper .news h2 { float: left; padding-left: 25px; margin-bottom: 30px; } .content .wrapper .news .all-news { float: right; margin-top: 15px; margin-right: 10px; color: #ff5349; font-size: 12px; font-family: 'OpenSansItalic'; } .content .wrapper .news .news-inside { overflow: hidden; } .content .wrapper .news .news-inside .news-post { width: 48%; margin-right: 2%; float: left; min-height: 200px; } .content .wrapper .news .news-inside .news-post:nth-child(even) { margin-right: 0; margin-left: 2%; } .content .wrapper .news .news-inside .news-post a img { float: left; margin-right: 20px; } .content .wrapper .news .news-inside .news-post .h3 { margin-bottom: 20px; } .content .wrapper .news .news-inside .news-post .h3 .color { color: #ff5349; } .content .wrapper .news .news-inside .news-post p { overflow: hidden; } .content .wrapper .new-foto h2 { padding-left: 25px; margin-bottom: 30px; font-size: 22px; font-family: 'OpenSansBold'; } .content .wrapper .new-foto a { margin-right: 48px; } .content .wrapper .new-foto a img { margin-bottom: 30px; } .content .wrapper .new-foto a:nth-child(5n+6) { margin-right: 0; } .footer { box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.1); background: #adbcc3; } .footereskizi { box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.1); background: #ececec; overflow: hidden; } .footer .nav-footer ul { overflow: hidden; list-style: none; } .footer .nav-footer ul li { float: left; border-right: 1px solid #fff; margin: 13px 0; } .footer .nav-footer ul li:last-child { border-right: none; } .footer .nav-footer ul li a { color: #fff; font-size: 14px; padding: 12px 37px; display: block; } .footer .nav-footer ul li a:hover { text-decoration: none; } .copy { margin: 23px auto 40px; width: 100%; max-width: 980px; overflow: hidden; } .copy p { float: left; width: 650px; color: #2d4155; font-family: 'OpenSansLightRegular'; font-size: 12px; padding-left: 10px; } .copy a { float: right; color: #2d4155; font-size: 12px; margin-right: 20px; } .copy a:last-child { padding-right: 0; } .copy a:hover { text-decoration: none; } @media only screen and (max-width: 960px) { .articles .flex-items .flex-item.mains{ width: 100%; margin: 0; } .sidebar { display: none; } .content-left { width: 100% !important; padding-left: 10px; padding-right: 10px; } iframe, object, embed { width: 100%; } .footer { width: 1000px; } .header { width: 1000px; } .color-block { width: 1000px; } } .page h2 { padding-left: 25px; margin-bottom: 30px; } .page .wrapper p { margin-bottom: 15px; text-align: justify; } .page .wrapper p a { color: #333334; } .page .wrapper p a:hover { text-decoration: none; } .page .wrapper p .color { color: #ff5349; font-family: 'OpenSansRegular'; } .page .wrapper .img { margin-bottom: 10px; overflow: hidden; } .page .wrapper .img a { margin-right: 52px; float: left; } .page .wrapper .img a img { margin-bottom: 30px; } .page .wrapper .img a:nth-child(5n+5) { margin-right: 0; } .page .wrapper .info { margin-bottom: 40px; border-spacing: 0 5px; border-collapse: separate; width: 290px; } .page .wrapper .info tr td { border-bottom: 1px dashed #adbcc3; } .page .wrapper .info tr td:first-child { font-family: 'OpenSansItalic'; width: 250px; } .page .wrapper .info tr td:last-child { font-family: 'OpenSansBold'; text-align: right; } .page .wrapper .video { width: 560px; margin: 0 auto 40px; } .page .wrapper .masteratab { text-align: center; width: 100%; margin-top: 10px; margin-bottom: 10px; border-spacing: 0 5px; border-collapse: separate; } .page .wrapper .masteratab tr td { width: 33%; text-align: center; border-bottom: 1px solid #f0f1f2; padding-bottom: 4px; } .page .wrapper .masteratab tr td a { color: #323333; font-size: 14px; } .page .wrapper .masteratab tr td a:hover { text-decoration: none; } .page .wrapper .masteratab1 { text-align: center; width: 100%; border-spacing: 0 5px; border-collapse: separate; } .page .wrapper .masteratab1 tr td { width: 25%; text-align: center; border-bottom: 1px solid #f0f1f2; padding-bottom: 4px; } .page .wrapper .masteratab1 tr td a { color: #323333; font-size: 14px; } .page .wrapper .masteratab1 tr td a:hover { text-decoration: none; } .page .wrapper .masteratab2 { width: 100%; border-spacing: 0 5px; border-collapse: separate; text-align: center; } .page .wrapper .masteratab1 tr td { width: 20%; text-align: center; border-bottom: 1px solid #f0f1f2; padding-bottom: 4px; } .page .wrapper .masteratab2 tr td a { color: #323333; font-size: 14px; } .page .wrapper .masteratab2 tr td a:hover { text-decoration: none; } .katalog-main .katalog { overflow: hidden; } .katalog-main .katalog table { width: 44%; margin-right: 2%; float: left; } .katalog-main .katalog table tr td a { color: #ff5248; display: inline-block; margin-bottom: 10px; font-family: "OpenSansItalic"; font-size: 16px; margin-right: 5px; } .katalog-main .katalog table tr td a:hover { text-decoration: none; } .katalog-main .katalog table tr td p { color: #333; font-family: 'OpenSansRegular'; font-size: 12px; margin: 0; } .katalog-main .katalog table tr td:first-child { width: 170px; } .katalog-main .katalog table tr td:last-child { vertical-align: middle; } .katalog-main .katalog table tr td a img { max-height: 130px; max-width: 130px; } .error img { display: block; margin: 20px auto 0; } .error p { margin: 20px 0; } .error a { color: #ff5349; } .center { text-align: center; } .right-img { float: right; margin-left: 15px; } .left-img { float: left; margin-right: 15px; } .adsense { margin-left: -5px; margin-bottom: 50px; } .forearmbut { margin-left: -2px; } .mtop { margin-top: 20px; } .vkvidjets { overflow: hidden; margin-top: 10px; margin-bottom: 15px; } #vk_groups { float: right; } #vk_comments { float: right; margin-right: -27px; } #vk_poll { float: left; margin-right: 15px; width: 48%!important; margin-left: -24px; } #vk-p { padding-top: 0; } .buy-terminal { width: 20%; padding-right: 10%; } .content ul li a { color: #323333; } .karta li { list-style: none; } .karta span { margin-left: 20px; } .paggi { margin: 20px 0; width: auto; font-size: 26px; } .paggi a { width: 32px; font-weight: 700; text-align: center; color: #ff5249; text-decoration: none; margin-left: 1px; padding: 10px; } .paggi a:hover { text-decoration: underline; } .rf { width: 600px; background-color: #f0f0f1; padding: 10px 0; } #width { width: 150px; height: 50px; display: block; margin: 0 auto; text-align: center; font-size: 35px; -moz-appearance: textfield; } #width::-webkit-inner-spin-button { display: none; } #height { width: 150px; height: 50px; display: block; margin: 0 auto; text-align: center; font-size: 35px; -moz-appearance: textfield; } input.error, select.error{ border:1px solid red; } #height::-webkit-inner-spin-button { display: none; } #vubor { width: 406px; height: 50px; display: block; margin: 0 auto; text-align: center; font-size: 17px; } .rf label { text-align: center; font-size: 24px; display: block; } #email { width: 400px; height: 50px; display: block; margin: 0 auto; text-align: center; font-size: 35px; } .submit-b { width: 406px; height: 50px; display: block; text-align: center; font-size: 25px; margin: 0 auto; margin-bottom: -15px; } .itog { text-align: center; font-size: 25px; display: block; margin-bottom: 4px; } .topcalc { margin-bottom: 10px; margin-top: 30px; } .topcalc a { color: #fff; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #ff8247; padding: 10px 15px; outline: none; display: inline-block; margin: 0 12px 0 8px; width: 269px; } .topcalc a:first-child { margin-right: 5px; } .topcalc a { display: inline-block; margin: 10px; } .topcalc a:hover { color: #fff; text-decoration: none; background: #ff5249; } .topcalc a:active, .topcalc a:focus { color: #fff; text-decoration: none; background: #ff5249; } .navbar-default .navbar-toggle .icon-bar { background-color: #f8f8f8 !important; } .navbar-toggle { background: #ff5249 !important; } .navbar-default { background-color: rgba(255, 255, 255, 0) !important; border: rgba(255, 255, 255, 0) !important; } .nav .calc-img, .nav .calc-text { display: none; } .menu_mob { display: none !important; } #vk_comments { width: 57% !important; } #vk_comments iframe { width: 100%; } .banner { position: relative; overflow: hidden; } .banner .phone { display: none; } .form_pc input { box-sizing: border-box; } .form_pc { position: absolute; left: 5px; bottom: 75px; width: 30%; margin-left: 7%; } .form_pc .mail { border: 1px solid #a7a7a7; font-style: italic; font-size: 14px; color: #4b4b4b; padding-left: 9%; height: 46px; display: block; border-radius: 4px; margin-bottom: 7px; width: 100%; box-shadow: inset 1px 1px 2px 0 rgba(1, 3, 5, 0.35); } .submit-banner { display: block; height: 50px; color: #fff; margin-top: 5px; font-size: 20px; font-weight: 800; border: 0 none; border-radius: 4px; width: 100%; background: #1e87ff; background: -webkit-linear-gradient(top, #1e87ff 0, #1c6ecc 100%); background: linear-gradient(to bottom, #1e87ff 0, #1c6ecc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e87ff', endColorstr='#1c6ecc', GradientType=0); } .fixed { position: fixed; margin-bottom: 200px; top: 0; } .widget__bottom { background-color: #fff; margin: 0 -25px; padding: 20px; } .button_all, .submit-banner { -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: transparent; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: inset -1px -1px 3px 0 #79132e, inset 1px 1px 3px 0 #ffffff; } .button_all:hover, .submit-banner:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); color: #ffffff; } .button_all:focus, .submit-banner:focus { color: #ffffff; } .button_all { position: relative; float: right; text-decoration: none; height: 53px; color: #fff; text-align: center; line-height: 53px; font-size: 20px; width: 18%; right: 2%; bottom: 80px; border-radius: 4px; border: 1px solid #fff; text-transform: uppercase; background: #f02d5f; background: -webkit-linear-gradient(top, #f02d5f 0, #ba2d51 100%); background: linear-gradient(to bottom, #f02d5f 0, #ba2d51 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f02d5f', endColorstr='#ba2d51', GradientType=0); } @media (max-width: 767px) { .articles .flex-items .flex-item.mains{ width: 100%; margin: 0; } .articles .flex-items .flex-item.mains:nth-child(3n){ margin: 0; width: 100%; } .widget__bottom{ padding:0; } .header, .wrapper { width: 100%; } .menu_decs { display: none !important; } .menu_mob { display: block !important; } .form_pc { width: 237px; margin: 0 auto; position: relative; left: 0; bottom: 150px; } .form_pc .mail { height: 36px; } .form_pc .submit-banner { height: 40px; } .submit-banner { font-size: 100%; } .banner { margin: 0 auto; width: 320px; } .banner .pc { display: none; } .banner .phone { display: block; margin: 0 auto; width: 320px; } .button_all { bottom: 290px; width: 122px; height: 40px; right: 2%; line-height: 40px; font-size: 16px; } .content-left{ box-sizing: border-box; } } @media (max-width: 480px) { .hype-panel{ margin:0 !important; } .wrapper>.wrapper{ margin:0; width: 100% !important; } .content{ min-width: 320px; overflow: hidden; } .content-left{ float:none; box-sizing: border-box; } .topcalc { display: none; } .menu_decs { display: none !important; } .menu_mob { display: block !important; } .nav .calc-img, .nav .calc-text { display: block; } .header .navbar-nav > li { float: none; } .header .navbar-nav > li a { padding: 10px; } .header #nav .buy a, .buy.push a { padding: 10px !important; background-color: rgba(255, 255, 255, 0) !important; color: #000 !important; font-family: inherit !important; font-size: 12px !important; } .header #nav .buy, .buy.push { margin: 0; } .h1, h1 { font-size: 28px !important; } img { height: auto; } .header>.wrap{ display: flex; justify-content: space-between; flex-wrap: wrap; } .header>.wrap noindex{ width:100%; } .header, .wrapper, .footer, .rf { width: 100%; } .wrapper .pagination, .copy, .all-news, .calc-text { display: none; } .content .wrapper .news .news-inside .news-post { width: 100%; float: none; margin-bottom: 30px; } .content.page .wrapper { width: 97%; } .new-foto { width: 90%; margin: auto; } .content .wrapper .new-foto a img { width: 170px; height: 170px; margin: auto; display: block; margin-bottom: 30px; } .content .wrapper .news .news-inside .news-post:nth-child(even) { margin-left: 0; } .content .wrapper .new-foto a { margin-right: 0; width: 49%; display: block; float: left; } .content .wrapper .new-foto a:last-child { float: none; } .footer .nav-footer ul li { width: 49%; border-right: 3px solid #ffffff; } .footer .nav-footer ul li:nth-child(2n) { border-right: none; } .footer .nav-footer ul li:last-child { display: none; } .footer .nav-footer ul li a, .news-post .h3, .news-post p { text-align: -webkit-center; text-align: center; } .content .wrapper .news .news-inside .news-post a img { float: none; width: 60%; height: inherit; margin: auto; display: block; } .news h2, .content .wrapper .new-foto h2 { text-align: -webkit-center; text-align: center; float: none !important; padding-left: 0 !important; } .center iframe { width: 100%; height: initial; } .footer .wrapper { height: 100px; } .nav-footer, .nav-footer ul { height: inherit; } .katalog table { float: none !important; width: 100% !important; } .katalog table td { width: 100% !important; display: block !important; } .katalog table td a { margin: auto; width: inherit; } .katalog table td a img { width: 60%; margin: auto; display: block; height: auto; } .katalog table td div, .katalog table td div p { text-align: -webkit-center !important; text-align: center !important; } .page .wrapper .img a { margin-right: 0; float: left; } .page .wrapper .img a img { margin: auto; margin-bottom: 30px; display: block; width: 140px; height: 140px; } .adsense { overflow: hidden; } .masteratab2 td a img { width: 60px; height: 60px; } .masteratab td a img { width: 95px; height: 95px; } .masteratab1 td a img { width: 95px; height: auto; } .right-img, .left-img { float: none; width: 100%; margin: auto; overflow: hidden; } .right-img img, .left-img img { width: 100%; height: auto; } .page h2 { padding-left: 0; text-align: -webkit-center; text-align: center; } .page h3 { color: #ff4500; } #aswift_0_expand { margin: auto !important; display: block !important; } #vk_poll, #vk_comments, #vk_groups { float: none; margin: auto; display: block; margin-bottom: 10px; } .center #aswift_1_expand, #aswift_0_expand { width: 100% !important; } #aswift_1_anchor, #aswift_0_anchor { width: inherit !important; } } .editor-wrapper { margin: 20px auto 50px; width: 960px; } .editor-wrapper:after { clear: both; content: ''; display: table; } .editor-left { float: left; margin-right: 18px; width: 470px; } .editor-right { float: left; width: 470px; } .editor-left-buttons, .editor-right-buttons, .editor-body-buttons, .editor-sketch-buttons { text-align: center; } .editor-left-buttons a { padding: 15px 22px; } .editor-right-buttons a { padding: 15px 61px; } .editor-body-buttons a { padding: 15px 30px; } .editor-sketch-buttons a { width: 440px; } .editor-button { display: inline-block; color: #fff; font-size: 14px; border-radius: 4px; background-clip: padding-box; background-color: #ff5249; text-transform: uppercase; padding: 15px; text-decoration: none; margin-right: 5px; margin-bottom: 10px; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: transparent; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; text-align: center; } .editor-button:hover, .editor-button:active, .editor-button:focus { color: #fff; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); text-decoration: none; } .editor-button:last-child { margin-right: 0; } .editor-button-active { background-color: #5ca34f; } .editor-select { height: 575px; overflow-y: scroll; } .editor-select img { cursor: pointer; margin-right: 13px; margin-bottom: 13px; } .editor-select a { color: #000; display: block; float: left; padding: 15px 0; text-align: center; text-decoration: underline; width: 220px; } .editor-select img:nth-child(4n) { margin-right: 0; } .editor-select img:nth-last-child(-n + 4) { margin-bottom: -3px; } canvas { border: 1px solid #000; border-radius: 4px; margin-bottom: 10px; } label { overflow: hidden; position: relative; } input[type=file] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; letter-spacing: 10em; -ms-transform: scale(20); opacity: 0; cursor: pointer; } @media screen and (max-width: 980px) { .editor-wrapper { margin: auto; width: auto; } .editor-left { float: none; margin: auto; width: 470px; } .editor-right { float: none; margin: auto; width: 470px; } #vk_comments, #vk_poll { width: 100%!important; float: none; margin: 0 0; } } @media screen and (max-width: 960px) { .editor-wrapper { margin: 20px auto 50px; width: 100%; } .editor-left { float: none; margin: auto; width: 470px; } .editor-right { float: none; margin: 30px auto 0; width: 470px; } } @media screen and (max-width: 480px) { .editor-wrapper { margin: 20px auto 50px; width: 100%; } .editor-left { float: left; margin-right: 0; width: 100%; } .editor-right { float: left; width: 100%; } } .font-wrapper { margin: 20px auto 50px; width: 600px; } .font-wrapper input { border: 1px solid #ff5249; border-radius: 4px; box-sizing: border-box; font: 25px normal tahoma; outline: 0; padding: 7px 15px; text-align: center; width: 100%; } .font-select:after { clear: both; content: ''; display: block; } .font-wrapper select { border: 1px solid #ff5249; border-radius: 4px; box-sizing: border-box; font: 25px normal tahoma; outline: 0; padding: 6px 15px; text-align: center; width: 80%; margin-top: 10px; display: block; float: left; } .font-button { display: inline-block; color: #fff; font-size: 14px; border-radius: 4px; box-sizing: border-box; background-clip: padding-box; background-color: #ff5249; text-transform: uppercase; padding: 15px; margin-bottom: 10px; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: transparent; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; text-align: center; display: block; float: right; margin-top: 10px; text-decoration: none; } .form-n { margin-bottom: 10px; } .form-submit { font-size: 22px; float: none; width: 100%; } .font-button:hover, .font-button:active, .font-button:focus { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); text-decoration: none; color: #ffffff; } .font-wrapper .output { border: 1px solid #ff5249; border-radius: 4px; box-sizing: border-box; outline: 0; padding: 7px 0; text-align: center; width: 100%; } .font-wrapper .output div { height: 30px; } @media screen and (max-width: 600px) { .font-wrapper { margin: auto; width: 100%; } .font-wrapper select { width: 100%; } .font-wrapper .font-button { width: 100%; margin-right: 0; } } .lending .center { font-size: 16px; padding: 11px; font-family: 'OpenSansRegular'; line-height: 18px; } .ramka { font-size: 24px; border: 1px solid #343232; border-radius: 3px; background-clip: padding-box; padding: 20px; width: 70%; margin: 0 auto; } .atintion { font-size: 24px; text-align: center; margin-top: 100px; margin-bottom: 10px; } .ads_small { display: none; } .ads_big { display: block; } @media (max-width: 1000px) { .ads_small { display: block; } .ads_big { display: none; } } .slider { background: #000; display: none; height: 100%; font-family: tahoma, arial, verdana, sans-serif, Lucida Sans; left: 0; position: fixed; top: 0; width: 110%; z-index: 1; } .slider.loading { background: #000000 url(images/loading.gif) no-repeat center center; } .slider-count { background: rgba(0, 0, 0, 0.7); border-radius: 3px; color: #fff; font-size: 14px; font-weight: 700; left: 10px; padding: 10px 15px 8px; position: fixed; top: 10px; z-index: 10; } .slider-close { background: rgba(0, 0, 0, 0.7) url(images/close.png); background-size: contain; border-radius: 3px; cursor: pointer; height: 60px; position: fixed; right: 10px; top: 10px; width: 60px; z-index: 10; } .slider-left { background: rgba(0, 0, 0, 0.7) url(images/left.png); background-size: contain; border-radius: 30px; cursor: pointer; height: 60px; left: 10px; margin-top: -58px; position: fixed; top: 50%; width: 60px; z-index: 10; } .slider-right { background: rgba(0, 0, 0, 0.7) url(images/right.png); background-size: contain; border-radius: 30px; cursor: pointer; height: 60px; margin-top: -58px; position: fixed; right: 10px; top: 50%; width: 60px; z-index: 10; } .slider-thumb-left { background: #000; bottom: 4px; cursor: pointer; height: 70px; left: 0; position: fixed; width: 40px; z-index: 15; } .slider-thumb-left span { background: #000000 url(images/left.png) no-repeat center center; background-size: contain; display: inline-block; height: 20px; margin: 25px 0 0 10px; width: 20px; } .slider-thumb-right { background: #000; bottom: 4px; cursor: pointer; height: 70px; position: fixed; right: 0; width: 40px; z-index: 15; } .slider-thumb-right span { background: #000000 url(images/right.png) no-repeat center center; background-size: contain; display: inline-block; height: 20px; margin: 25px 0 0 10px; width: 20px; } .slider-image img { position: fixed; top: 4px; } .slider-thumb { bottom: 4px; height: 70px; left: 0; position: fixed; width: 100%; z-index: 10; } .slider-thumb img { cursor: pointer; height: 70px; margin: 0 2px; width: 70px; } .slider-thumb img:first-child { margin-left: 40px; } .slider-thumb img:last-child { margin-right: 40px; } .slider-ads { bottom: 78px; display: none; height: 0; left: 0; overflow: hidden; position: fixed; width: 100%; z-index: 11; } @media screen and (min-height: 600px) { .slider-ads { display: block; height: 115px; } } @media screen and (max-width: 1024px) { .slider-close { height: 34px; width: 34px; } .slider-left { height: 34px; width: 34px; } .slider-right { height: 34px; width: 34px; } } @media screen and (max-width: 600px) { .slider-left { display: none; } .slider-right { display: none; } } .adslot106 { width: 300px; height: 250px; } @media (min-width: 500px) { .adslot106 { width: 320px; height: 100px; } } @media (min-width: 730px) { .adslot106 { width: 728px; height: 90px; } } .adslot_107 { width: 300px; height: 250px; } @media (min-width: 500px) { .adslot_107 { width: 320px; height: 100px; } } @media (min-width: 800px) { .adslot_107 { width: 540px; height: 480px; } } .adslot_108 { width: 300px; height: 250px; } @media (min-width: 500px) { .adslot_108 { width: 336px; height: 280px; } } @media (min-width: 800px) { .adslot_108 { width: 728px; height: 90px; } } @media (min-width: 1000px) { .adslot_108 { width: 970px; height: 90px; } } .adslot_109 { width: 300px; height: 250px; } @media (min-width: 500px) { .adslot_109 { width: 300px; height: 250px; } } @media (min-width: 800px) { .adslot_109 { width: 728px; height: 90px; } } @media (min-width: 1000px) { .adslot_109 { width: 970px; height: 90px; } } .marginbot { margin-bottom: 20px; } .adslot_110 { width: 300px; height: 250px; } @media (min-width: 500px) { .adslot_110 { width: 320px; height: 100px; } } @media (min-width: 800px) { .adslot_110 { width: 728px; height: 90px; } } .content-left { float: left; width: 680px; padding-top: 30px; } .wrapper:after { content: ""; display: block; clear: both; } .sidebar { float: right; width: 260px; padding: 30px 0 0; } .sidebar .sidebar-title:after { content: ''; position: absolute; bottom: -3px; left: 0; background: #ff5249; height: 5px; width: 156px; } .sidebar .sidebar-title { font: 20px/22px OpenSansBold; color: #333; margin: 0 0 22px; padding: 0 0 5px; display: block; text-transform: uppercase; border-bottom: 1px solid #dcdcdc; position: relative; } .sidebar .tools { list-style: none; margin: -24px 0 25px 7px; padding: 0; overflow: hidden; width: 250px; } .sidebar .tools li { width: 100%; overflow: hidden; border-radius: 3px; margin: 24px 0 0; } .sidebar .tools li a { display: block; text-decoration: none; color: #de4740; } .sidebar .tools li .img-holder { float: left; width: 70px; background: #de4740; background: #fa5048; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fa5048), to(#d1433c)); background: -webkit-linear-gradient(#fa5048, #d1433c); background: linear-gradient(#fa5048, #d1433c); -pie-background: linear-gradient(#fa5048, #d1433c); border-right: 1px solid #666666; } .sidebar .tools .img-holder span { display: table-cell; vertical-align: middle; height: 50px; width: 70px; text-align: center; } .sidebar .tools .information { float: right; width: 156px; border: 2px solid #eee; border-left: 1px solid #eee; padding: 0 0 0 19px; } .sidebar .tools .information span { display: table-cell; vertical-align: middle; height: 46px; font: 14px/16px OpenSansRegular; color: #333; text-align: left; } .sidebar .parts { list-style: none; margin: -15px 0 25px -40px; padding: 0; overflow: hidden; } .sidebar .parts li { float: left; width: 110px; text-align: center; margin: 15px 0 0 40px; } .sidebar .parts .active a, .sidebar .parts li a:hover { text-decoration: underline; color: #ff5249; } .sidebar .parts li a { font: 14px/16px OpenSansRegular; color: #333; text-decoration: none; } .categories { list-style: none !important; margin: -15px 0 25px; padding: 0; overflow: hidden; } .categories li { width: 100%; overflow: hidden; margin: 15px 0 0; } .categories li .img-holder { float: left; width: 100px; margin: 0 20px 0 0; border-radius: 3px; overflow: hidden; position: relative; } .categories li .information { float: left; width: 140px; } .categories li .information span { height: 100px; vertical-align: middle; display: table-cell; font: 13px/15px OpenSansRegular; color: #999999; } .categories li a:hover .information .title { text-decoration: underline; } .categories li .information .title { display: block; color: #333; text-transform: uppercase; margin: 0 0 10px; font: 14px/16px OpenSansBold; height: auto; } .content-left iframe { width: 100%; max-width: 680px; } .page .wrapper .img a { margin: 0 10px 10px 0; } .page .wrapper .img a img { margin: 0; max-width: 126px; max-height: 126px; } section.banner .title, section.banner p { font-size: 26px; color: #fff; font-weight: 600; } section.banner, section.banner a, section.banner p { position: relative; font-family: 'Open Sans', sans-serif; } section.banner, section.banner .title, section.banner a, section.banner p, section.banner ul { font-family: 'Open Sans', sans-serif; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local(OpenSans-Light), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTfOEPOIfcPv-fZ-WyMUtx48.ttf) format("truetype"); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local(OpenSans-Semibold), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSvOEPOIfcPv-fZ-WyMUtx48.ttf) format("truetype"); } section.banner { overflow: hidden; max-width: 500px; height: 500px; background: url(img/bg.jpg); border: 10px solid #ff0000; } section.banner .title { background: url(img/bg-title.png) center no-repeat; min-height: 90px; text-align: center; text-transform: uppercase; } section.banner .title .line-1 { display: block; width: 100%; padding-top: 3px; } section.banner .title .line-2 { width: 100%; display: block; } section.banner .title br { display: none; } section.banner p { margin: 0 !important; z-index: 2; text-align: center !important; } section.banner p .red { font-size: 26px; font-weight: 600; color: #d30c19; text-decoration: none; border-bottom: 2px solid #d30c19; } section.banner p .sale { color: #22acd9; font-size: 60px; } section.banner a { font-weight: 600; text-decoration: none; font-size: 16px; z-index: 3; } section.banner a.man { background: url(img/bg-man.png) center no-repeat; display: block; height: 64px; width: 146px; margin-left: 17%; color: #fff; line-height: 60px; margin-top: 25px; } section.banner a.man span { padding-left: 20px; } section.banner a.woman { background: url(img/bg-woman.png) center no-repeat; display: block; height: 64px; width: 156px; color: #fff; line-height: 53px; margin-left: 42%; } section.banner a.woman span { padding-left: 34px; } section.banner ul { z-index: 4; padding: 0; margin: 0 0 0 -125px; position: absolute; bottom: 0; left: 50%; width: 250px; } section.banner ul li { text-shadow: 0 0 2px #000; display: block; color: #fff; font-size: 14px; font-weight: 300; } section.banner div.girl { z-index: 1; background: url(img/girl.png) center no-repeat; height: 421px; width: 184px; position: absolute; bottom: 0; right: 0; } section.banner div.man { z-index: 1; background: url(img/man.png) center no-repeat; height: 431px; width: 143px; position: absolute; bottom: 0; left: 0; } @media (max-width: 479px) { .slidebox-spec-cb { width:95% !important; } section.banner .title { background-size: cover; font-size: 15px; } section.banner .title .line-1 { padding-top: 12px; } section.banner .title .line-2 { padding-top: 15px; } section.banner p { font-size: 21px; } section.banner a.man { margin-left: -73px; left: 50%; } section.banner a.man span { padding: 20px; } section.banner a.woman { margin-left: -78px; left: 50%; } section.banner a.woman span { padding-left: 23px; } section.banner ul { z-index: 3; } section.banner div.girl { right: -30px; height: 356px; width: 155px; background-size: contain; } section.banner div.man { left: -10px; background-size: contain; height: 346px; width: 115px; } } .man a :hover { text-decoration: underline; } .sborder { border-top: 3px solid #00218b; border-bottom: 3px solid #00218b; } .sborder2 { border-left: 6px solid #ff3333; } .block3232 a { font-size: 19px; text-transform: uppercase; color: #2f2e2e; padding-top: 11px; display: block; } .block3232 a:hover { color: #2f2e2e; } .ooi23 { text-align: center; } .ooi23 img { margin-top: 20px; } .tags { width: 690px; overflow: hidden; padding: 5px; max-width: 100%; } .tags a { font-family: 'Open Sans', sans-serif; font-size: 16px; text-transform: uppercase; background: #f1f1f1; color: #000; text-decoration: none; padding: 6px 10px; border-radius: 15px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07); display: block; float: left; margin-right: 5px; margin-bottom: 5px; -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out; } .tags a:hover { background: #ff5249; color: #fff; -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out; } .int-container, .city-container, .news-container { max-width: 700px; font-size: 0; } .int-heading { padding-left: 0 !important; color: #000; font-family: "OpenSans", sans-serif; font-size: 26px; font-weight: 300; text-transform: uppercase; margin-bottom: 40px; } .int-item { position: relative; height: 200px; } .int-item:after { content: ""; position: absolute; width: 100%; height: 30%; left: 0; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#ed4d45)); background: -webkit-linear-gradient(top, transparent, #ed4d45); background: linear-gradient(top, transparent, #ed4d45); display: none; } .int-item:hover.int-item::after { display: block; -webkit-transition: all .75s ease; transition: all 0.75s ease; } .city-item { height: 80px; } .int-item, .city-item { width: 213px; display: inline-block; position: relative; margin-right: 20px; margin-bottom: 20px; } .int-item:nth-child(3n+3), .city-item:nth-child(3n+3), .news-item:nth-child(3n+3) { margin-right: 0; } .int-title { width: 100%; font-size: 22px; text-align: center; position: absolute; bottom: 20px; left: 0; right: 50%; color: #ffffff; } .rating-container { margin-bottom: 30px; padding: 22px 30px; font-size: 0; box-sizing: border-box; border: 2px solid #ff5249; max-width: 700px; font-family: "OpenSans", sans-serif; text-align: center; } .rate-item { margin: 0 25px 10px; display: inline-block; text-align: center; width: 155px; } .rate-number { text-transform: uppercase; color: #9a9a9a; font-size: 35px; font-weight: 300; } .rate-number span { color: #ff5249; font-size: 60px; font-weight: 600; } .rate-title { color: #000; font-size: 18px; font-weight: 300; text-transform: uppercase; } .prof-container { font-size: 0; max-width: 700px; margin-bottom: 30px; } .prof-img, .prof-content { display: inline-block; vertical-align: top; } .prof-img { width: 31%; margin-right: 5%; } .prof-content { width: 64%; } .tr { margin-bottom: 7px; } .tr span { display: table-cell; min-width: 80px; font-size: 14px; font-weight: 300; line-height: 25px; } .tr .r-part { font-weight: 600; } .prof-name { margin: 0 0 10px; padding-bottom: 10px; border-bottom: 2px solid #ededed; color: #000 !important; font-size: 26px; font-weight: 300; text-transform: uppercase; } .soc-link { margin-right: 15px; vertical-align: middle; display: inline-block; } .news-container { margin-bottom: 30px; } .news-item { font-size: 14px; box-sizing: border-box; padding: 10px; display: inline-block; vertical-align: top; width: 225px; height: 350px; border: 2px solid transparent; color: #292933; font-weight: 300; text-decoration: none; outline: none; font-family: "OpenSans", sans-serif; } .news-item:hover { color: #292933; border: 2px solid #ff5249; } .news-item .news-title { height: 57px; padding: 10px 0; display: block; font-size: 18px; color: #292933; } .news-item .news-descr { height: 60px; font-size: 14px; display: block; } .news-date { font-size: 12px; font-weight: 600; text-transform: uppercase; } .details { float: right; padding-right: 20px; position: relative; color: #ff5249; font-size: 12px; font-weight: 600; text-transform: uppercase; } .details:after { position: absolute; content: ""; width: 9px; height: 15px; top: -2px; right: 8px; background-image: url("http://vse-o-tattoo.ru/wp-content/themes/tattoo/images/arrow-r.png"); } .search { font-size: 0; max-width: 680px; height: 40px; } input[type="search"], #ya-site-form0 .ya-site-form__form .ya-site-form__input-text { padding-left: 20px; vertical-align: top; border-color: #000 !important; height: 40px; border: none; outline: none; -webkit-appearance: none; width: 491px !important; background-color: #f9f9f9 !important; border: 1px solid #1a1e24; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.02); color: #c0c0c0 !important; font-family: "OpenSans", sans-serif; font-size: 18px !important; font-weight: 300; line-height: 12px; } #ya-site-form0 .ya-site-form__search-input { padding: 0 !important; } #ya-site-form0 .ya-site-form__search-input-layout-l { width: 97px !important; } #ya-site-form0 { width: 700px; } input[type="submit"], #ya-site-form0 .ya-site-form__form * { cursor: pointer; font-size: 14px; color: #fff !important; border: none; outline: none; height: 40px; background: none; } .search-block, .ya-site-form__search-input-layout-r, .ya-site-form__submit { text-align: center; background-color: #1a1e24 !important; text-transform: uppercase; width: 189px !important; display: inline-block; position: relative; } .ya-site-form__submit { margin-left: -4px !important; } .search-block:hover { background-color: #cccccc; } .search-block:after, .ya-site-form__search-input-layout-r:after, .ya-site-form__submit:after { position: absolute; content: ""; width: 16px; height: 16px; top: 13px; right: 8px; background-image: url("http://vse-o-tattoo.ru/wp-content/themes/tattoo/images/search-icon.png"); } .ya-site-form__search-input-layout-r:before, .ya-site-form__submit:before { content: "НАЙТР"; font-size: 18px; color: #fff; position: absolute; z-index: 11; top: 9px; right: 64px; } @media only screen and (max-width: 720px) { .int-item:nth-child(3n+3), .city-item:nth-child(3n+3), .news-item:nth-child(3n+3) { margin-right: 20px; } input[type="search"] { width: 70%; } .search-block { width: 30%; } .int-container, .city-container, .news-container { text-align: center; } } .up { text-transform: uppercase; } .none { text-decoration: none; } .bold { font-weight: bold; } body, html { width: 100%; height: 100%; } body { background: #fff; overflow-x: hidden; } body, th, td { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #000000; } body, form, object, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; } img, table { border: none; } table { border-collapse: collapse; } table td { padding: 0; } table th { text-align: center !important; } a { color: #000000; } a:hover { text-decoration: none; } input, textarea, button { margin: 0; outline: none; font-family: 'Open Sans', sans-serif; } section, header, footer, nav, main { display: block; } .clear { clear: both; } .wrap>h1:first-child{ padding-top: 15px; margin-bottom: 15px; } .wrap { width: 942px; margin: 0 auto; position: relative; } .header { height: 90px; background: #1a1e24; } @media screen and (max-width: 960px) { .articles .flex-items{ justify-content: center; } .page .wrapper .img{ display: flex; flex-wrap: wrap; justify-content: center; } .content-left h2{ text-align: center; } .page .wrapper .int-container>p:first-child{ display: flex; flex-wrap: wrap; justify-content: center; } .int-container, .city-container, .news-container{ margin-left:auto; margin-right:auto; } .content-left{ box-sizing:border-box; float:none; } .wrapper{ width:100%; } .content-left iframe{ max-width: none; } .header { width: 100% !important; } .header .wrap { width: 768px; } .header .phone { margin-left: 85px !important; } .footer { width: 100%; } } @media screen and (max-width: 767px) { .articles .flex-items .flex-item{ width: 46%; margin: 20px 2%; } .articles .flex-items .flex-item:nth-child(3n){ width: 46%; margin: 20px 2%; } .articles .flex-items .flex-item .image{ width: 100%; height: 200px; } .tattoo-list .item{ border: 2px solid #ff5249; } .header .wrap { width: 480px; } .header .phone { float: none !important; width: 100%; text-align: center !important; clear: both; margin: 30px auto; margin-left: auto !important; } .header-top { background-size: cover !important; } } @media screen and (max-width: 480px) { .header-top .lead-btn .pero-big-left, .header-top .lead-btn .pero-big-right { display: none !important; } .header .wrap { width: 320px; } .header-top .site-descr br:first-of-type { display: block !important; } .header-top .site-descr { font-size: 18px !important; } .header-top .lead-btn .pero-small-left, .header-top .lead-btn .pero-small-right { display: block !important; } } .header * { -webkit-transition: all 300ms ease; transition: all 300ms ease; } .header .logo { float: left; line-height: 90px; display: block; } .header .logo img { vertical-align: middle; } .header .button { line-height: 90px; float: right; } .header .button button { vertical-align: middle; font-size: 18px; color: #fff; font-weight: 600; cursor: pointer; border: 0; text-transform: uppercase; width: 196px; height: 40px; background: #ff5249; } .header .button button:hover { width: 206px; height: 46px; margin: -3px -5px; font-size: 19px; } .header .phone a { color: #fff; text-decoration: none; } .header .phone { display: block; float: left; margin-left: 173px; text-align: center; color: #fff; font-size: 16px; font-weight: 300; padding-top: 18px; } .header .phone a { display: block; font-weight: 600; font-size: 24px; } .top-menu { display: none; height: 40px; line-height: 40px; background: #ededed; text-align: center; } .top-menu ul { padding: 0; margin: 0; list-style: none; } .top-menu ul li { display: inline-block; padding: 0 7px; height: 40px; } .top-menu ul li:hover { background: #ff5249; } .top-menu ul li:hover a { color: #ffffff; } .top-menu ul li a { font-size: 16px; font-weight: 300; text-transform: uppercase; text-decoration: none; } h1, h2 { font-weight: 300; font-size: 26px; text-transform: uppercase; padding: 40px 0 20px; } .tattoo-list-index { text-align: center; } .tattoo-list-index .item { width: 260px !important; } .tattoo-list-index .item a > img { height: 170px !important; } .tattoo-list-index .item .name, .tattoo-list-index .item p { text-align: left; } .tattoo-list .item { float: left; width: 212px; padding: 10px 8px; border: 2px solid transparent; margin: 0 1px 10px 0; } .tattoo-list .item:nth-child(4n) { margin-right: 0; } .tattoo-list .item:hover { border: 2px solid #ff5249; } .tattoo-list .item a { text-decoration: none; } .tattoo-list .item .name { font-weight: 300; font-size: 18px; padding: 6px 0; line-height: 120%; } .tattoo-list .item p { font-weight: 300; margin-bottom: 8px; } .tattoo-list .item .date { float: left; font-size: 12px; font-weiht: 600; } .tattoo-list .item .link { float: right; } .tattoo-list .item .link a { font-weight: 600; font-size: 12px; text-decoration: none; text-transform: uppercase; color: #ff5249; } .tattoo-list .item .link a img { vertical-align: middle; margin-left: 4px; } .tattoo-list .more-link { text-align: center; padding-top: 20px; } .tattoo-list .more-link button { border: 0; cursor: pointer; font-weight: 600; font-size: 18px; text-transform: uppercase; width: 276px; height: 40px; color: #ff5249; border: 2px solid #ff5249; background: #ffffff; } .tattoo-list .more-link button:hover { background: #ff5249; color: #ffffff; } .interview-list .item { float: left; width: 294px; height: 200px; margin: 0 30px 30px 0; position: relative; } .interview-list .item:nth-child(3n) { margin-right: 0; } .interview-list .item:hover:after { display: block; } .interview-list .item:after { content: ""; position: absolute; width: 100%; height: 30%; left: 0; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#ed4d45)); background: -webkit-linear-gradient(top, transparent, #ed4d45); background: linear-gradient(top, transparent, #ed4d45); display: none; } .interview-list .item:before { content: ""; display: block; position: absolute; width: 100%; height: 30%; left: 0; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#191919)); background: -webkit-linear-gradient(top, transparent, #191919); background: linear-gradient(top, transparent, #191919); } .interview-list .item .link { display: block; width: 100%; height: 100%; } .interview-list .item .text { position: absolute; left: 15px; bottom: 10px; z-index: 2; } .interview-list .item .text a { color: #fff; text-decoration: none; font-size: 20px; font-weight: 600; display: block; } .interview-list .item .text a span { font-weight: 300; } .interview-list .more-link { text-align: center; padding-top: 20px; } .interview-list .more-link button { border: 0; cursor: pointer; font-weight: 600; font-size: 18px; text-transform: uppercase; width: 276px; height: 40px; color: #ff5249; border: 2px solid #ff5249; background: #ffffff; } .interview-list .more-link button:hover { background: #ff5249; color: #ffffff; } .city-list .item { width: 212px; height: 80px; float: left; margin: 0 30px 30px 0; position: relative; } .city-list .item:nth-child(4n) { margin-right: 0; } .city-list .item .link { display: block; position: absolute; text-align: center; width: 100%; padding: 25px 0; top: 0; color: #fff; text-decoration: none; font-weight: 600; font-size: 20px; white-space: nowrap; } .footer { height: 100px; background: #1a1e24; } .footer * { -webkit-transition: all 300ms ease; transition: all 300ms ease; } .footer .links { text-align: center; font-weight: 150; color: #fff; width: 970px; float: left; padding-top: 30px; } .footer .links a { color: #fff; text-decoration: none; margin: 0 35px; font-size: 16px; } .footer .links a:nth-child(3) { font-size: 14px; font-weight: 600; text-transform: uppercase; } .footer .links a img { vertical-align: middle; margin-left: 5px; } .footer .phone { float: right; text-align: center; color: #fff; font-size: 16px; font-weight: 300; padding-top: 25px; } .footer .phone span { display: block; font-weight: 600; font-size: 24px; } .footer .phone button { font-size: 18px; color: #fff; font-weight: 600; cursor: pointer; border: 0; text-transform: uppercase; width: 196px; height: 40px; background: #ff5249; margin-bottom: 10px; } .footer .phone button:hover { width: 206px; height: 46px; margin: -3px -5px 7px -5px; font-size: 19px; } @media (max-width: 960px) { .wrap { width: 470px; } .header .wrap { position: relative; } .top-menu { position: absolute; width: 470px; left: 50%; margin-left: -235px; height: auto; z-index: 2; line-height: 120%; padding: 5px 0; display: none; } .top-menu ul li { display: block; text-align: center; height: auto; padding: 5px 10px; } .interview-list .item { width: 212px; height: 150px; } .interview-list .item:nth-child(2n) { margin-right: 0 !important; } .interview-list .item:nth-child(3n) { margin-right: 30px; } .city-list .item:nth-child(2n) { margin-right: 0 !important; } .city-list .item:nth-child(4n) { margin-right: 30px; } .footer { height: auto; text-align: center; padding-bottom: 20px; } .footer .wrap { position: relative; } .footer .links { width: auto; float: none; padding-top: 10px; } .footer .links a:nth-child(3) { display: block; width: 100%; margin: 0; } .footer .phone { float: none; } } @media (max-width: 480px) { .prof-img, .prof-content { width: 100%; margin-right: 0; } .prof-img, .prof-name { text-align: center; } .soc-link { margin-right: 7px; } input[type="search"], #ya-site-form0 .ya-site-form__form .ya-site-form__input-text { width: auto !important; max-width: 240px !important; } .wrap { width: 300px; } .top-menu { width: 300px; margin-left: -150px; } .tattoo-list .item { width: auto; float: none; margin: 0 0 30px 0; } .tattoo-list .item .photo { height: 100%; width: 100%; } .interview-list .item { width: 300px; height: 203px; } .interview-list .item:before, .interview-list .item:after { width: 294px; left: 3px; } .city-list .item { width: 145px; height: auto; margin: 0 10px 10px 0; } .city-list .item img { max-width: 100%; } .city-list .item .link { font-size: 15px; padding: 20px 0 !important; } .footer .links a { display: inline-block; font-size: 16px; margin: 5px !important; } } @media screen and (max-width: 415px) { .tattoo-list .item a > img { height: auto; } .ya-site-form__search-input-layout-r { width: auto; max-width: 150px; text-align: left; padding-left: 30px; } input[type="search"], #ya-site-form0 .ya-site-form__form .ya-site-form__input-text { width: auto !important; max-width: 200px !important; } .masteratab1 td a img { width: 70px; } #ya-site-form0 .ya-site-form__form * { font-size: 0 !important; } .ya-site-form__search-input-layout-r:before, .ya-site-form__submit:before { content: ""; font-size: 18px; color: #fff; position: absolute; z-index: 11; top: 9px; right: 64px; } .ya-site-form__submit { width: 60px !important; } .ya-site-form__search-input-layout-r { width: auto !important; } .search-block:after, .ya-site-form__search-input-layout-r:after, .ya-site-form__submit:after { right: 20px; } } .top-heading { padding-top: 0; margin-top: 0; } #ya-site-form0 { margin-bottom: 40px !important; height: 0 !important; } .header .logo { line-height: 0; } .header .logo img { padding: 18px 0; } .header .button { padding: 25px 0; line-height: 0; } button a { color: #fff; text-decoration: none; } button a:focus, button a:hover { color: #ffffff; } li a { color: #000000; } .footer .links a img { vertical-align: middle !important; margin-left: 5px; } .footer .links a { margin: 0 27px; } .header { margin-bottom: 0; } .tattoo-list .item { float: none; display: inline-block; } .city-list .item .link { padding: 30px 0; } .header .phone { padding-top: 25px; } .tattoo-list .item .name { color: #000; font-size: 17px; } .tattoo-list .item .date { font-weight: 600; color: #000000; } .tattoo-list .item .link { position: relative; color: #ff5249; font-family: "OpenSans", sans-serif; font-size: 12px; font-weight: 600; text-transform: uppercase; float: right; bottom: 0; } img { vertical-align: middle !important; } .top-menu { margin-top: -1px; } .header .button button { line-height: 40px; } .footer .phone button:hover { width: 206px; height: 46px; margin: -3px -5px 7px -5px; font-size: 19px; } .msg1 { background: url(//vse-o-tattoo.ru/wp-content/themes/tattoo/img/enz/dialog-1.png) top left no-repeat; font-size: 17px; width: 472px; height: auto; background-size: 100% 100% !important; padding: 17px 22px 25px; } .msg2 { float: right; background: url(//vse-o-tattoo.ru/wp-content/themes/tattoo/img/enz/dialog-2.png) right center no-repeat; font-size: 16px; width: 700px; height: auto; margin-top: 10px; margin-bottom: 10px; line-height: 22px; background-size: 100% 100% !important; padding: 17px 22px 24px; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: 0 !important; margin-left: 0 !important; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after { clear: both; } .btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { display: table; content: " "; } @media (min-width: 1200px) { .container { width: auto !important; } } @media screen and (max-width: 991px) { .msg1 { background: url(//vse-o-tattoo.ru/wp-content/themes/tattoo/img/enz/dialog-1.png) top left no-repeat; font-size: 17px; width: 472px; padding-left: 30px; padding-top: 16px; } .msg2 { background: url(//vse-o-tattoo.ru/wp-content/themes/tattoo/img/enz/dialog-22.png) right center no-repeat; width: 520px; } } @media screen and (max-width: 530px) { .articles .flex-items .flex-item{ width: 100%; margin: 0; } .articles .flex-items .flex-item:nth-child(3n){ width: 100%; margin: 0; } .articles .flex-items .flex-item .image{ margin-left: auto; margin-right: auto; width: 100%; height: 180px; display: flex; justify-content: center; align-items: center; } .articles .flex-items .flex-item .image img{ max-width: 100%; max-height: 100%; width: auto; height: auto; } .msg1, .msg2 { background: #6bee6f; width: auto; height: auto; border-radius: 15px; padding-bottom: 15px; } .msg2 { background: #d8d8d8; } } body { margin-top: -15px !important; } html { margin-top: 0 !important; } .int-title b { display: block; } .tattoo-list .item { vertical-align: top; } .tattoo-list .item a > img { height: 141px; } .tattoo-list .item .name { height: 55px; } .tattoo-list .item p { height: 70px; } .ya-site-form__search-input-layout-r:before, .ya-site-form__submit:before { z-index: 1; } h1 { padding: 0 !important; } .button_all { bottom: 73px; width: 27%; } .form_pc .mail { height: 40px; margin-bottom: 0; } .form_pc { margin-left: 5%; bottom: 59px; } .header { height: auto; } .submit-banner { background-color: #6dab0d !important; } .hype-panel { position: relative; width: 100%; margin-bottom: 60px; padding: 10px 25px; background: #eee; border-radius: 4px; clear: both; box-sizing: border-box; overflow: hidden; } .hype-panel > h6 { margin-bottom: 17px; font-size: 18px; text-align: center; font: bold 11px/1 "Proxima Nova", sans-serif; color: #000; text-transform: uppercase; letter-spacing: .5px; -webkit-font-smoothing: antialiased; } .hype-panel-desktop .share-buttons-bar { margin: 0 auto 0; width: 300px; } .share-buttons-bar { white-space: nowrap; } .share-buttons-bar-small .button-fb-native { width: 117px; } .share-buttons-bar .button-fb-native { width: 137px; padding-top: 6px; padding-left: 0; text-align: center; background: #8597c8; } .share-buttons-bar .share-button { position: relative; display: inline-block; height: 33px; padding-left: 40px; font: bold 11px/11px "Proxima Nova", sans-serif; color: #fff; text-decoration: none; text-align: left; vertical-align: top; text-transform: uppercase; letter-spacing: .5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius: 3px; box-sizing: border-box; } .fb_iframe_widget { display: inline-block; position: relative; } .fb_iframe_widget span { display: inline-block; position: relative; text-align: justify; } .fb_iframe_widget iframe { position: absolute; } .hype-panel-desktop .share-buttons-bar .share-button:not(:first-child) { margin-left: 5px; } .share-buttons-bar a.share-button { padding-top: 12px; } .share-buttons-bar-small .button-fb, .share-buttons-bar-small .button-tw, .share-buttons-bar-small .button-vk { width: 89px; } .share-buttons-bar a.share-button:before { content: ''; position: absolute; top: 8px; left: 15px; height: 17px; background-image: url("http://lamcdn.net/www.lookatme.ru/gui/11.sprite-dd0e53e498c6fd335a2772ab8e36f7149d158edcbfe34de2577660467b8276cf.png"); } .share-buttons-bar .button-fb:before { width: 17px; background-position: -60px 0; } .share-buttons-bar-small .share-button .share-button-text { display: none; } .share-buttons-bar .share-button.share-button-loaded .share-button-counter { opacity: 1; } .share-buttons-bar .share-button .share-button-counter { position: absolute; right: 16px; opacity: 0; -webkit-transition: opacity .2s; transition: opacity 0.2s; } .share-buttons-bar .share-button.share-button-loaded .share-button-spinner { opacity: 0; } .share-buttons-bar .share-button .share-button-spinner { position: absolute; top: 9px; right: 12px; width: 16px; height: 16px; background: url("http://lamcdn.net/www.lookatme.ru/gui/11.sprite-dd0e53e498c6fd335a2772ab8e36f7149d158edcbfe34de2577660467b8276cf.png") -310px -10px; -webkit-animation: share-loader 1s infinite steps(8) forwards; animation: share-loader 1s infinite steps(8) forwards; opacity: 1; -webkit-transition: opacity .2s; transition: opacity 0.2s; } .share-buttons-bar a.share-button:before { content: ''; position: absolute; top: 8px; left: 15px; height: 17px; background-image: url("http://lamcdn.net/www.lookatme.ru/gui/11.sprite-dd0e53e498c6fd335a2772ab8e36f7149d158edcbfe34de2577660467b8276cf.png"); } .share-buttons-bar .button-vk:before { width: 20px; background-position: -60px -19px; } .share-buttons-bar a.share-button:before { content: ''; position: absolute; top: 8px; left: 15px; height: 17px; background-image: url("http://lamcdn.net/www.lookatme.ru/gui/11.sprite-dd0e53e498c6fd335a2772ab8e36f7149d158edcbfe34de2577660467b8276cf.png"); } .share-buttons-bar .button-tw:before { width: 18px; background-position: -79px 0; } .digest-subscription { clear: both; position: relative; width: 100%; height: 92px; margin: 0; padding: 0; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; } .digest-subscription .intro { text-align: center; top: 16px; left: 25px; } .digest-subscription .intro h6 { position: relative; font: bold 18px "Proxima Nova", sans-serif; margin-bottom: 20px; } .digest-subscription .digest-form { position: absolute; top: 50px; right: 25px; left: 25px; } .digest-subscription .digest-form-email { display: block; width: 100%; height: 40px; margin: 0; padding: 9px 150px 9px 40px; font: 15px/20px "Proxima Nova", sans-serif; color: #000; vertical-align: top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #fff; background-clip: padding-box; border: 1px solid transparent; border-radius: 5px 20px 20px 5px; -webkit-transition: border-color 0.2s; transition: border-color 0.2s; box-sizing: border-box; } .digest-subscription .digest-form-email-icon { position: absolute; top: 14px; left: 14px; width: 16px; height: 12px; background: url("http://lamcdn.net/www.lookatme.ru/gui/11.sprite-dd0e53e498c6fd335a2772ab8e36f7149d158edcbfe34de2577660467b8276cf.png") -61px -663px; opacity: .18; -webkit-transition: opacity .2s; transition: opacity 0.2s; } .digest-subscription .digest-form-email:invalid ~ .digest-form-submit { color: #848484; background: #f0f0f0; pointer-events: none; } .digest-subscription .digest-form-submit { position: absolute; top: 4px; right: 4px; width: 139px; height: 32px; margin: 0; padding: 0; font: bold 12px "Proxima Nova", sans-serif; color: #fff; text-transform: uppercase; letter-spacing: .5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #1b50fd; border: none; border-radius: 20px; cursor: pointer; -webkit-transition: color 0.2s, background-color 0.2s; transition: color 0.2s, background-color 0.2s; } .digest-subscription .success { display: none; position: absolute; top: 49px; right: 10px; left: 98px; -webkit-animation: digest-appear 0.3s 0.2s forwards; animation: digest-appear 0.3s 0.2s forwards; } .digest-subscription .fido { position: absolute; top: 46px; left: -51px; width: 51px; height: 50px; background: url("http://lamcdn.net/www.lookatme.ru/gui/11.sprite-dd0e53e498c6fd335a2772ab8e36f7149d158edcbfe34de2577660467b8276cf.png") 0 -663px; } .share-buttons-bar .button-fb:hover { background: #5778d1; } .share-buttons-bar .button-fb { background-color: #4c68b3; } .error-popup, .button-fb-native { display: none !important; } .share-buttons-bar .button-vk { background: #4a7fbb; } .share-buttons-bar .button-tw { background: #16bdfd; } @media only screen and (max-width: 360px) { .hype-panel { width: auto; margin-right: 20px; } .share-buttons-bar-small .button-fb, .share-buttons-bar-small .button-tw, .share-buttons-bar-small .button-vk { width: 70px; } .hype-panel-desktop .share-buttons-bar { margin-bottom: 0; } .digest-subscription { height: 170px; } .digest-subscription .digest-form-email { margin: 0; padding: 9px 35px 9px 40px; width: 100%; } .digest-subscription .digest-form-submit { top: 55px; left: 0 !important; width: 100%; color: #cccccc !important; } .digest-subscription .digest-form-email:invalid ~ .digest-form-submit { background-color: #ffffff; } .digest-subscription { width: auto; } .hype-panel-desktop .share-buttons-bar { width: 100%; } .digest-subscription .intro h6 { top: -10px; font-size: 14px; } } .ya-share2__icon { width: 48px !important; height: 48px !important; } .ya-share2__container_size_m .ya-share2__counter { line-height: 48px !important; } .ya-share2__container_size_m { text-align: center !important; margin-bottom: 30px; } .dsdas { float: left; } .banner1 p, .banner2 p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; } .banner1 .banner_wrapper .img { width: 120px; height: 90px; background: #000000; } .bannera { text-decoration: none !important; } .img.bannerimg { cursor: pointer; } .banner2 .banner_wrapper .img { width: 250px; height: 200px; background: #000000; } .banner2 p, .banner1 p { color: #000000 !important; } @media (min-width: 481px) { .banner1 { width: 728px; *height: 110px; padding: 10px; } .banner1 .banner_wrapper .img { float: left; margin-right: 25px; } .banner1 .banner_wrapper > p { display: none; } .banner1 .banner_wrapper .desc > p:first-child { font-size: 24px; margin-top: 0; font-weight: 600; } .banner1 .banner_wrapper .desc > p { font-size: 16px; } .banner2 { width: 728px; *height: 270px; padding: 10px; min-height: 250px; } .banner2 .banner_wrapper > p { display: none; } .banner2 .banner_wrapper .img { float: left; margin-right: 20px; } .banner2 .banner_wrapper .desc > p:first-child { font-size: 40px; font-weight: 600; } .banner2 .banner_wrapper .desc > p { font-size: 26px; line-height: 1; } .banner2 .pricespan { display: block; } .banner1 .desc p, .banner1 .banner_wrapper p, .banner2 .desc p, .banner2 .banner_wrapper p { text-align: left; } } @media (max-width: 480px) { .header .phone{ margin: 0 !important; padding: 0 !important; padding-bottom: 18px !important; } .banner1 { width: 320px; *height: 200px; padding: 10px; text-align: center !important; margin: 0 auto; } .banner1 .banner_wrapper > p { display: block; font-size: 24px; margin-top: 0; margin-bottom: 0; letter-spacing: 2px; line-height: 1.2; font-weight: 600; margin-bottom: 10px; } .banner1 .banner_wrapper .desc > p:first-child { display: none; } .banner1 .banner_wrapper .desc > p { font-size: 16px; } .banner1 .banner_wrapper .img { margin-bottom: 5px; } .banner1 .desc p, .banner1 .banner_wrapper p, .banner2 .desc p, .banner2 .banner_wrapper p { text-align: center; } .banner1 .img, .banner2 .img { margin: 0 auto; } .banner2 { width: 320px; *height: 400px; padding: 10px; text-align: center !important; margin: 0 auto; } .banner2 .banner_wrapper > p { display: block; font-size: 24px; font-weight: 600; margin-bottom: 10px; line-height: 1.1; } .banner2 .banner_wrapper > .img { margin-bottom: 10px; } .banner2 .banner_wrapper .desc > p:first-child { display: none; } .banner2 .banner_wrapper .desc > p { font-size: 18px; } .br { display: none; } } .clearfix:before, .clearfix:after { content: ''; display: table; clear: both; } .header-top { height: auto; width: 100%; background: url('img/header-bg.png') no-repeat center top; padding-bottom: 23px; } .header-top .site-descr { display: block; margin-top: 20px; color: #fff; font-family: "FranckerCYR-ExtraBold"; font-size: 23px; line-height: 28px; text-align: center; } .header-top .site-descr br:first-of-type { display: none; } .header-top .lead-btn { display: block; position: relative; margin: 25px auto 0; text-align: center; width: 273px; height: 48px; background-color: #fe5248; -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; color: #fff; font-family: "OpenSansSemiboldRegular"; font-size: 21px; font-weight: 600; line-height: 48px; text-decoration: none; } .header-top .lead-btn:hover { background-color: #d73c33; } .header-top .lead-btn:hover .pero-big-left, .header-top .lead-btn:hover .pero-big-right { opacity: 0.6; } .header-top .lead-btn .pero-big-left, .header-top .lead-btn .pero-big-right { position: absolute; z-index: 2; top: -13px; display: block; width: 43px; height: 44px; -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; } .header-top .lead-btn .pero-big-left { background: url(img/pero-big-left.png); left: -84px; } .header-top .lead-btn .pero-big-right { background: url(img/pero-big-right.png); right: -84px; } .header-top .lead-btn .pero-small-left, .header-top .lead-btn .pero-small-right { position: absolute; z-index: 2; top: -49px; width: 31px; height: 32px; display: none; } .header-top .lead-btn .pero-small-left { background: url(img/pero-small-left.png); left: 4px; } .header-top .lead-btn .pero-small-right { background: url(img/pero-small-right.png); right: 4px; } .menu-button-desctop { display: block; float: right; width: 48px; height: 40px; background: url('img/menu-button.jpg'); cursor: pointer; } .clearfix:before, .clearfix:after { content: ''; display: table; clear: both; } .banner1, .banner2 { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; flex-wrap: nowrap; width: 100%; } .banner1:before, .banner2:before, .banner1:after, .banner2:after { content: ''; display: table; clear: both; } .banner1-img, .banner2-img { display: block; float: left; } .banner1 .banner_wrapper, .banner2 .banner_wrapper { float: left; margin-left: 15px; } .banner1-head, .banner2-head { display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 18px; color: #000; } .banner1 .desc, .banner2 .desc { display: block; margin-top: 10px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 16px; color: #000; line-height: 1.4; } .banner2 .banner_wrapper { width: 400px; } .banner2-head { font-size: 20px; } .banner2 .desc { font-size: 16px; } .banner2 .desc a { font-size: 14px; } @media only screen and (max-width: 600px) { .banner1, .banner2 { display: block; width: 320px; margin: 0 auto; } .banner1 .banner_wrapper, .banner2 .banner_wrapper, .banner1 .alignnone, .banner2 .alignnone { float: none; } .banner1 .banner_wrapper, .banner2 .banner_wrapper { width: 100%; margin: 20px auto 0; } .banner1 .alignnone, .banner2 .alignnone { display: none; } } .banner1 a {color:#FF0000;} .banner1 a:hover {color:#CC0000;} .banner2 a {color:#FF0000;} .banner2 a:hover {color:#CC0000;} .sketch { display: table; font-family: "Open Sans"; padding: 20px 25px; background-color: #eee; border-radius: 3px; margin: 0 auto; } .sketch > div { display: inline-block; vertical-align: top; color: #333; } .sketch > div > .title { font-size: 18px; font-weight: 600; } .sketch > div > .summary { font-size: 14px; font-weight: 400; margin-top: 10px; } .sketch > div > a.btn { display: inline-block; margin-left: 45px; color: #333; background: linear-gradient( 180deg, #f84f47, #c74640 ); border-radius: 3px; font-size: 14px; font-weight: 600; color: #fff; padding: 10px 27px; width: 106px; height: 22px; text-decoration: none; } .sketch > div > a.btn:hover { background: linear-gradient( 0deg, #ed433b, #ba3b35 ); } .slider-ads { height: 89px !important; } .slider-ads-fl { bottom: 78px; display: none; left: 50%; margin-left: -160px; position: fixed; width: 320px; z-index: 11; } @media (max-width: 767px) { .slider-thumb-left, .slider-thumb-right, .slider-thumb { display: none !important; } /* .slider-ads {display: block !important;} */ .slider-ads-fl { display: block !important; } } @media (max-device-width: 767px) { .slider-ads-fl { display: block !important; } .slider-ads {display: none !important;} } .slidebox-spec-cb .close, .slidebox-spec-cb a.close { top:-40px !important; background-color:#dcdcdc !important; background-size:31px !important; width: 31px !important; height: 31px !important; background-image: url('/wp-content/uploads/2017/07/icon_close.png') !important; opacity: 1.0 !important; background-position: center center !important; } /* AdHelper */ .ah-teaser-wrapper {height: auto!important; margin-bottom: 25px;} .ah-teaser-inner-wrapper {height: auto!important;} #flat_ads_block_id_1{ bottom: 100px; position: fixed; right: calc(100% + 22px); transform-origin: center; transform: translateX(0); transition: all 0s ease; } .right_slide_flat_panel{ transform: translate(calc(100% + 22px)) !important; } .flat_slide_cross { position: absolute; z-index: 999999 !important; top: 3px!important; right: 3px!important; background: transparent url(/wp-content/themes/tattoo/images/closeads.jpg) no-repeat!important; width: 26px!important; height: 26px!important; border-radius: inherit !important; cursor: pointer; } .flat_ads_block { z-index: 99999999999999 !important; }