/*@import "./import/msg-block.css";*/ :root { --max-container-width: 1600px; /**/ --logo-color: #e61b05; --btn-color: #FD9638; /*--viber-color: #774E98;*/ /*--watsapp-color: #12940A;*/ /*--tg-color: #52ADDE;*/ } /* Анкорные метки с учетом шапки */ .anchors { padding-top: 120px; margin-top: -120px; } * { scroll-behavior: smooth; margin: 0; padding: 0; border: 0; font-size: 16px; box-sizing: border-box; } html { /*font-family: sans-serif;*/ /*font-family: pt_suns;*/ font-family: Verdana, sans-serif; } h1, .h1 { font-size: 30px; line-height: 42px; } h2, .h2 { font-size: 26px; line-height: 38px; font-family: 'NeueMachina', Arial, sans-serif; letter-spacing: 1px; } h3, .h3 { font-size: 20px; line-height: 32px; } h4, .h4 { font-size: 16px; line-height: 28px; } h5, .h5 { font-size: 14px; line-height: 24px; } h6, .h6 { font-size: 12px; line-height: 24px; } /*@font-face{ font-family: pt_suns; src: url(/fonts/pt_suns.woff); }*/ @font-face { font-family: corpid; src: url(./../fonts/corpid2.woff); font-display: swap; } @font-face { font-family: latoBold; src: url(./../fonts/LatoBold.woff); font-display: swap; } @font-face { font-family: NeueMachina; src: url(./../fonts/NeueMachina-Bold.woff); font-display: swap; } .company { font-size: 140%; font-weight: bold; letter-spacing: 1px; text-shadow: 0 1px 0 var(--logo-color), 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15); color: #000; } main { display: block; } textarea { overflow: auto; resize: vertical; } .gradient3 { background: rgb(238, 238, 238); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238, 238, 238, 1)), color-stop(50%, rgba(191, 191, 191, 1)), color-stop(100%, rgba(238, 238, 238, 1))); background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(191, 191, 191, 1) 50%, rgba(238, 238, 238, 1) 100%); background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(191, 191, 191, 1) 50%, rgba(238, 238, 238, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee', GradientType=0); } .left_gr2 { /*background: rgb(245, 246, 246); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(245, 246, 246, 1)), color-stop(21%, rgba(219, 220, 226, 1)), color-stop(49%, rgba(222, 208, 224, 1)), color-stop(80%, rgba(221, 223, 227, 1)), color-stop(100%, rgba(245, 246, 246, 1))); background: -webkit-linear-gradient(top, rgba(245, 246, 246, 1) 0%, rgba(219, 220, 226, 1) 21%, rgba(222, 208, 224, 1) 49%, rgba(221, 223, 227, 1) 80%, rgba(245, 246, 246, 1) 100%); background: linear-gradient(to bottom, rgba(245, 246, 246, 1) 0%, rgba(219, 220, 226, 1) 21%, rgba(222, 208, 224, 1) 49%, rgba(221, 223, 227, 1) 80%, rgba(245, 246, 246, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f6', endColorstr='#f5f6f6', GradientType=0); */ } /* call btn */ /* 10 */ .call-btn > a, .call-btn > a:visited { display: block; height: 100% !important; color: #222 !important; padding: 4px; /*font-family: latoBold;*/ } .call-btn > a:hover { color: #fff !important; } .call-btn { /*display: inline;*/ transition: all 0.3s ease; letter-spacing: 1px; position: relative; border: 1px solid var(--logo-color); text-shadow: 1px 1px var(--logo-color); border-radius: 5px; /*padding: 4px;*/ text-align: center; /*background-color: rgba(253,150,56,.3);*/ color: #222; /*background: rgba(22,9,240,.3);*/ /*background: linear-gradient(0deg, rgba(22,9,240,.3) 0%, rgba(49,110,244,.3) 100%);*/ overflow: hidden; box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5); } .call-btn:after { position: absolute; content: " "; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; transition: all 0.3s ease; -webkit-transform: scale(.1); transform: scale(.1); } .call-btn:hover { color: #fff; border: 1px solid #222; background: transparent; } .call-btn:hover:after { background: var(--btn-color); -webkit-transform: scale(1); transform: scale(1); } /**/ body { min-width: 640px; background-color: #fff; color: #222; cursor: default; /*font-family: consolas;*/ } /* ссылки без классов или id */ /* a[href]:not([class]),a[href]:not([id]) { color: #008000; text-decoration: underline; } */ html, body, #container { height: 100%; } #container { /* Новогодний понт */ /*border-image-width: 0 10px 0 10px !important; border-image-source: url("/img/girland.gif") !important; border-image-repeat: repeat !important; border-image-slice: 10;*/ /*border: 10px solid red;*/ } /*a{ text-decoration: none; font-weight: bold; color: inherit; }*/ /*a:hover{ text-decoration: underline; }*/ .no_border { border: none !important; } .no_shadow { box-shadow: none !important; } .clear { clear: both; } .underline { text-decoration: underline; } .big { font-size: 140%; } ul { list-style: none; } #top_h { display: inline; position: absolute; color: #003333; font: 15px Arial, Helvetica, sans-serif; font-weight: bold; z-index: 3; top: 4px; left: 250px; text-shadow: 1px 0 0 var(--logo-color), 2px 2px 10px #fff; } h1, h2, h3, h4 { color: #474747; font-family: 'NeueMachina', Arial, sans-serif; } .NeueMachina { font-family: 'NeueMachina', Arial, sans-serif; } h1 { font-size: 140%; } h2 { font-size: 130%; } h3 { font-size: 120%; } h4 { font-size: 110%; } mark { background-color: rgba(255, 255, 153, .3); } .mark { text-shadow: 0 0 1px rgba(230, 27, 5, .5); } abbr { font-weight: bold; border-bottom: 1px dotted; cursor: help; } sup { font-size: 70%; } .strong_text { font-weight: bold; text-indent: 0; /*font-size:110%;*/ color: #000; /*text-shadow: .5px 0 0 var(--logo-color);*/ margin-left: 2em; } .header_shadow { text-shadow: 0 1px 0 var(--logo-color), 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15); color: #000; margin-bottom: .5em; } .punkt { font: 20px Arial, Helvetica, sans-serif; font-weight: bold; text-shadow: 3px 3px 10px #777, 0 0 2px var(--logo-color); margin-bottom: .5em; display: inline-block; } /* .punkt:hover{ border-bottom: 2px solid var(--logo-color); } */ .hr { margin: .5em; width: 50%; border-bottom: 2px dashed #999; } /* Основные блоки */ header { position: relative; margin: 10px 10px; height: 152px; background: #ddd; z-index: 2; border: 2px solid #454545; border-radius: 5px; box-shadow: -3px 0 5px #b6b6b6, 3px 0 5px #b6b6b6, inset 0 0 5px rgba(230, 27, 5, .6); } #logo { float: left; margin: 5px 0 5px 5px; width: 240px; height: 139px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } #center { display: block; height: 138px; margin: 0 auto; background: url(data:image/gif;base64,R0lGODlhIAOKAMQfANDQ0BkZGbe3t0BAQPn5+W5ubpCNjebm5v8rEF1dXcMkGP+hmqtmZv/Z1/9jVp2amv/t7P+Bd/+8uJ8QCdzc3P9EMMPDw6qpqcJNR/Pz8+7u7ktLS59CP4B/f////////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4RDQ3N0Y1M0FFRUMxMUU1QUUwNEZBM0Y0NUIwODNERCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4RDQ3N0Y1NEFFRUMxMUU1QUUwNEZBM0Y0NUIwODNERCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhENDc3RjUxQUVFQzExRTVBRTA0RkEzRjQ1QjA4M0REIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhENDc3RjUyQUVFQzExRTVBRTA0RkEzRjQ1QjA4M0REIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJy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) center 5px no-repeat; background-size: calc(100% - 520px) 150px; } #center div { display: block; position: absolute; bottom: 5px; left: 250px; z-index: 1; } #center strong { font: 24px Consolas; font-weight: bolder; color: #003333; text-shadow: 2px 2px 5px #fff, 1px 1px 0 var(--logo-color); } #center span { /*font-family: "Comic Sans MS", cursive, sans-serif;*/ font-family: corpid; margin-left: .5em; color: #003333; } .shtorka { display: block; right: 250px; top: 2px; bottom: 2px; position: absolute; background-color: #ddd; width: calc(100% - 520px); } .shtorka-animate { width: 0; transition: width linear 0.4s; } #right { float: right; width: 250px; height: 100%; font-family: Tahoma, Geneva, sans-serif; } .smal { font-size: 80%; } .right_outer { float: right; margin-right: 20px; margin-top: -8px; } #right a { text-decoration: none; } #right ul { list-style: none; margin-top: 25px; } #right .tel a, #right .mail { /*font-family: Tahoma, Geneva, sans-serif;*/ /*font-family: corpid;*/ font-size: 17px; /*letter-spacing: 1.5px !important;*/ /*font-weight: bold;*/ /*color: #193232;*/ color: #000; /*font-weight: bolder;*/ /*text-shadow: .5px 0 var(--logo-color);*/ } #right .tel a { font-family: corpid; letter-spacing: 1.5px; } .mail { letter-spacing: 1px; } .mail:hover, .tel a:hover { text-shadow: 1px 0 #fff !important; } .pre { color: #474747; } .mail:hover, .tel:hover { cursor: pointer; text-shadow: 0px 0px 5px #fff; } #right .tel span { font-weight: normal; font-size: 0.8em; } #container { position: relative !important; /*max-width: 1366px;*/ /* Это для своего монитора */ max-width: var(--max-container-width); margin: auto; } #main { margin-bottom: -160px; /* Высота прижатого футера здесь !!! */ min-height: 100%; box-shadow: 0 0 20px #555; } #all { position: relative !important; padding-bottom: 160px; /* Высота прижатого футера здесь !!! */ overflow: hidden; /*background: lime;*/ /*background: url(/img/left.gif) repeat-y;*/ } #left { float: left; width: 200px; position: relative; z-index: 9; } #inc { position: relative; background-color: #fff !important; /*margin: 1em;*/ margin: 1em 1em 1em 250px; text-indent: 0.5em; padding: 0.5em; word-wrap: break-word; } #inc p { line-height: 1.43em; letter-spacing: 1px; margin-bottom: 1em; } .resp_img { float: left; border: 1px solid transparent; border-radius: 10px; box-shadow: 0 0 10px #ddd; margin: 0 1em 1em 0; } /* обтекание картинок */ .img-outs1 { width: 250px; height: 167px; shape-outside: url('/img/main_img/sozdanie.png'); shape-margin: 1em; border-radius: 0; } .img-outs2 { width: 250px; height: 171px; shape-outside: url('/img/main_img/vizitka.png'); shape-margin: 1em; border-radius: 0; } .img-outs3 { width: 250px; height: 136px; shape-outside: url('/img/main_img/corp.png'); shape-margin: 1em; border-radius: 0; } .img-outs4 { width: 250px; height: 208px; shape-outside: url('/img/main_img/response.png'); shape-margin: 1em; border-radius: 0; } /**/ footer { position: relative; z-index: 100; height: 160px; /* Высота прижатого футера здесь !!! */ background: #eee; border: 1px solid transparent; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; margin-bottom: 1em; padding: .5em 1em; font-family: 'calibri light'; color: #555; border-top: 1px solid #000; padding-bottom: 50px !important; } footer strong { font-weight: normal; } .corpid { font-family: corpid; letter-spacing: 2px; font-size: 110%; } .strong { color: #444; font-weight: bold; } /* конец Основные блоки */ header noscript { position: absolute; top: 80px; left: 50px; padding: 1.5em; background-color: #555555; color: #fff; font-size: 1.5em; font-weight: bold; text-shadow: 2px 2px 3px #FF0000; } .innerShadow { box-shadow: inset 0 0 20px #999; } /* тени снизу шапки */ #header_shadow { position: absolute; z-index: 1; width: 100%; height: 150px; /*max-width: 1300px; !* не шире блока #container *!*/ max-width: var(--max-container-width); /* не шире блока #container */ } #header_shadow:before, #header_shadow:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 15px; width: 50%; top: 80%; max-width: 300px; background: #777; box-shadow: 0 13px 15px rgba(0, 51, 51, .5); -webkit-transform: rotate(-4deg); transform: rotate(-4deg); } #header_shadow:after { -webkit-transform: rotate(4deg); transform: rotate(4deg); right: 15px; left: auto; } #block { margin-top: 30px; } /* конец тени снизу шапки */ /* Верхнее адаптивное меню */ #menu_outer { position: relative; width: 100%; /*max-width: 1300px; !* из значения max-width для блока #container *!*/ max-width: var(--max-container-width); /* не шире блока #container */ /* из значения max-width для блока #container */ background-color: #fff; } .scrolled { background: url("/img/menu-bg.png") !important; background-repeat: repeat-x; border-right: 1px solid var(--logo-color) !important; border-bottom: 1px solid var(--logo-color) !important; border-left: 1px solid var(--logo-color) !important; } #top_menu { position: relative; box-sizing: padding-box; padding-top: 20px; } nav.resp { display: block; overflow: hidden; } nav.resp ul { display: block; width: 90% !important; margin: 0 auto; list-style: none; overflow: hidden; background-color: #fff; /*background: lime;*/ } nav.resp li a { border: 1px solid transparent; border-radius: 2px; border-right: 1px dotted #003333; font: 16px 'Cutive', Helvetica, Verdana, Arial, sans-serif; color: #003333; font-weight: bold; display: block; float: left; padding: 7px 10px; text-align: center; text-decoration: none; text-transform: uppercase; width: 20%; white-space: nowrap; background-color: transparent; } nav.resp li:last-child a { border-right: none; } /*анимация верхнего меню*/ nav.resp li a { text-decoration: none !important; position: relative; } ul.highlightTextIn li a:before { position: absolute; color: rgba(230, 27, 5, .6); /*color: lime;*/ width: 100%; height: 100%; top: 0; left: 0; text-align: center; line-height: 34px; overflow: hidden; content: attr(data-m); transition: all 0.3s; transform: scale(0.8); opacity: 0; /*z-index: 10000;*/ } ul.highlightTextIn li a:hover:before { transform: scale(1); opacity: 1; } ul.highlightTextIn li a:before { transform: scale(1.3); } /* \анимация верхнего меню*/ /* конец Верхнее адаптивное меню */ /* Левое десктопное меню */ #l_menu { width: 210px; margin: 20px 0 0 5px; /*position: fixed; top: 0;*/ } #l_menu ul { font: 16px bold Arial, Helvetica, sans-serif; display: block; margin: 20px 0 0 20px; z-index: -9 !important; } #l_menu ul li { position: relative; text-decoration: none !important; list-style-type: none; width: 215px; height: 2em; margin-bottom: 15px; /*padding: .4em .3em;*/ border: 1px solid transparent; border-radius: 4px; box-shadow: 0 1px 5px #003333; font-weight: bold; } #l_menu ul li:hover { margin-left: 5px; -webkit-transition: .3s linear; transition: .3s linear; border: 1px solid var(--logo-color); box-shadow: inset 0 0 10px #fff, 0 1px 5px #003333; cursor: pointer; } #l_menu ul a { color: #003333; display: block; height: 100%; height: 100%; padding: .4em .3em; text-decoration: none; } .l_header { margin: 1em 0 1em 15px; color: #003333; font: 18px bolder Arial, Helvetica, sans-serif; font-weight: bold; word-wrap: normal; text-decoration: none; text-shadow: 3px 3px 10px #777, 0 0 2px var(--logo-color); } /*#left .l_header:hover{ border-bottom: 2px solid var(--logo-color); }*/ /*анимация подчеркивания*/ .link-anim { display: inline-block; text-decoration: none; /*cursor: pointer;*/ } .link-anim:after { display: block; content: ""; height: 1px; width: 0%; background-color: var(--logo-color); transition: width .3s ease-in-out; } .link-anim:hover:after, .link-anim:focus:after { width: 100%; } /* Активная ссылка-левое меню */ .link-active { background: #ddd; /*background: url('/img/menu-bg.png');*/ border: 1px solid var(--logo-color) !important; /*left: 5px !important;*/ /*bottom: 5px !important;*/ box-shadow: -10px 10px 10px rgba(0, 0, 0, .3), inset 0 0 20px #fff !important; /*text-shadow: 1px 1px #fff;*/ transform: scale(1.2); transition: all .3s; /*border-top-right-radius: 30px !important;*/ } /*.link-active a{ color: #fff !important; }*/ /*.link-active::after{ content: ""; width: 0; height: 0; position: absolute; border-top: 17px solid transparent; border-left: 10px solid var(--logo-color); !*border-left: 10px solid #999;*! border-bottom: 17px solid transparent; right: -2px; top: -2px; background: #fff; cursor: default; }*/ #l_menu > ul > li.left_gr2.link-active > a { cursor: default; } .link-active:hover { margin-left: 0 !important; /*border: none !important;*/ } /* конец анимация подчеркивания */ /* конец Левое десктопное меню */ .mob-menu-col { display: none; } /* MEDIA QUERIES*/ @media all and (max-width: 1280px), all and (max-device-width: 1280px) { nav.resp li a { font-size: 14px; } ul.highlightTextIn li a:before { line-height: 30px; } } @media all and (max-width: 1024px), all and (max-device-width: 1024px) { nav.resp li a { font-size: 12px; } #center div span { font-size: 14px; } #tel_but { margin-top: 2px; } } @media all and (max-width: 930px), all and (max-device-width: 930px) { /* мобильное меню вкл. при этой ширине */ #center div { left: 15px; bottom: 5px; } #inc { margin: 1em 1em 1em 80px; } #l_menu { display: none; } .mob-menu-col { display: block; /*background: url(/img/left_resp.gif) repeat-y;*/ } #block { /*background: lime;*/ /*background: url(data:image/gif;base64,R0lGODlhPAABAIAAAO/v7wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowRjExMENBNkI2RkIxMUU1OEFFOUZBRTc2RDg3MTQwMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowRjExMENBN0I2RkIxMUU1OEFFOUZBRTc2RDg3MTQwMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBGMTEwQ0E0QjZGQjExRTU4QUU5RkFFNzZEODcxNDAwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBGMTEwQ0E1QjZGQjExRTU4QUU5RkFFNzZEODcxNDAwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAADwAAQAAAgeEj6nL7VkAADs=) repeat-y;*/ } #left { width: 60px; } .menu_shadow:before, .menu_shadow:after { box-shadow: none !important; } nav.resp ul { border: 1px solid #003333; border-radius: 3px; background-color: #eee; } nav.resp li a { width: 33%; font-size: 14px; border-right: none; } nav.resp li a:hover { text-decoration: underline; } #center strong { font-size: 16px; } #center span { font-size: 12px; margin-left: .5em; } .triangle { border-top: 30px solid transparent !important; border-left: 30px solid transparent !important; border-right: 30px solid transparent !important; border-bottom: 30px solid #444 !important; } } @media all and (max-width: 846px), all and (max-device-width: 846px) { #site { height: auto; width: 100%; } .site_block { float: none; display: block; width: 100%; height: auto; min-width: 150px; } #top_h { left: 15px; /*top: 3px;*/ font-size: 12px; text-shadow: none; } } @media all and (max-width: 671px), all and (max-device-width: 671px) { #header_shadow { display: none; } #center { background-image: none; } #center div { bottom: 5px; } #shtorka { display: none; } } /* тень снизу верхнего меню */ .menu_shadow { z-index: 0; position: relative; } .menu_shadow:before, .menu_shadow:after { content: ""; position: absolute; z-index: -1; box-shadow: 0 0 30px rgba(0, 51, 51, .5); top: 50%; bottom: 0px; left: 6%; right: 6%; border-radius: 200px / 10px; } .menu_shadow:after { right: 10px; left: auto; -webkit-transform: skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg); } /* конец тень снизу верхнего меню */ /* анимация AJAX загрузки */ #container_loading { } @keyframes loader-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } #container_loading { position: fixed; z-index: 100000000; left: calc(100% / 2 - 30px); top: calc(100% / 2 - 30px); display: none; animation: loader-spin 1s linear 0s infinite; } .fa-spin, .fa-pulse { color: seagreen; /*color: #fff;*/ font-size: 60px !important; animation: fa-spin .5s infinite linear !important; } #overlay { display: none; position: absolute; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background-color: #474b58; opacity: .95; } #inc-overlay { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(100, 100, 100, .5); border: 0px solid transparent; border-radius: 20px; z-index: 100; } /* конец анимация AJAX загрузки */ /* формы заказа обратного звонка иотправки емайл */ /* блок сайты */ .site_block { margin-left: 1em; font-size: 80%; padding: 1em .5em; border: 1px solid transparent; border-radius: 10px; -webkit-transition: all .8s linear; transition: all .8s linear; } .site_block:hover { border: 1px solid #474747; border-radius: 10px; box-shadow: inset 0 0 10px rgba(230, 27, 5, .4); -webkit-transition: all .8s linear; transition: all .8s linear; } .site_block a { color: #474747; } .site_block p { margin-top: 1em; /*font-size: .8rem;*/ } .site_block p a { font-weight: bold; font-size: .8rem; color: #000; } .site_block li { list-style-type: none; margin-left: 1em; /*font-size: .8rem;*/ } .zayavka { display: inline-block; color: #000; text-shadow: 1px 0 var(--logo-color); font-weight: bold; margin: 1em 0 0 3em; cursor: pointer; text-decoration: none !important; letter-spacing: 2px; /*border-bottom: 1px solid transparent;*/ } #site { width: 100%; height: 240px; } #s1, #s2, #s3 { width: 33.3333%; } #site { font-size: 100%; width: 100%; height: 100%; } .site_block { float: left; max-width: 320px; font-size: 100%; } #s1, #s2, #s3 { width: 100%; height: 100%; float: none; } /* конец блок сайты */ /* блок cms */ .cms { font-size: 50px; } /* конец блок cms */ /* этапы создания сайта */ #etap { margin-bottom: .5em; } #etap h2 { color: #474747; } #etap ul li { display: inline-block; list-style: none; font-weight: bold; font-size: 14px; /*margin-left: 6px;*/ cursor: help; text-align: center; border: 1px solid transparent; padding: .2em .5em; } .etap_active { background-color: #ddd; /*border: 1px solid #444 !important;*/ border-radius: 3px; cursor: default !important; } #etap_target { display: block; font-family: corpid; font-style: italic; color: #003333; margin-bottom: .5em; } /* конец этапы создания сайта */ /* некоторые эл-ты главной стр. */ #uslugi_outer { display: block; border-radius: 10px; padding: 0 .5em; max-width: 590px; z-index: 11; } #uslugi { margin: 1em 0 1em 20px; z-index: 10; font-style: italic; } #uslugi li { list-style-type: none; margin-bottom: 8px; font-family: corpid; /*padding-left: 1em;*/ } #uslugi li strong { font-size: 18px; font-weight: normal; padding-left: 5px !important; } .list_link { text-decoration: none; color: #000; margin-left: -8px; } #uslugi .fa-check { font-size: 120%; color: var(--logo-color); } /* .list_link:hover{ border-bottom: 1px solid var(--logo-color); } */ .h_2 { color: #000; font-family: 'NeueMachina', Arial, sans-serif; letter-spacing: 1px; } #bonus { clear: both; padding: 2em; } #bonus li, .list li { list-style-type: none; } .list { margin-top: 1em; } .list li { padding-left: 1.5em; } .list_block { max-width: 585px; padding: .5em 0; border: 1px solid #ddd; border-radius: 10px; box-shadow: inset 0 0 10px #777; background-color: #ddd; background: -webkit-linear-gradient(315deg, rgba(254, 255, 255, 1) 0%, rgba(238, 238, 238, 1) 37%, rgba(221, 221, 221, 1) 100%); background: linear-gradient(135deg, rgba(254, 255, 255, 1) 0%, rgba(238, 238, 238, 1) 37%, rgba(221, 221, 221, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feffff', endColorstr='#dddddd', GradientType=1); } .list_block li { font-family: corpid, Arial, sans-serif; font-size: 20px !important; font-weight: bold !important; margin-left: -20px; } .red { font-size: 1.2em; /*font-family: "Comic Sans MS", cursive, sans-serif;*/ font-family: 'NeueMachina', Arial, sans-serif; font-weight: bold; color: var(--logo-color); } /* конец некоторые эл-ты главной стр. */ .min_height { min-height: 600px; } #contact ul { list-style-type: none; /*font: 1.2em bold "Comic Sans MS", cursive, sans-serif;*/ margin: 1em 2em; line-height: 150%; text-indent: 0px; } #contact li { display: inline; } span[itemprop=name] { margin-left: 2em; } .number { letter-spacing: 1px; text-decoration: none; font-weight: bold; color: #000 !important; } .contact_link { font-family: corpid !important; font-weight: bold; color: black; display: inline-block; border-bottom: 1px solid gray; cursor: pointer; vertical-align: top; margin-bottom: .4em; text-decoration: none; letter-spacing: 2px; /*text-shadow: 1px 0 var(--logo-color);*/ } #back { font-family: arial !important; } .contact_link:hover { border-bottom: 1px solid var(--logo-color); } #contact em { display: block; margin: 1em 0 1em 2em; font-size: 110%; font-weight: bold; color: #474747; } .rotate { -webkit-transform: rotateY(360deg) scale(1.5); transform: rotateY(360deg) scale(1.5); -webkit-transition: 1s transform; transition: 1s transform; } /* страница продвижение */ #seo_list ul { margin: .5em 0 0 30px; font-style: oblique; font-weight: bold; } #seo_list li { list-style-type: none; } /* конец страница продвижение */ .kontext_img { float: left; } .kontext_img figcaption { display: block; /* font-size: 105%; */ font-weight: bold; margin: 2em; } code { font-family: Monospace; } .rub_img { display: inline-block; margin: 0 0 -2px -.2em; /*background: lime;*/ background-position: 57px 68px; /*background-position: 0px 680px;*/ } .rubl { color: #444 !important; font-weight: normal !important; } /* надстрочные примечания */ .prim { text-shadow: none; color: var(--logo-color) } /* Кнопка наверх */ #scroller { display: none; position: fixed; bottom: 200px; font-size: 50px; cursor: pointer; padding-left: 40px; opacity: .5; width: 40px; height: 40px; } #scroller svg { width: 40px; height: 40px; } #scroller svg path { fill: var(--btn-color); } /* конец Кнопка наверх */ /*формы обновил*/ .phone { outline: none; font-size: 18px; font-family: corpid; /*letter-spacing: 2px;*/ } #callback .modal-content { box-sizing: border-box; font-size: 16px; font-family: arial; text-align: center; background: #fff; height: 500px; width: 330px !important; z-index: 1000; box-shadow: 0 0 20px #fff; margin: 0 auto; /*left: calc(100% / 2 - 150px) !important;*/ } #callback .modal-header { /*border: none;*/ color: #000 !important; opacity: 1 !important; /*text-shadow: 0 .5px var(--logo-color);*/ } button.close { margin-top: 10px !important; margin-right: -5px !important; width: 26px !important; height: 26px !important; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3e%3cpath d='M7.53 6.47a.75.75 0 0 0-1.06 1.06l12 12a.75.75 0 0 0 1.06-1.06zm2.627 8.312L6.47 18.47a.75.75 0 1 0 1.06 1.06l3.688-3.687a.75.75 0 0 0-1.06-1.06zm5.108-3.297a.747.747 0 0 0 .53-.22L19.53 7.53a.75.75 0 0 0-1.06-1.06l-3.736 3.735a.75.75 0 0 0 .53 1.28z'%3e%3c/path%3e%3c/svg%3e"); background-repeat: no-repeat; } button.close::first-letter { visibility: hidden; } button.close { /*display: block;*/ /*position: absolute;*/ /*right: 10px !important;*/ margin-top: -10px !important; margin-right: -15px !important; /*color: red !important;*/ /*text-transform: uppercase;*/ /*font-size: 30px;*/ /*font-weight: bold;*/ cursor: pointer; opacity: 1 !important; } /* Новое мобильное меню */ .mob-menu-col { position: relative; margin-left: 10px; width: 60px; height: 40px; /* background: #ddd; */ overflow: hidden; } .open { overflow: visible; /*overflow-y: scroll;*/ } .mob-menu-button { position: absolute; left: 0; top: 0; width: 60px; height: 40px; background: rgba(150, 150, 150, .4); border: 1px solid #003333; border-radius: 3px; cursor: pointer; } .mob-menu-button:before { /* гамбургер */ display: block; content: "\2261"; font: 55px "arial"; color: #003333; line-height: 40px; padding-left: 13px; transform: scaleX(1.4); } .btn-pos { /* добавляем при клике к .mob-menu-button */ display: none; } .mob-menu-list { background: -webkit-linear-gradient(left, rgba(102, 102, 102, 0.8) 0%, rgba(102, 102, 102, 1) 20%, rgba(68, 68, 68, 1) 50%, rgba(102, 102, 102, 1) 80%, rgba(102, 102, 102, 0.8) 98%); background: linear-gradient(to right, rgba(102, 102, 102, 0.8) 0%, rgba(102, 102, 102, 1) 20%, rgba(68, 68, 68, 1) 50%, rgba(102, 102, 102, 1) 80%, rgba(102, 102, 102, 0.8) 98%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc666666', endColorstr='#cc666666', GradientType=1); position: fixed; visibility: hidden; left: -237px; top: 0; z-index: 10000 !important; width: 235px; padding-top: 2em; list-style: none; border-right: 2px solid #003333; box-shadow: inset 0 0 15px gray; overflow-x: hidden; overflow-y: auto; } .menu-animate { /* добавляем при клике к .mob-menu-list */ visibility: visible; left: 0; -webkit-transition: left 0.5s ease; transition: left 0.5s ease; } .mob-menu-list li { width: 215px; font-size: 14px; line-height: 40px; font-weight: bold; font-family: arial; /*word-wrap: nowrap;*/ height: 40px; margin: 0 .5em 1em .5em; background: #fff; padding: 0 0 0 5px; border: 1px solid var(--logo-color); border-radius: 5px; } .mob-menu-list li:hover { margin-left: 1em; box-shadow: -0.3em 0 .5em #fff; border: 1px solid #000; transition: margin ease .3s; /* background: #ddd; */ /* border: 1px solid #fff; */ } .mob-menu-header { display: block; line-height: 40px; text-align: center; font-size: 18px; color: #000; text-shadow: 1px 1px 15px #fff; } .mob-link a { display: block; color: #000; text-decoration: none; line-height: 40px; } .mob-link a:hover { text-shadow: 0 .5px var(--logo-color); } /* конец Новое мобильное меню */ /*Портфолио иконки в стиле AppleTV*/ .atv-outer { display: inline-block; /*width: 320px;*/ } .atv-outer .a-image { width: 250px; height: 131px; margin: 0 auto } .a-image { position: absolute; width: 100%; height: 100%; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: cover } .atvImg { border-radius: 5px; transform-style: preserve-3d; } .atvImg img { border-radius: 5px; box-shadow: 0 2px 8px rgba(14, 21, 47, 0.25); } .atvImg-container { position: relative; width: 100%; height: 100%; border-radius: 5px; transition: all 0.2s ease-out; } .atvImg-container.over .atvImg-shadow { box-shadow: 0 45px 100px rgba(14, 21, 47, 0.4), 0 16px 40px rgba(14, 21, 47, 0.4); } .atvImg-layers { position: relative; /*border: 2px solid rgba(230,27,5,.5);*/ border: 2px solid #003333; width: 100%; height: 100%; border-radius: 5px; overflow: hidden; transform-style: preserve-3d; } .atvImg-rendered-layer { position: absolute; width: 104%; height: 104%; top: -2%; left: -2%; background-repeat: no-repeat; background-position: center; background-color: transparent; background-size: cover; transition: all 0.1s ease-out; } .atvImg-shadow { position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; transition: all 0.2s ease-out; box-shadow: 0 8px 30px rgba(14, 21, 47, 0.6); } .atvImg-shine { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 5px; background: linear-gradient(135deg, rgba(255, 255, 255, .25) 0%, rgba(255, 255, 255, 0) 60%); } .portf-title { width: 250px; margin: 0 0 -10px 20px; text-align: center; font-family: corpid; } .portf-title a { color: inherit; font-weight: bold; } #portf figure { width: 250px; float: left; margin-left: 20px; margin-top: 1em; } #portf { display: flex; justify-content: center; } /*конец портфолио иконки в стиле AppleTV*/ /* новая аякс анимация */ .dot1, .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #003333; border-radius: 100%; -webkit-animation: bounce 2.0s infinite ease-in-out; animation: bounce 2.0s infinite ease-in-out; } .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .spinner { width: 80px; height: 80px; position: relative; -webkit-animation: rotate 2.0s infinite linear; animation: rotate 2.0s infinite linear; } @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) } } @keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) } } /* */ .vetka { display: none; width: 250px; height: 304px; position: fixed; bottom: 190px; left: 25px; background: url(/img/newyear.gif); } /* Слайды на стр. создание */ .align-left { float: left; } .slide-in { opacity: 0; transition: all .5s; } .align-left.slide-in { transform: translateX(-30%) scale(0.95); } .slide-in.active { opacity: 1; transform: translateX(0%) scale(1); } /* / Слайды на стр. создание */ /* Контактная форма на главной странице */ #index-form { width: 58.33333%; max-width: 600px; margin: 0 auto; } .help-block { color: #ff0000; } #index-form .field { width: 100%; position: relative; margin-bottom: 15px; } #index-form input, #index-form textarea { width: calc(100% - 10px); } #index-form .field label { /* text-transform: uppercase; */ position: absolute; top: 0; left: 0; background: rgba(0, 51, 51, .8); color: var(--btn-color); width: 100%; padding: 18px; font-size: 1.5vw; letter-spacing: 0.075em; transition: all 333ms ease-in-out; } #index-form .field input[type="text"], #index-form .field input[type="email"], #index-form .field textarea { border: none; background: #E8E9EA; /*width: 80.5%;*/ height: 65px; margin: 0; padding: 18px 0; padding-left: 20.5%; color: #313A3D; font-size: 1.5vw; letter-spacing: 0.05em; /* text-transform: uppercase; */ } #index-form .field input[type="text"]#msg, #index-form .field textarea#msg { /*height: 60px;*/ resize: none; overflow-y: hidden; transition: all 333ms ease-in-out; } #index-form .field input[type="text"]:focus, #index-form .field input[type="email"]:focus, #index-form .field input[type="text"].focused, #index-form .field input[type="email"].focused, #index-form .field textarea:focus, #index-form .field textarea.focused { outline: none; } #index-form .field input[type="text"]:focus#msg, #index-form .field input[type="text"].focused#msg, #index-form .field textarea:focus#msg, #index-form .field textarea.focused#msg { padding-bottom: 200px; } #index-form .field input[type="text"]:focus + label, #index-form .field input[type="email"]:focus + label, #index-form .field input[type="text"].focused + label, #index-form .field input[type="email"].focused + label, #index-form .field textarea:focus + label, #index-form .field textarea.focused + label { width: 18%; background: var(--btn-color); color: #313A3D; } #index-form .field input[type="text"].focused + label, #index-form .field input[type="email"].focused + label, #index-form .field textarea.focused + label { color: var(--btn-color); } #index-form .field:hover label { width: 20%; background: #003333; color: white; } .fill { width: 20% !important; background: #003333 !important; color: white !important; } .control-label[for=indexform-name]::after, .control-label[for=indexform-email]::after, .control-label[for=msg]::after { color: #fff; font-size: 150%; content: '*'; position: absolute; left: 0; top: 0; text-shadow: 1px 0 red; } .success-button { position: relative; /*margin-top: 1vw;*/ background: var(--btn-color); color: white; font-family: latoBold; border: none; /* text-transform: uppercase; */ padding: 13px 30px; font-size: 1.5vw; letter-spacing: 0.1em; font-weight: 300; transition: all 333ms ease-in-out; overflow: hidden; box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1); } /* здесь анимация на кнопке */ .button-anim:before { position: absolute; content: ''; display: inline-block; /*top: -180px;*/ /*left: 0;*/ /*top: 0;*/ width: 30px; height: 30px; background-color: #fff; animation: shiny-btn1 5s ease-in-out infinite; } @-webkit-keyframes shiny-btn1 { 0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; } 80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; } 81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; } 100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; } } /**/ .success-button:hover { cursor: pointer !important; background: #313A3D; color: var(--btn-color); top: -5px; } .success-button:focus { outline: none; background: #cd6302; } /* */ #callback input { font-size: 18px; outline: none; border: none; border-bottom: 1px solid #003333; border-bottom-left-radius: 20px; box-shadow: 0 5px 5px -5px #B2652F; /*outline: none;*/ padding-left: 1em; font-family: corpid; font-weight: bold; width: 250px; margin: 0 auto; } /**/ .politic { font-size: 70%; } .ruble { display: inline-block; padding-left: .3em; font-size: 110% !important; font-weight: bold; text-indent: 0; } mark { background-color: rgba(255, 255, 153, .6); } .arrow::before { border-top-color: #222 !important; } /**/ .grecaptcha-badge { visibility: hidden; } .logo { color: var(--logo-color); } .fa-telegram-plane { font-size: 140% !important; /*color: var(--logo-color);*/ } .no-sh { text-shadow: none !important; } pre { font-weight: bold !important; } abbr { font-size: 100%; } /* Анимация кнопки обратного звонка */ .pulse-button { animation: borderPulse 5s infinite ease-out; } /* Declare border pulse animation */ @keyframes borderPulse { 0% { box-shadow: inset 0px 0px 0px 5px rgba(255, 255, 255, .4), 0px 0px 0px 0px rgba(255, 255, 255, 1); } 10% { box-shadow: inset 0px 0px 2px #fff, 0px 0px 0px 10px rgba(255, 255, 255, 0); } 20% { box-shadow: inset 0px 0px 0px 3px rgba(117, 117, 255, .2), 0px 0px 0px 10px rgba(255, 255, 255, 0); } 100% { box-shadow: inset 0px 0px 0px 3px rgba(117, 117, 255, .2), 0px 0px 0px 10px rgba(255, 255, 255, 0); } } /**/ .lang-block { position: absolute; background: lime; /*bottom: .5em;*/ left: .5em; top: 100%; display: flex; } .language-html5 { display: inline-block; width: 40px; height: 40px; background-image: url('data:image/svg+xml;charset=UTF-8,'); } .fa-css3 { position: absolute; left: 30px; top: 150px; font-size: 200%; color: #254BDD; } .fa-js { position: absolute; left: 66px; top: 150px; font-size: 200%; color: #F7DF1E; } /* табля скартинками фреймворков */ .ftab td, .ftab th { text-align: center; width: 80px; } /**/ .cursor-default { cursor: default; } .cursor-pointer { cursor: pointer; } /**/ .user-block { height: 40px; } .user-block a, user-block a:active, user-block a:visited { color: #000 !important; } .user-block div { height: 40px; line-height: 40px; } .user-block .avatar { width: 40px; height: 40px; } /*.user-block .fa-user-circle{ font-size: 30px; line-height: 40px; }*/ .user-block .external-link { width: 20px; height: 40px; line-height: 40px; /*color: #666;*/ display: inline-block; } /*.user-block .external-link path{ fill: #777; }*/ .username { display: inline-block; max-width: 24em; overflow: hidden; text-overflow: ellipsis; } .no-avatar { display: block; width: 40px; height: 40px; /*background: lime;*/ background-size: 30px; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='iso-8859-1'?%3e%3csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 487.6 487.6' style='fill:%23999999;' xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath d='M0,243.8c0,134.4,109.4,243.8,243.8,243.8s243.8-109.4,243.8-243.8S378.2,0,243.8,0C109.4,0,0,109.4,0,243.8z M101.9,410.8c36-24.3,66.9-39.9,76-44.4c5.5-2.7,9-8.2,9-14.4v-30.6c0-2.2-0.6-4.3-1.7-6.2c-6.2-10.5-10.5-23.1-12.7-37.4 c-0.7-4.8-4.3-8.7-8.8-9.9c-1.2-1.5-4.6-6.7-8.9-21.8c-3.4-12-3.4-17.9-3.1-20.3c3.7,0,7.3-1.7,9.6-4.7c2.6-3.3,3.3-7.7,1.9-11.6 c-4.8-13.6-5.4-27.5-1.7-41.7c3.2-13.6,10.5-26.4,21.8-38c6.1-6.5,13.1-12.3,20.6-17c0.1-0.1,0.3-0.2,0.4-0.3 c6.3-4.4,12.8-7.7,19.3-9.9h0.1c5.5-1.9,11.2-2.9,17.3-3.2c16.4-1.4,31.1,1.6,44,9.3c14.2,7.8,19.9,18,19.9,18 c2,3.8,5.8,6.3,10,6.6c0.1,0,5.5,1,10.4,7.4c5.8,7.7,14,27.7,4,76c-1.1,5.5,1.6,11,6.5,13.4c0.4,1.9,0.9,7.7-2.9,21.2 c-3.4,12-6.2,17.7-7.9,20.3c-2.1-0.3-4.4,0-6.4,0.8c-3.8,1.6-6.6,5.1-7.3,9.1c-2,11.3-5.1,21.4-9.3,30c-0.8,1.7-1.2,3.5-1.2,5.3 v35.4c0,6.2,3.4,11.7,9,14.4c9.2,4.5,40.1,20.2,76,44.4c-38.3,32.6-87.8,52.3-141.9,52.3C189.7,463.1,140.2,443.4,101.9,410.8z M243.8,24.5c120.9,0,219.3,98.4,219.3,219.3c0,57.8-22.5,110.5-59.2,149.7c-34.3-23.5-64.8-39.8-78.6-46.7v-27.4 c3.3-7.2,6-15.2,8-23.7c9.8-3.7,16.7-15.1,23.2-38c5.9-20.9,5.4-35.6-1.6-44c7.3-40.1,4-69.7-9.9-88c-7.2-9.6-15.6-13.8-21.4-15.6 c-4.1-5.8-12.4-15.2-26.2-22.8c-17.1-10.1-36.7-14.3-57.8-12.5c-8,0.4-15.9,1.9-23.6,4.5h-0.1c-8.6,2.9-17,7.2-25.1,12.8 c-9.2,5.9-17.7,12.9-25,20.6c-14.4,14.7-23.8,31.3-27.9,49c-3.8,14.6-4.2,29.2-1.1,43.6c-1.3,1-2.6,2.1-3.7,3.5 c-7.2,8.7-7.8,22.6-1.8,43.9c4,14.1,9.2,28.6,18.2,35.3c2.7,13.5,7,25.8,12.9,36.6v22.2c-13.7,6.9-44.3,23.2-78.6,46.7 c-36.7-39.2-59.3-91.9-59.3-149.7C24.5,122.9,122.9,24.5,243.8,24.5z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3c/svg%3e "); } #logoutDialog { width: 20em; height: 8em; border: 2px solid red; border-radius: 3px; box-shadow: 0 0 30px #fff; left: calc(50% - 10em); top: calc(50% - 4em); letter-spacing: 2px; } #logoutDialog form { display: flex; flex-direction: column; justify-content: center; } #logoutDialog form button { font-weight: bold; letter-spacing: 2px; } #logoutDialog::backdrop { background: rgba(0, 0, 0, .7); } .check-bold { display: inline-block; width: 24px; height: 24px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 24 24'%3e%3cpath d='M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z' /%3e%3c/svg%3e"); } .asterisk { display: inline-block; width: 20px; height: 20px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='red' xmlns='http://www.w3.org/2000/svg' id='mdi-asterisk' viewBox='0 0 24 24'%3e%3cpath d='M21 13H14.4L19.1 17.7L17.7 19.1L13 14.4V21H11V14.3L6.3 19L4.9 17.6L9.4 13H3V11H9.6L4.9 6.3L6.3 4.9L11 9.6V3H13V9.4L17.6 4.8L19 6.3L14.3 11H21V13Z' /%3e%3c/svg%3e"); } .file-document-outline { display: inline-block; width: 20px; height: 20px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' id='mdi-file-document-outline' viewBox='0 0 24 24'%3e%3cpath d='M6,2A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2H6M6,4H13V9H18V20H6V4M8,12V14H16V12H8M8,16V18H13V16H8Z' /%3e%3c/svg%3e"); } .wordpress { display: inline-block; width: 50px; height: 50px; background-image: url('data:image/svg+xml;charset=UTF-8,'); } .drupal { display: inline-block; width: 50px; height: 50px; background-image: url('data:image/svg+xml;charset=UTF-8,'); } .react { display: inline-block; width: 50px; height: 50px; background-image: url('data:image/svg+xml;charset=UTF-8,'); } /**/ #tg-btn-outher { display: none; position: fixed; z-index: 10000000000; right: 3em; /*bottom: 200px;*/ bottom: 3em; } .tg-btn { width: 3em; height: 3em; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' ?%3e%3csvg style='enable-background:new 0 0 512 512;' version='1.1' viewBox='0 0 512 512' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg id='_x33_35-telegram'%3e%3cg%3e%3cg%3e%3cpath d='M484.689,98.231l-69.417,327.37c-5.237,23.105-18.895,28.854-38.304,17.972L271.2,365.631 l-51.034,49.086c-5.646,5.647-10.371,10.372-21.256,10.372l7.598-107.722L402.539,140.23c8.523-7.598-1.848-11.809-13.247-4.21 L146.95,288.614L42.619,255.96c-22.694-7.086-23.104-22.695,4.723-33.579L455.423,65.166 C474.316,58.081,490.85,69.375,484.689,98.231z' style='fill:%2320A0E1;'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg id='Layer_1'/%3e%3c/svg%3e"); } .form-loader { display: none; width: 24px; height: 24px; margin-right: 14px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M12 19C13.1 19 14 19.9 14 21S13.1 23 12 23 10 22.1 10 21 10.9 19 12 19M12 1C13.1 1 14 1.9 14 3S13.1 5 12 5 10 4.1 10 3 10.9 1 12 1M6 16C7.1 16 8 16.9 8 18S7.1 20 6 20 4 19.1 4 18 4.9 16 6 16M3 10C4.1 10 5 10.9 5 12S4.1 14 3 14 1 13.1 1 12 1.9 10 3 10M6 4C7.1 4 8 4.9 8 6S7.1 8 6 8 4 7.1 4 6 4.9 4 6 4M18 16C19.1 16 20 16.9 20 18S19.1 20 18 20 16 19.1 16 18 16.9 16 18 16M21 10C22.1 10 23 10.9 23 12S22.1 14 21 14 19 13.1 19 12 19.9 10 21 10M18 4C19.1 4 20 4.9 20 6S19.1 8 18 8 16 7.1 16 6 16.9 4 18 4Z' /%3e%3c/svg%3e"); animation: loader-spin 1s linear 0s infinite; } @keyframes loader-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /**/ @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .row { margin-right: -15px; margin-left: -15px; } .col-sm-3, .col-xs-6 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-6 { float: left; } .col-xs-6 { width: 50%; } @media (min-width: 768px) { .col-sm-3 { float: left; } .col-sm-3 { width: 25%; } } .container:before, .container:after, .row:before, .row:after { display: table; content: " "; } .container:after, .row:after { clear: both; } * { margin: 0; padding: 0; outline: 0; } *:focus { outline: 0; } .servise-list-box { background: lime; position: relative; z-index: 4 } .servise-list-box .container { padding-top: 0px; padding-bottom: 0px; } .servise-list__item-box { position: relative; } .servise-list__item { text-align: center; display: block; position: relative; text-decoration: none; overflow: hidden; -webkit-transition: background 0.3s; transition: background 0.3s; } .servise-list__item * { -webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; -ms-transition: .2s linear; transition: .2s linear; } .servise-list__icon { margin-bottom: 20px; display: flex; justify-content: center; border-bottom: 5px solid #ede056; } .servise-list__title { color: #fff; padding-bottom: 20px; } .servise-title__name { font-size: 27px; font-weight: 300; margin-bottom: 5px; } .servise-title__price { font-size: 27px; font-weight: 300; position: relative; } .servise-title__price:after { content: ''; width: 118px; height: 2px; background: lime; position: absolute; bottom: -5px; left: 0; right: 0; margin: 0 auto; opacity: 0; } .servise-title__price .rub-i { font-size: 42px; } .servise-title__count { font-size: 43px; font-weight: 700; } .servise-list__mask { padding: 0 10px; height: 0; width: 100%; -webkit-transition-delay: 0.25s; transition-delay: 0.25s; text-align: right; } .mask-title { opacity: 0; text-align: left; padding: 0 10px; color: #fff; font-size: 20px; line-height: 1.42857143; } .mask-button { position: absolute; width: 174px; text-align: center; left: 0; right: 0; bottom: 20px; margin: 0 auto; display: inline-block; opacity: 0; } .mask-button span { color: #191515; padding: 8px 10px 7px; font-size: 19px; padding-right: 20px; border-radius: 15px; background: url(https://kaliningrad.kontur-lite.ru/themes/template/images/info-slogan__item-button-arrow.png) right 13px center no-repeat #fff; display: block; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .mask-button span:hover { background: #fabf36; } .servise-list__item-box { height: 255px; } .servise-list__item:hover { background: blue; overflow: inherit; } .servise-list__item:hover .servise-list__icon { border-bottom: 0; padding: 42px 0px 36px; margin-top: -35px; } .servise-list__item:hover .servise-title__name { color: #f3e15b; } .servise-list__item:hover .servise-title__price:after { opacity: 1; } .servise-list__item:hover .servise-list__mask { height: 190px; } .servise-list__item:hover .mask-title { opacity: 1; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .servise-list__item:hover .mask-button { opacity: 1; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } @media (max-width: 1199px) { .servise-title__name { font-size: 22px; } .servise-title__count { font-size: 42px; } .mask-title { font-size: 17px; } } @media (max-width: 991px) { .servise-title__name { font-size: 18px; } .servise-title__price { font-size: 25px; } .servise-title__count { font-size: 32px; } .servise-title__price .rub-i { font-size: 31px; } .servise-list__item-box { height: auto; } .servise-list__item:hover { background: transparent; } .servise-list__item:hover .servise-list__icon { background: none; margin-top: 0px; margin-bottom: 20px; padding-bottom: 15px; padding: 30px 0px 25px; border-bottom: 5px solid #ede056; } .servise-list__item:hover .servise-title__name { color: #fff; } .servise-list__item:hover .servise-title__price:after { display: none; } .servise-list__item:hover .servise-list__mask { height: 0px; } .servise-list__item:hover .mask-title { display: none; } .servise-list__item:hover .mask-button { display: none; } } @media (max-width: 767px) { .servise-list-box .container { padding-top: 10px; padding-bottom: 10px; } .servise-list-box { margin-top: 0; } .servise-list__item:hover .servise-list__icon { padding: 25px 0px 20px; margin-bottom: 15px; } .servise-list__icon { padding: 25px 0px 20px; margin-bottom: 15px; } .servise-title__name { font-size: 22px; } .servise-title__price { font-size: 24px; } .servise-title__count { font-size: 40px; display: inline-block; } .servise-title__price .rub-i { font-size: 24px; } } @media (max-width: 460px) { .servise-list-box .container { padding-top: 0px; padding-bottom: 0px; } .servise-list__item:hover .servise-list__icon { padding: 15px 0px 10px; margin-bottom: 10px; } .servise-list__icon { padding: 15px 0px 10px; margin-bottom: 10px; } .servise-title__name { font-size: 14px; } .servise-title__count { font-size: 27px; } .servise-title__price { font-size: 18px; } .servise-title__price .rub-i { font-size: 18px; } } a:focus, a { outline: none; } *, *::before, *::after { margin: 0; padding: 0; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; } :focus { outline: none; } .container { padding: 0 15px; } @media (max-width: 767px) { .servise-list-box { display: none; } } .servise-list-box { z-index: 11; }