/**** /////// Default Style /////// ****/ html{overflow-y: scroll;} 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, label, 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; font-size: 100%; font: inherit; vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ body { font-size: 16px; line-height: normal; font-family: 'Roboto', sans-serif; font-weight: 400; color: #4D4D4D; background-color: #faf9f9; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; position: relative; width: 100%; float: left; } blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} body *{-webkit-text-size-adjust:none;} .clear{clear:both; overflow:hidden; height:0px; font-size:0px; display: block;} input:focus, select:focus, textarea:focus, button:focus {outline: none;} input, textarea, select{font-weight: 400; -webkit-appearance: none; appearance: none; border-radius: 0; background: none; border: none; margin: 0; width: 100%;} textarea{display: block; resize: none; overflow: auto;} input[type="submit"]{position: absolute; left: 0; top: 0; width:100%; height:100%; opacity:0; border:none; cursor:pointer; z-index: 1;} input[type="file"]{ cursor: pointer; z-index: 1; border: none; background: none; } ::selection {background:#6698fe;color:#fff;} ::-moz-selection {background:#6698fe;color:#fff;} ::-webkit-selection {background:#6698fe;color:#fff;} a{ transition: .5s; color: #6698fe; text-decoration: underline; } a:hover { color:#6698fe; } a:active, a:hover{cursor: pointer; text-decoration: none; outline: none;} .text-decoration-none, .text-decoration-none a{ text-decoration: none; } ul { margin: 0 0 20px 0; padding: 0 0 0 30px; } ol { padding: 0 0 0 40px; margin: 0 0 20px 0; } ul li, ol li{ position: relative; } ul li{ list-style: circle; } ol li{ list-style: decimal-leading-zero; } ul{ padding: 0; } body .fancybox-slide { z-index: 99; } body .jGrowl.top-right { right: 0; top: 0; z-index: 99999; } .content-page ol{ position: relative; } .content-page ol li{ margin: 6px 0 6px 0; } .content-page ul { padding: 0; } .content-page ul li{ position: relative; display: table; width: auto; padding: 0 0 0 40px; margin: 6px 0 6px 0; list-style: none; } .content-page ul li:before{ content: ""; position: absolute; display: block; left: 16px; top: 3px; line-height: 16px; font-weight: 900; width: 12px; height: 12px; border: #ded7d9 3px solid; background: #fff; border-radius: 100%; } blockquote{ position: relative; display: block; padding: 25px 20px 10px 30px; margin: 0 0 15px 0; overflow: hidden; border-radius: 0 3px 3px 0; } blockquote:after{ transition: .5s; content: ""; position: absolute; display: block; height: 100%; width: 4px; left: 0; top: 0; background: #FFD6D7; } blockquote:hover:after{ background: #6698FE; } blockquote:before{ content: ""; position: absolute; display: block; width: 100%; height: 100%; background: #FFD6D7; left: 0; top: 0; z-index: -1; } table{ position: relative; overflow-x: auto; width: 100%; margin: 0 0 15px 0; overflow: visible; } table tr{ transition: .3s; background: #f9f4f4; } table tr td{ padding: 5px 10px; } @media screen and (max-width: 640px) { table { overflow-x: auto; display: block; } } .content-page blockquote ul { padding: 0 0 0 0px; } .content-page blockquote ul li:before { content: ""; position: absolute; display: block; left: 0; top: 7px; line-height: 16px; font-weight: 900; width: 5px; height: 5px; background: #6698FE; opacity: .3; border-radius: 100%; } .section{ position: relative; display: block; width: 100%; float: left; } .content-page { position: relative; display: block; clear: both; width: 100%; z-index: 2; } .content-page a{ color: #6698fe; } em{ font-style: italic; } b, strong{font-weight: 700;} .sup{ top: -6px; display: inline-block; position: relative; font-size: 60%; color: #6698fe; } p { margin: 0 0 10px 0; } img{ max-width: 100%; } .img-gackground{ background-repeat: no-repeat; background-position: center; background-size: cover; } .overlay-layout{ position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; } .divider{ position: relative; display: block; width: 100%; clear: both; height: 1px; } .b-100vh{ width: 100vw; max-width: 100%; height: 100vh; margin: 0; } @media (max-width: 812px) { .b-100vh { height: initial; } } .b-50vh{ height: 50vh; } .b-250vh{ height: 250vh; } .b-33vh{ height: 33.333vh; } .float-none{ float: none; } .left{ float: left; } .right{ float: right; } .float-none{ float: none; } .left{ float: left; } .right{ float: right; } .min-height-50{ min-height:50px; } .min-height-60{ min-height:60px; } .min-height-70{ min-height:70px; } .min-height-80{ min-height:80px; } .min-height-80{ min-height:80px; } .min-height-90{ min-height:90px; } .min-height-100{ min-height:100px; } .min-height-110{ min-height:110px; } .min-height-120{ min-height:120px; } .min-height-130{ min-height:130px; } .min-height-140{ min-height:140px; } .min-height-150{ min-height:150px; } .min-height-160{ min-height:160px; } .min-height-170{ min-height:170px; } .min-height-180{ min-height:180px; } .min-height-190{ min-height:190px; } .min-height-200{ min-height:200px; } .opacity-100{ opacity: 1; } .opacity-95{ opacity: .95; } .opacity-9{ opacity: .9; } .opacity-8{ opacity: .8; } .opacity-7{ opacity: .7; } .opacity-6{ opacity: .6; } .opacity-5{ opacity: .5; } .opacity-4{ opacity: .4; } .opacity-3{ opacity: .3; } .opacity-2{ opacity: .2; } .opacity-1{ opacity: .1; } .opacity-0{ opacity: 0; } .nomargin { margin: 0 !important; } .nopadding { padding: 0 !important; } .left0{ left:0; } .right0{ right:0; } .top0{ top:0; } .bottom0{ bottom:0; } .mt--1{ margin-top: -1px; } .mt--10{ margin-top: -10px; } .mt--20{ margin-top: -20px; } .mt--30{ margin-top: -30px; } .mt--40{ margin-top: -40px; } .mt--50{ margin-top: -50px; } .mt--60{ margin-top: -60px; } .mt--70{ margin-top: -70px; } .mt--80{ margin-top: -80px; } .mt--90{ margin-top: -90px; } .mt--100{ margin-top: -100px; } .mb--1{ margin-bottom: -1px; } .mb--10{ margin-bottom: -10px; } .mb--20{ margin-bottom: -20px; } .mb--30{ margin-bottom: -30px; } .mb--40{ margin-bottom: -40px; } .mb--50{ margin-bottom: -50px; } .mb--60{ margin-bottom: -60px; } .mb--70{ margin-bottom: -70px; } .mb--80{ margin-bottom: -80px; } .mb--90{ margin-bottom: -90px; } .mb--100{ margin-bottom: -100px; } .mt-0 { margin-top: 0 !important; } .mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-30 { margin-top: 30px; } .mt-40 { margin-top: 40px; } .mt-50 { margin-top: 50px; } .mt-60 { margin-top: 60px; } .mt-70 { margin-top: 70px; } .mt-80 { margin-top: 80px; } .mt-90 { margin-top: 90px; } .mt-100 { margin-top: 100px; } .mt-110 { margin-top: 110px; } .mt-120 { margin-top: 120px; } .mt-130 { margin-top: 130px; } .mt-140 { margin-top: 140px; } .mt-150 { margin-top: 150px; } .mt-160 { margin-top: 160px; } .mt-170 { margin-top: 170px; } .mt-180 { margin-top: 180px; } .mt-190 { margin-top: 190px; } .mt-200 { margin-top: 200px; } .mb--1{ margin-bottom: -1px; } .mb-0 { margin-bottom: 0 !important; } .mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .mb-40 { margin-bottom: 40px; } .mb-50 { margin-bottom: 50px; } .mb-60 { margin-bottom: 60px; } .mb-70 { margin-bottom: 70px; } .mb-80 { margin-bottom: 80px; } .mb-90 { margin-bottom: 90px; } .mb-100 { margin-bottom: 100px; } .mb-110 { margin-bottom: 110px; } .mb-120 { margin-bottom: 120px; } .mb-130 { margin-bottom: 130px; } .mb-140 { margin-bottom: 140px; } .mb-150 { margin-bottom: 150px; } .mb-160 { margin-bottom: 160px; } .mb-170 { margin-bottom: 170px; } .mb-180 { margin-bottom: 180px; } .mb-190 { margin-bottom: 190px; } .mb-200 { margin-bottom: 200px; } .pt-0 { padding-top: 0; } .pt-5 { padding-top: 5px; } .pt-10 { padding-top: 10px; } .pt-15 { padding-top: 15px; } .pt-20 { padding-top: 20px; } .pt-30 { padding-top: 30px; } .pt-40 { padding-top: 40px; } .pt-50 { padding-top: 50px; } .pt-60 { padding-top: 60px; } .pt-70 { padding-top: 70px; } .pt-80 { padding-top: 80px; } .pt-90 { padding-top: 90px; } .pt-100 { padding-top: 100px; } .pt-110 { padding-top: 110px; } .pt-120 { padding-top: 120px; } .pt-130 { padding-top: 130px; } .pt-140 { padding-top: 140px; } .pt-150 { padding-top: 150px; } .pt-160 { padding-top: 160px; } .pt-170 { padding-top: 170px; } .pt-180 { padding-top: 180px; } .pt-190 { padding-top: 190px; } .pt-200 { padding-top: 200px; } .pt-210 { padding-top: 210px; } .pt-220 { padding-top: 220px; } .pt-230 { padding-top: 230px; } .pt-240 { padding-top: 240px; } .pt-250 { padding-top: 250px; } .pt-260 { padding-top: 260px; } .pt-270 { padding-top: 270px; } .pt-280 { padding-top: 280px; } .pt-290 { padding-top: 290px; } .pt-300 { padding-top: 300px; } .pb-0 { padding-bottom: 0; } .pb-5 { padding-bottom: 5px; } .pb-10 { padding-bottom: 10px; } .pb-15 { padding-bottom: 15px; } .pb-20 { padding-bottom: 20px; } .pb-30 { padding-bottom: 30px; } .pb-40 { padding-bottom: 40px; } .pb-50 { padding-bottom: 50px; } .pb-60 { padding-bottom: 60px; } .pb-70 { padding-bottom: 70px; } .pb-80 { padding-bottom: 80px; } .pb-90 { padding-bottom: 90px; } .pb-100 { padding-bottom: 100px; } .pb-110 { padding-bottom: 110px; } .pb-120 { padding-bottom: 120px; } .pb-130 { padding-bottom: 130px; } .pb-140 { padding-bottom: 140px; } .pb-150 { padding-bottom: 150px; } .pb-160 { padding-bottom: 160px; } .pb-170 { padding-bottom: 170px; } .pb-180 { padding-bottom: 180px; } .pb-190 { padding-bottom: 190px; } .pb-200 { padding-bottom: 200px; } .pb-210 { padding-bottom: 210px; } .pb-220 { padding-bottom: 220px; } .pb-230 { padding-bottom: 230px; } .pb-240 { padding-bottom: 240px; } .pb-250 { padding-bottom: 250px; } .pb-260 { padding-bottom: 260px; } .pb-270 { padding-bottom: 270px; } .pb-280 { padding-bottom: 280px; } .pb-290 { padding-bottom: 290px; } .pb-300 { padding-bottom: 300px; } .plr-0{ padding-left: 0; padding-right: 0; } .plr-1{ padding-left: 1px; padding-right:1px; } .plr-2{ padding-left: 2px; padding-right:2px; } .plr-3{ padding-left: 3px; padding-right:3px; } .plr-4{ padding-left: 4px; padding-right: 4px; } .plr-5{ padding-left: 5px; padding-right: 5px; } .plr-10{ padding-left: 10px; padding-right: 10px; } .plr-15{ padding-left: 15px; padding-right: 15px; } .plr-20{ padding-left: 20px; padding-right: 20px; } .plr-26{ padding-left: 26px; padding-right: 26px; } .plr-30{ padding-left: 30px; padding-right: 30px; } .plr-40{ padding-left: 40px; padding-right: 40px; } .plr-50{ padding-left: 50px; padding-right: 50px; } .plr-60{ padding-left: 60px; padding-right: 60px; } .plr-70{ padding-left: 70px; padding-right: 70px; } .plr-80{ padding-left: 80px; padding-right: 80px; } .plr-90{ padding-left: 90px; padding-right: 90px; } .plr-100{ padding-left: 100px; padding-right: 100px; } .plr-110{ padding-left: 110px; padding-right: 110px; } .plr-120{ padding-left: 120px; padding-right: 120px; } .plr-130{ padding-left: 130px; padding-right: 130px; } .plr-140{ padding-left: 140px; padding-right: 140px; } .plr-150{ padding-left: 150px; padding-right: 150px; } .plr-160{ padding-left: 160px; padding-right: 160px; } .plr-170{ padding-left: 170px; padding-right: 170px; } .plr-180{ padding-left: 180px; padding-right: 180px; } .plr-190{ padding-left: 190px; padding-right: 190px; } .plr-200{ padding-left: 200px; padding-right: 200px; } .pl-0{ padding-left: 0px; } .pl-10{ padding-left: 10px; } .pl-20{ padding-left: 20px; } .pl-30{ padding-left: 30px; } .pl-40{ padding-left: 40px; } .pl-50{ padding-left: 50px; } .pl-60{ padding-left: 60px; } .pr-10{ padding-right: 10px; } .pr-20{ padding-right: 20px; } .pr-30{ padding-right: 30px; } .pr-40{ padding-right: 40px; } .pr-50{ padding-right: 50px; } .pr-60{ padding-right: 60px; } @media (max-width: 500px) { .no-mobile-500{ display: none; } } @media (max-width: 800px) { .no-mobile-800{ display: none; } } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } .clear { clear: both; } .fixed{ position: fixed; display: block; width: 100%; height:100%; left: 0; top:0; } .container{ max-width: 1240px; } .overlow-hidden{ overflow: hidden; } .block{ display: block; } .inline-block{ display: inline-block; } .auto{ width: auto; } .float-none{ float: none; } .relative{ position: relative; } .absolute{ position: absolute; } .absolute-title{ position: absolute; } .text-center{ text-align: center; } .text-left{ text-align: left; } .text-right{ text-align: right; } h1, .h1-title, h2, .h2-title, h3, .h3-title, h4, .h4-title, h5, .h5-title, h6, .h6-title { position: relative; margin: 0 0 10px 0; } .h1-title.xxxxxxbig { font-size: 12rem;} .h1-title.xxxxxbig { font-size: 10rem;} .h1-title.xxxxbig { font-size: 8.8rem;} .h1-title.xxxbig { font-size: 6.8rem;} .h1-title.xxbig { font-size: 4.8rem;} .h1-title.xbig { font-size: 3.8rem;} .h1-title.big { font-size: 2.7rem;} .h2-title.big { font-size: 2.4rem;} .h3-title.big { font-size: 2.2rem;} .h1-title { font-size: 2rem;} .h2-title { font-size: 1.4rem;} .h3-title { font-size: 1.4rem;} .h4-title { font-size: 1rem;} .h5-title { font-size: 14px;} .h6-title { font-size: 14px;} h1 { font-size: 2rem;font-weight: 600;} h2 { font-size: 1.4rem;font-weight: 600;} h3 { font-size: 1.1rem;font-weight: 600;} h4 { font-size: 1rem;font-weight: 600;} h5 { font-size: 1rem;font-weight: 600;} h6 { font-size: 1rem;font-weight: 600;} .content-page h1, .content-page h2, .content-page h3, .content-page h4, .content-page h5, .content-page h6 { position: relative; } .h1-title, .h2-title, .h4-title, .h3-title{ z-index: 1; line-height: normal; } @media (max-width: 812px) { .h1-title { font-size: 1.6rem;} .h2-title { font-size: 1.4rem;} .h3-title { font-size: 1.2rem;} .h4-title { font-size: 1rem;} .h5-title { font-size: 14px;} .h6-title { font-size: 14px;} h1 { font-size: 1.6rem;font-weight: 500;} h2 { font-size: 1.4rem;font-weight: 500;} h3 { font-size: 1.2rem;font-weight: 500;} h4 { font-size: 1rem;} h5 { font-size: 1rem;} h6 { font-size: 1rem;} } .z-index-1{ z-index:-1; } .z-index0{ z-index:0; } .z-index1{ z-index:1; } .z-index9{ z-index:9; } .z-index99{ z-index:99; } .z-index999{ z-index:9999; } .z-index999{ z-index:9999; } .bold{ font-weight: bold; } .light{ font-weight: 400; } .lowercase{ text-transform: lowercase; } .uppercase{ text-transform: uppercase; } .small-text{ font-size: 90%; } .font-italic{ font-style: italic; } .font-wight-100{ font-weight: 100; } .font-wight-200{ font-weight: 200; } .font-wight-300{ font-weight: 300; } .font-wight-400{ font-weight: 400; } .font-wight-500{ font-weight: 500; } .font-wight-600{ font-weight: 600; } .font-wight-700{ font-weight: 700; } .font-wight-700{ font-weight: 700; } .font-wight-800{ font-weight: 800; } .font-wight-900{ font-weight: 900; } .hide-scroll{ opacity:0; } .fade-scroll{ opacity:1; } .white-layer { position:absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; } .blue-layer { position:absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; background-color:#6698FE; } .dark-color{ color: #000; } .dark-bg{ background-color:#4d4d4d; } .green-bg{ background-color: #26ad48; } .blue-bg{ background-color:#6698FE; } .blue-color, a.blue-color, .blue-color a{ color:#6698FE; } .light-bg{ background-color:#F0EDEE; } .light-color, a.light-color, .light-color a{ color: #cec3c6; } .fff-bg{ background-color: #fff; } .white-bg{ background-color: #faf9f9; } .white-color, a.white-color, .white-color a{ color:#fff; } .fbox-link img{ transition: .3s; height: auto; max-width: calc(100% - 6px); background: #fff; padding: 3px; margin: 3px 6px; border-radius: 3px; } .fbox-link:hover img{ opacity: .8; background: #f0edee; } .background-image{ background-repeat: no-repeat; background-size: cover; background-position: center; } .pattern:before{ content: ""; position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; background: rgb(240,237,238); background: -moz-linear-gradient(180deg, rgba(240,237,238,1) 18%, rgba(240,237,238,0) 100%); background: -webkit-linear-gradient(180deg, rgba(240,237,238,1) 18%, rgba(240,237,238,0) 100%); background: linear-gradient(180deg, rgba(240,237,238,1) 18%, rgba(240,237,238,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0edee",endColorstr="#f0edee",GradientType=1); } .bg-shema-right{ background-position: right center; background-size: auto 370px; background-repeat: no-repeat; background-image: url(/assets/des/microshema-right.png); } .bg-shema-left{ background-position: left center; background-size: auto 370px; background-repeat: no-repeat; background-image: url(/assets/des/microshema-left.png); } .round-200{ border-radius: 200px; } .round-100{ border-radius: 100px; } .round-50{ border-radius: 50px; } .round-10{ border-radius: 10px; } .round-4{ border-radius: 4px; } .btn { text-decoration: none; color: !important; outline: none; transition: .5s; box-shadow: 0 5px 5px rgba(0,0,0,.05); } .btn:hover{ box-shadow: 0 15px 30px -5px rgba (91,106,122,.55); } @media (max-width: 991px) { .hide-991 { display: none; } } /**** /////// END Default Style /////// ****/ header { position: relative; z-index: 9999; } .template-1 .header-top{ position: absolute; background: none; z-index: 9; } .header-top{ width: 100%; left: 0; top:0; background: #f0edee; font-size: 14px; } .header-top .kontakti-top span, .header-top .kontakti-top a{ position: relative; display: inline-block; color: #4d4d4d; text-decoration: none; background: #fff; border-radius: 20px; padding: 6px 12px 3px 12px; box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.16); border: #f0edee 2px solid; } .header-top .kontakti-top a:hover{ background: #6698fe; color: #fff; } .logo{ position: relative; text-decoration: none; } .logo img{ max-width: 120px; } .logo .text-logo{ position: relative; } .logo .title-logo{ position: relative; } .logo .title-logo.logo-big{ color: #6698fe; font-size: 60px; } @media (max-width: 991px) { .logo .title-logo.logo-big { font-size: 50px; } .logo .title-logo { position: relative; } } .logo .title-logo.logo-small{ color: #4d4d4d; } .logo.pages.logo img { max-width: 70px; } .logo.pages .title-logo.logo-big { color: #6698fe; font-size: 24px; } .logo.pages .title-logo.logo-small { color: #000; font-size: 11px; line-height: 11px; font-weight: 500; } .btn.zakaz-page{ padding: 10px 20px; font-size: 12px; font-weight: 600; } .btn.zakaz-page:hover{ background: #6698fe; color: #fff; } @media (max-width: 991px) { .logo.pages.logo img { max-width: 60px; margin: 0 auto; position: relative; display: block; } .logo.pages .title-logo, .logo.pages .title-logo.logo-big { font-size: 20px; } .logo.pages .title-logo.logo-small{ font-size: 10px; line-height: 10px; } .btn.zakaz-page{ position: relative; display: block; margin: 0 auto; max-width: 300px; } } .head-page{ position: relative; padding-top: 0; padding-bottom: 70px; background-color: #000; } .head-page:after{ content: ""; position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; background: #f0edee; z-index: 0; opacity: .65; } .head-page .container{ position: relative; z-index: 2; } .counter{ } .counter button, .counter input{ display: inline-block; width: auto; } .counter button { font-size: 10px; font-weight: 400; border-radius: 0; padding: 2px 6px; background: #333; } .counter input{ display: inline-block; width: 60px; border: #f0edee 1px solid; padding: 2px 4px; text-align: center; line-height: normal; } form .counter button:after, form .counter .button:after { display: none;; } #korzina{ transition: .3s; position: fixed; display: block; z-index: 999999; overflow: hidden; top: 50%; right: 0; font-size: 22px; } .korzina-block{ transition: .3s; position: relative; display: block; color: #faf9f9; background: #6698fe; padding: 14px 10px 10px 10px; overflow: hidden; border-right: 0; border-radius: 5px 0 0 5px; } .korzina-block:hover{ color: #faf9f9; padding-right: 20px; } .korzina-block.empty{ opacity: 0; right: -100%; } .korzina-block.not_empty{ opacity: 1; right: 0; } .korzina-block i{ position: relative; display: inline-block; right: -5px; } .korzina-block .countzakaz{ position: relative; display: inline-block; font-size: 11px; height: 20px; width: 20px; line-height: 20px; text-align: center; font-family: sans-serif; top: -10px; background: #ff0606; color: #fff; padding: 0; border-radius: 100%; } .korzina-block:hover .countzakaz{ color: #fff; } #fix-menu{ transition: .3s; position: absolute; display: block; height: auto; z-index: 99; width: 100%; padding: 10px 0 0 0; left: 0; bottom: 0; } #fix-menu.fixed{ transition: .3s; position: fixed; display: block; min-height: 45px; background-color: #f0edee; padding: 0; bottom: auto; width: 100%; z-index: 99; box-shadow: 0 10px 10px -10px rgba(91,106,122,.3); } .header-nav .small-logo{ display:none; } #fix-menu.fixed .header-nav .small-logo{ display: table-caption; vertical-align: middle; position: relative; text-decoration: none; float: left; } .small-logo .title-small-logo{ position: relative; display: inline-block; vertical-align: top; top: 14px; margin: 0 0 0 5px; text-transform: uppercase; font-weight: 900; } #fix-menu.fixed .header-nav .small-logo img{ padding: 0; top: 2px; position: relative; width: 45px; } .header-nav{ position: relative; padding: 0; } .header-nav li{ display: inline-block; list-style: none; padding: 0 1px; margin: 0; } #fix-menu.fixed .menu { max-width: calc(100% - 70px); width: 100%; float: right; } #fix-menu.fixed .menu li a{ padding: 12px 4px 12px 4px; } .menu{ position: relative; display: block; width: 100%; margin: 0; padding: 0; text-align: center; } .menu li { background: #f0edee; } .menu li a{ display: inline-block; text-decoration: none; text-transform: uppercase; color: #4d4d4d; padding: 15px 4px 10px 4px; } .menu li a span, .menu li i{ position: relative; z-index: 1; } .menu li:hover, .menu li:hover > a, .menu li > a.active{ color: #6698fe; } .menu li:hover a:before, .menu li a.active:before{ content: ""; position: absolute; display: block; z-index: 0; width: 100%; height: 100%; background-color: #faf9f9; left: 0; top: 0; } .menu li a.active + .podrazdel a { color: #4d4d4d; } .menu li a.active { font-weight: 600; } .podrazdel{ position: absolute; display: none; top: 100%; left: 0; margin: 0 ; width: 100%; box-shadow: 0 14px 14px -10px rgba(59,69,82,.3); background-color: #faf9f9; -webkit-animation: fadeIn 150ms; animation: fadeIn 150ms; text-align: left; } .header-nav li:hover .podrazdel{ display: block; } .header-nav li .podrazdel li .podrazdel { display: none; } .header-nav li .podrazdel:hover li:hover .podrazdel{ display: block; left: 100%; top: 0; } .podrazdel li{ position: relative; display: block; width: 100%; max-width: 100%; background: #faf9f9; border-top: #eeeded 1px solid; } .podrazdel li i{ position: absolute; right: 0; width: 40px; height: 40px; text-align: center; line-height: 40px; } .menu .podrazdel li a{ text-transform: none; padding: 10px 15px; } #fix-menu.fixed .podrazdel li a { padding: 10px 15px; } .podrazdel li:hover > a:before, .podrazdel li > a.active:before{ background: #000; color: #4d4d4d; opacity: .05; } .podrazdel li:hover > a, .podrazdel li > a.active{ color: #6698fe; } .podrazdel li a.active{ font-weight: 600; } @media (max-width: 991px) { .header-top{ position: fixed; display: block; z-index: 99; bottom: 0; top: auto; } .header-nav{ position: fixed; width: 100%; top: 0; left: 0; } #fix-menu.fixed .header-nav .small-logo{ position: absolute; display: block; left: 15px; top: -2px; float: left; z-index: 99; } .navbar-toggler{ position: fixed; right: 15px; top: 10px; z-index: 999; } .menu{ text-align: left; } .menu li i{ position: absolute; display: block; right: 0; top: 0; width: 50px; height: 50px; text-align: center; line-height: 50px; font-weight: 900; z-index: 9; } .podrazdel { position: relative; } .header-nav .navbar-collapse{ top: 50px; position: relative; } #fix-menu.fixed .header-nav .navbar-collapse{ top: 0; } .podrazdel.active, .header-nav li .podrazdel:hover li:hover .podrazdel { display: block; position: relative; left: 0; } #fix-menu.fixed .menu { max-width: 100%; width: 100%; float: right; top: 44px; text-align: left; } #fix-menu .menu li { display: block; width: 100%; max-width: 100%; } #fix-menu.fixed .menu li a, #fix-menu .menu li a { padding: 15px; color: #4d4d4d; border-bottom: #f0edee 1px solid; } #fix-menu .menu li span { z-index: 1; position: relative; display: block; } #fix-menu .menu li a i{ position: absolute; right: 28px; top: 15px; font-size: 18px; } #fix-menu.fixed .header-nav .small-logo img{ top: 4px; } } /* ======== sticky ======== */ .sticky { position: fixed; z-index: 101; margin-top: 70px; margin-bottom: 70px; } .stop { position: relative; z-index: 101; } .aside-katalog-menu{ position: relative; padding: 0px; margin: 0; background: #f0edee; box-shadow: 0 3px 6px rgba(0,0,0,.1); } .aside-katalog-menu li{ list-style: none; padding: 0px; margin:0; font-weight: 400; } .aside-katalog-menu a{ position: relative; display: block; width: 100%; color: #4d4d4d; text-decoration: none; padding: 5px 30px 5px 24px; } .aside-katalog-menu li:hover > a{ background: #fff; color: #6698fe; } .aside-katalog-menu a i{ position: absolute; right: 10px; top: 5px; font-weight: 400; font-size: 16px; } .aside-katalog-menu .level-1 > i{ top: 5px; } .aside-katalog-menu li.active, .aside-katalog-menu li.active > a{ } .aside-katalog-menu li.active:hover > a, .aside-katalog-menu li.active > a:hover{ } .aside-katalog-menu li > a:hover:before, .aside-katalog-menu li > .active:before{ transition: .2s; content: ""; position: absolute; display: block; width: 3px; height: 100%; left: 0; top: 0; background:#6698fe; border-top: #fff 1px solid; border-bottom: #fff 1px solid; } .aside-katalog-menu .level-1{ display: block; } .aside-katalog-menu .level-1.active{ background: #faf9f9; } .aside-katalog-menu .level-1 > a{ padding: 5px 30px 5px 10px; } .aside-katalog-menu .active .level-1 { font-weight: 600; } .aside-katalog-menu .level-2{ font-size: 14px; } .aside-katalog-menu .level-3 a{ padding: 2px 10px 2px 34px; } .aside-katalog-menu li.active > .aside-podrazdel, .aside-katalog-menu .active > .aside-podrazdel{ position: relative; display: block; background: #faf9f9; left: 0; box-shadow: none; } .aside-katalog-menu .level-1.active > .aside-podrazdel{ position: relative; left: 0; box-shadow: none; } .aside-podrazdel{ position: absolute; display: none; width: 100%; z-index: 9; top: 0%; left: 100%; background: #fff; -webkit-animation: fadeIn 150ms; animation: fadeIn 150ms; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); } .aside-katalog-menu li:hover > .aside-podrazdel { display: block; } .drugie{ position: relative; display: block; } .drugie .link { display: inline-block; } .drugie .link a, .drugie .link .active{ transition: .3s; position: relative; font-size: 11px; color: #4d4d4d; text-decoration: none; text-transform: uppercase; padding: 4px 6px 3px 6px; margin: 4px 4px 4px 0; background: #fff; border: #ded7d9 1px solid; border-radius: 23px; display: inline-block; } .drugie .link .active, .drugie .link a:hover{ color: #fff; background: #6698fe; border: #6698fe 1px solid; } .category-tpl{ transition: .3s; position: relative; } .category-tpl a{ position: relative; display: block; text-decoration: none; color: #4d4d4d; padding: 20px 0 0px 0; background: #fff; } .category-tpl a:hover{ box-shadow: 0 0 60px rgba(0, 0, 0, 0.14); } .category-tpl a .thumb { position: relative; height: 130px; padding: 0 15px; } .category-tpl a .thumb img{ height: 100%; } .category-tpl .text{ transition: .3s; position: relative; padding: 10px 15px; } .category-tpl a:hover .text{ background: #e6e0e1; } .category-tpl .text .title{ position: relative; font-size: 16px; font-weight: 900; } .category-tpl .text .descr{ position: relative; min-height: 70px; } .category-tpl .text .descr p{ margin: 0; } .zakaznie-tpl { transition: .3s; position: relative; padding: 20px; background: #fff; } .zakaznie-tpl:hover{ background: #e6e0e1; } .zakaznie-tpl img{ position: relative; height: 120px; margin: 0px auto 10px auto; } .zakaznie-tpl .title{ position: relative; } .zakaznie-tpl .full{ display: none; top: 0; } .zakaznie-tpl .dop-info-icon{ position: absolute; display: block; z-index: 9; right: 7px; top: 5px; background: #6698fe; color: #fff; font-size: 14px; padding: 5px 10px; border-radius: 100%; border: #fff 1px solid; } .zakaznie-tpl:hover .full{ transition: .3s; position: absolute; display: block; width: 100%; /* min-width: 220px; */ font-size: 13px; text-align: left; left: 0; top: 100%; z-index: 9; background: #eeeaea; padding: 15px 15px 0px 15px; -webkit-animation: fadeIn 150ms; animation: fadeIn 150ms; box-shadow: 0 4px 6px rgba(51, 51, 51, 0.2); border-radius: 0; } .zakaznie-tpl:hover .full:after { content: " "; transition: .1s; opacity: 1; position: absolute; z-index: 1; width: 0; height: 0; border-color: transparent; border-style: solid; left: 20px; top: -10px; -webkit-margin-top-collapse: -7px; border-width: 0 16px 16px; border-bottom-color: #eeeaea; } /* Блоки с разворчивающимся контентом */ .hide, .hide + label ~ .hide-text { display: none; } .hide + label { transition: .3s; cursor: pointer; position: relative; display: inline-block; width: 100%; min-height: 45px; font-size: 1.2rem; font-weight: 500; padding: 10px 0 10px 40px; margin: 10px 0 0px 0; background: #fff; border: #f0edee 1px solid; } .hide + label:hover{ background: #f6f3f3; } .hide:checked + label { background: none; border: transparent 1px solid; } .hide:checked + label + .hide-text { position: relative; display: block; -webkit-animation: fade ease-in .5s; -moz-animation: fade ease-in .5s; animation: fade ease-in .5s; /* background: #f6f3f3; */ padding: 15px 0 0 0; } .hide:checked + label + .hide-text table{ position: relative; overflow-x: auto; width: 100%; font-size: 14px; } .hide:checked + label + .hide-text table th{ background: #f0edee; padding: 20px 5px 10px 5px; vertical-align: middle; font-size: 16px; text-align: center; border: #faf9f9 1px solid; } .hide:checked + label + .hide-text table tr:nth-child(odd) { background: #faf9f9; border-left: #faf9f9 3px solid; border-right: #faf9f9 3px solid; } .hide:checked + label + .hide-text table tr:nth-child(even) { background-color: #fff; border-left: #fff 3px solid; border-right: #fff 3px solid; } .hide:checked + label + .hide-text table tr:nth-child(odd):hover, .hide:checked + label + .hide-text table tr:nth-child(even):hover{ border-left: #6698fe 3px solid; border-right: #6698fe 3px solid; } .hide:checked + label + .hide-text table td{ padding: 5px 10px; } .hide:checked + label + .hide-text:before{ content: ""; position: absolute; display: block; width: 100%; margin: 0; border-top: #e9e5e7 1px solid; left: 0; top: 0; } @-moz-keyframes fade { from { opacity: 0; } to { opacity: 1 } } @-webkit-keyframes fade { from { opacity: 0; } to { opacity: 1 } } @keyframes fade { from { opacity: 0; } to { opacity: 1 } } .hide + label:before { content: "\002B"; transition: .3s; position: absolute; display: block; top: 13px; left: 13px; font-size: 18px; width: 20px; height: 20px; line-height: 20px; text-align: center; background-color: #6698fe; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .hide:checked + label:before { content: "\2212"; background: #ded7d9; color: #4d4d4d; } .dinamic-table-title{ position: relative; display: block; width: 100%; font-size: 20px; text-align: center; margin: 0 0 10px 0; font-weight: 900; } .dinamic-table{ font-size: 13px; } .dinamic-table tr{ background: #f0edee; } .dinamic-table tr:nth-child(odd) { background-color: #fff; } .dinamic-table th, .dinamic-table td{ padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; border: #e9e5e6 1px solid; vertical-align: middle; } .dinamic-table th:nth-child(1), .dinamic-table td:nth-child(1){ font-weight: 600; min-width: 140px; } .dinamic-table th{ padding-top: 10px; padding-bottom: 10px; font-weight: 600; background: #e9e5e6; border: #f0edee 1px solid; } .dinamic-table td{ } .analogi{ position: relative; } .analogi table{ font-size: 12px; } .analogi table tr{ border: 1px solid #fff; } .analogi table tr:nth-child(odd) { background: #f5f4f4; } .analogi table tr:nth-child(even) { background-color: #fff; } .analogi table tr th{ background-color: #f0edee; border: 1px solid #fff; font-weight: 500; vertical-align: middle; padding: 15px 10px; } .analogi table tr th:nth-child(1), .analogi table tr td:nth-child(1) { font-weight: 600; min-width: 130px; } .analogi table tr th .pdf-png{ position: relative; display: block; margin: 0 auto; width: 20px; max-width: none; } .analogi table tr td{ padding: 10px 10px; border: #e8e3e5 1px solid; vertical-align: middle; } .dinamic-table tr:hover, .dinamic-table tr:hover td, .dinamic-table tr:hover td, .analogi table tr:hover, .analogi table tr:hover td, .analogi table tr:hover td{ color: #000; border-left-color: #6698fe; border-right-color: #6698fe; background: #eaeffa; } .analogi table tr td p{ margin: 0; } .analogi table tr td a{ text-decoration: none; } .analogi table tr td a:hover{ color: #4d4d4d; } .analogi table tr td i{ position: relative; } .analogi table tr td.pdf{ } .link-img-table{ position: relative; display: table-cell; float: right; overflow: hidden; width: 25px; height: 25px; vertical-align: middle; background: #fff; border: #e8e3e5 1px solid; padding: 0; } .link-img-table img{ position: absolute; display: table; width: 100%; margin: auto; left: 0; top: 0; bottom: 0; padding: 0; } tr:hover .link-img-table img{ opacity: .3; z-index: 0; } .link-img-table .icon-hover{ transition: .3s; position: absolute; visibility: hidden; width: 100%; height: 100%; text-align: center; top: -60px; bottom: 0; margin: auto; left: 0; right: 0; opacity: 0; z-index: 9; color: #000; } tr:hover .link-img-table .icon-hover { opacity: 1; z-index: 9; visibility: visible; top:0; } .link-img-table .icon-hover i{ position: absolute; display: block; font-size: 14px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 16px; height: 16px; opacity: 1; } .tab-menu-tables{ position: relative; display: block; width: 100%; } .tab-menu-tables a{ position: relative; display: inline-block; text-decoration: none; padding: 7px 15px; background-color: #fff; color: #4d4d4d; } .tab-menu-tables a:hover, .tab-menu-tables a.active{ text-decoration: none; background-color: #f0edee; } .pdf-window.fancybox-content{ width: 100%; max-width: 900px; padding: 0; } .pdf-window .close{ opacity: 1; color: #fff; } .pdf-window object{ position: relative; display: block; width: 100%; height: 100%; min-height: 600px; } .inamic-table-title{ } .doc-pdf.page{ width: 100%; padding: 0; overflow: hidden; line-height: 0; } .doc-pdf.page object{ position: relative; display: block; width: 100%; } .doc-btn{ transition: .3s; position: relative; display: inline-block; float: left; text-decoration: none; padding: 10px 12px; background: #525659; color: #fff; border-right: #333 1px solid; font-size: 14px; } .doc-btn:hover{ background: #ded7d9; color: #4d4d4d; } .razdeli-slider{ position: relative; display: block; overflow: hidden; } .razdeli-slider:before, .razdeli-slider:after { content: ""; position: absolute; display: block; z-index: 2; top: 0; width: 33%; height: 100%; } .razdeli-slider:after{ background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(224,230,233,1) 100%); background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,#faf9f9 100%); background: linear-gradient(to right,rgba(255,255,255,0) 0,#faf9f9 100%); right: 0; } .razdeli-slider:before{ background: -moz-linear-gradient(left,rgba(224,230,233,1) 0,rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left,#faf9f9 0,rgba(255,255,255,0) 100%); background: linear-gradient(to right,#faf9f9 0,rgba(255,255,255,0) 100%); left: 0; } .title-slider{ position: relative; display: inline-block; } .razdeli-slider .active-slide.razdeli-tpl { position: relative; display: block; z-index: 9; } .razdeli-tpl{ transition: .3s; position: relative; display: block; min-width: 340px; text-decoration: none; color: #4d4d4d; text-align: center; opacity: .8; z-index: 1; } .active-slide .razdeli-tpl{ opacity: 1; } .razdeli-tpl:hover{ color: #4d4d4d; } .razdeli-tpl .icon-big{ transition: .3s; position: relative; display: block; height: 180px; margin: 0 auto 5px auto; opacity: .4; } .active-slide .razdeli-tpl .icon-big { opacity: 1; } .razdeli-tpl .title{ position: relative; border-bottom: #d4d4d4 2px solid; margin: 0 0 10px 0; padding: 0 0 10px 0; } .active-slide .razdeli-tpl .title { border-bottom: #2f2f2f 2px solid; } .active-slide .razdeli-tpl .title:after{ content: ""; position: relative; display: block; width: 18px; height: 20px; background-color: #faf9f9; border-left: 2px solid; border-bottom: 2px solid; margin: 2px auto -22px auto; -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .razdeli-tpl .descr{ transition: .3s; position: relative; display: block; margin: 20px 0 20px 0; display: none; text-align: left; } .active-slide .razdeli-tpl .descr{ display: block; } .razdeli-tpl .descr .btn{ position: relative; display: block; margin: 0 auto 0px auto; color: #4d4d4d; } .razdeli-tpl .descr .btn:hover{ background: #6698fe; color: #fff; } .slider-btn{ cursor: pointer; transition: .5s; outline: 0; font-size: 26px; position: relative; display: inline-block; background: #f0edee; padding: 2px 10px; line-height: 0; text-align: center; color: #4d4d4d; margin: 0; } .slider-btn:hover{ background: #6698fe; color: #fff; } #razdeli .slider-pagination{ position: absolute; text-align: center; bottom: 0px; } #razdeli .slider-pagination .swiper-pagination-bullet { outline: 0; transition: .5s; opacity: .5; cursor: pointer; width: 11px; height: 11px; margin: 0 2px; display: inline-block; border-radius: 3px; background: #c0b4b8; border: 0; } #razdeli .slider-pagination .swiper-pagination-bullet-active { opacity: 1; background: #6698FE; border-color: #fff; width: 25px; border-radius: 6px; margin: 0 4px; } #partners{ position: relative; display: block; overflow: hidden; } .fff-bg .slider-btn{ background: #faf9f9; } .fff-bg .slider-btn:hover{ background: #6698fe; } .partners-slider-tpl{ text-align: center; position: relative; display: table; vertical-align: middle; width: 175px; height: 70px; float: none; overflow: hidden; border-radius: 3px; background-color: #fff; margin: 0; border: rgba(255, 255, 255, 0.16) 3px solid; } .partners-slider-tpl img{ max-height: 100%; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0; vertical-align: middle; max-width: 100%; height: auto; padding: 5px; } #partners-pagination.partners-slider-pagination{ position: relative; margin: 0; bottom: auto; } #partners-pagination.partners-slider-pagination span{ transition: .5s; width: 8px; height: 8px; display: inline-block; border-radius: 0; background: #ded7d9; opacity: 1; } #partners-pagination.partners-slider-pagination span:hover, #partners-pagination.partners-slider-pagination span.swiper-pagination-bullet-active{ transition: .5s; opacity: 1; background: #007aff; width: 16px; } .crumbs-block{ font-size: 14px; color: #c1b2b7; background-color: #f6f3f3; } .crumbs-block ul{ position: relative; display: block; width: 100%; margin: 0; padding: 0; } .crumbs-block ul li{ display: inline-block; list-style: none; margin: 2px 0; padding: 0; } .crumbs-block .separator { position: relative; color: #4d4d4d; font-size: 16px; top: 2px; } .crumbs-block a{ position: relative; display: inline-block; text-decoration: none; padding: 0px; margin: 0 0 0 2px; border-radius: 10px; color: #4d4d4d; } .crumbs-block a:hover{ text-decoration: none; } .crumbs-block a:before, .crumbs-block a:after{ transition: 1s; content: ""; position: absolute; display: block; left: 0; bottom: -1px; } .crumbs-block a:before{ width: 100%; border-bottom: 1px dashed; } .crumbs-block a:after{ width: 0; border-bottom:#6698fe 2px solid; bottom: -1.5px; } .crumbs-block a:hover:after{ width: 100%; } .crumbs-block .disabled{ position: relative; display: inline-block; padding: 0 2px; } .news-tpl{ transition: .5s; position: relative; overflow: hidden; margin: 0 0 20px 0; border-radius: 5px; } .news-tpl:hover{ box-shadow: 0px 5px 80px rgba(0, 0, 0, 0.2); } .news-tpl a{ color: #4d4d4d; text-decoration: none; } .news-tpl .thumb{ position: relative; display: block; width: 100%; height: 150px; overflow: hidden; background-image: url(/assets/logo/logo-mono.svg); background-repeat: no-repeat; background-position: center; background-size: 70px; background-color: #eae5e5; } .news-tpl .thumb img{ position: absolute; left: 0; top: 0; min-height: 100%; max-width: initial; min-width: 100%; width: auto; } .news-tpl .text-block{ position: relative; } .news-tpl .text-block .title{ position: relative; } .news-tpl .descr{ position: relative; display: block; width: 100%; overflow: hidden; z-index: 9; } .news-tpl .data-hand{ transition: .3s; color: #bfb2b6; } .news-tpl:hover .data-hand{ color: #4d4d4d; } .news-tpl.aside .thumb{ height:100px; } .news-tpl.aside .thumb img{ position: absolute; left: 0; top: 0; min-height: 100%; max-width: initial; min-width: 100%; width: auto; } .blog-tpl{ transition: .5s; position: relative; overflow: hidden; background-color: #f6f3f3; } .blog-tpl:hover{ background-color: #fff; box-shadow: 0px 5px 80px rgba(0, 0, 0, 0.15); } .blog-tpl a{ text-decoration: none; } .blog-tpl .text-block{ position: relative; } .blog-tpl .text-block .title{ position: relative; } .blog-tpl .descr{ position: relative; display: block; width: 100%; overflow: hidden; z-index: 9; } .blog-tpl .data-hand{ transition: .3s; color: #bfb2b6; } .blog-tpl:hover .data-hand{ color: #4d4d4d; } .blog-tpl.aside .thumb{ height:100px; } .blog-tpl.aside .thumb img{ position: absolute; left: 0; top: 0; min-height: 100%; max-width: initial; min-width: 100%; width: auto; } .data-hand.page i { margin: 0 6px 0 0; } .title-aside{ position: relative; display: block; margin: 0 0 15px 0; } .title-aside:after { content: ""; position: absolute; display: block; width: 40px; height: 40px; background: #ded7d9; left: -13px; top: -6px; z-index: -1; border-radius: 100px; opacity: .6; } .accordion-expand-all{ cursor: pointer; } .vakansii { position: relative; display: block; } .vakansii-one{ border-radius: 5px; overflow: hidden; background-color: #faf9f9; margin: 0 0 20px 0; } .vakansii-one-title{ transition: .5s; position: relative; display: block; overflow: hidden; cursor: pointer; font-size: 18px; font-weight: 500; padding: 15px 20px; background: #f0edee; } .vakansii-one-title:hover{ background: #dad7d7; } .text-vakansiya{ padding: 10px 20px 4px 20px; background: #f8f7f7; border-top: #ded7d9 2px solid; } #quote.vakansii-one{ border-radius: 0; margin: 20px 0; } #quote .vakansii-one-title{ transition: .5s; position: relative; display: block; overflow: initial; cursor: pointer; font-size: 16px; font-weight: 500; padding: 15px 30px; margin: 0; background: #fff; border: #ded7d9 1px dashed; border-radius: 0; } #quote:hover .vakansii-one-title{ border: #f0edee 1px solid; } #quote .vakansii-one-title span{ transition: .3s; position: absolute; left: 10px; top: 14px; opacity: 1; } #quote .text-vakansiya { position: relative; display: block; width: 100%; padding: 20px 30px 8px 30px; background: #f0edee; border-top: 0; } #quote .text-vakansiya:after { content: " "; transition: .1s; opacity: 1; position: absolute; z-index: 1; width: 0; height: 0; border-color: transparent; border-style: solid; left: 60px; top: -14px; border-width: 0 26px 26px; border-bottom-color: #f0edee; } #quote .text-vakansiya table td, #quote .text-vakansiya table th{ padding: 10px 20px; border: #fff 1px solid; } #quote .text-vakansiya table tr{ background: none; } #quote .text-vakansiya table tr:nth-of-type(odd) { background-color: #eae7e8; } .search-form{ transition: .3s; position: relative; display: block; width: 100%; border-radius: 50px; overflow: hidden; z-index: 9; margin: 30px 0 40px 0; box-shadow: 0 5px 5px rgba(0,0,0,.05); border: #fff 2px solid; } .search-form:hover{ background: #fff; box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1); } .search-form .form-group { margin-bottom: 0; } .search-form input{ transition: .3s; position: relative; width: 100%; padding: 7px 115px 7px 20px; } .search-form input:focus, .search-form input:active{ border:none; } .search-form .btn{ transition: .3s; position: absolute; right: 0; top: 0; font-size: 14px; padding: 0 20px; line-height: 10px; height: 100%; box-shadow: none; background: #e9e5e7; color: #4d4d4d; } .search-form:hover .btn{ color: #fff; background-color: #6698fe; } .result-block{ transition: .3s; border: #fff 1px solid; } .result-block:hover{ color: #007aff; border: #6698fe 1px solid; } .result-block a{ position: relative; color: #4d4d4d; } .result-block:hover a{ color: #6698fe; } .result-block.ajax-block{ box-shadow: none; } body .form-control { transition: .3s; outline: none; color: #495057; background-color: rgba(255, 255, 255, 0.6); border: none; } body .form-control:focus { transition: .3s; outline: 0; border: none; box-shadow: none; } body .ui-widget.ui-widget-content{ max-height: 400px; overflow-x: auto; font-size: 12px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25); } body .ui-menu .ui-menu-item { position: relative; display: block; width: 100%; float: left; margin: 0; cursor: pointer; list-style-image: none; list-style: none; padding: 0; border: none; border-bottom: #f0edee 1px solid; } body .ui-menu .ui-menu-item-wrapper { position: relative; padding: 0; display: block; width: 100%; float: left; margin: 0; border: none; overflow: hidden; color: #4d4d4d; } body .ui-menu .ui-menu-item, body .ui-menu .ui-menu-item:hover body .ui-menu .ui-menu-item a, body .ui-menu .ui-menu-item a:hover{ text-decoration: none; color: #4d4d4d; } body .ui-menu .ui-menu-item .parent-title{ position: relative; float: right; padding: 2px 10px 3px 10px; margin: -3px 0 5px 0; background-color: #f0edee; text-transform: lowercase; border-radius: 10px; font-size: 12px; } .search-last-result{ position: relative; display: block; width: 100%; text-align: center; padding: 12px 10px; color: #fff; text-decoration: none; text-transform: uppercase; background: #e9e5e7; border: #e9e5e7 1px solid; font-size: 14px; font-weight: 600; } .search-last-result:hover{ background: #fff; } .video-presentation{ text-decoration: none; } .video-presentation:after{ content: ""; position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; background: #000; z-index: 0; opacity: .7; } .video-presentation .container{ position: relative; z-index: 2; } .video-presentation .descr{ position: relative; } .video-presentation .descr .title{ position: relative; } .video-presentation .descr .anons{ position: relative; } .video-presentation .icon-video{ width: 100px; } #pdopage .pagination{ position: relative; display: block; width: 100%; text-align: center; } #pdopage .pagination{ position: relative; display: block; width: 100%; text-align: center; margin: 20px 0 0 0; padding: 0; font-size: 14px; } #pdopage .pagination li{ list-style: none; display: inline-block; } #pdopage .pagination li a, #pdopage .pagination .disabled span{ text-decoration: none; color: #4d4d4d; padding: 7px 14px; background: #f0edee; margin: 4px 5px; border-radius: 4px; } #pdopage .pagination .active a, #pdopage .pagination li a:hover{ position: relative; background: #6698fe; color: #fff; } #pdopage .pagination .active a { font-weight: 900; } #pdopage .pagination .active a:after { content:""; } .kontakt-block p{ margin: 0; } .kontakt-block a{ text-decoration: none; color: #4d4d4d; } .kontakt-block a:hover{ color: #6698fe; } .kontakt-block a:before, .kontakt-block a:after{ transition: 1.5s; content: ""; position: absolute; display: block; left: 0; bottom: -1px; } .kontakt-block a:before{ width: 100%; border-bottom: 1px dashed; } .kontakt-block a:after{ width: 0; border-bottom:#6698fe 2px solid; } .kontakt-block a:hover:after{ width: 100%; } .adres-kompanii p{ margin: 0; } .rekviziti{ position: relative; } .rekviziti p{ margin: 0; } .rekviziti table{ position: relative; font-size: 13px; } .rekviziti table tr{ transition: .3s; position: relative; } .rekviziti table tr:nth-child(odd){ background: #faf9f9; border-left: #faf9f9 3px solid; border-right: #faf9f9 3px solid; } .rekviziti table tr:nth-child(even){ background-color: #fff; border-left: #fff 3px solid; border-right: #fff 3px solid; } .rekviziti table tr td{ position: relative; vertical-align: middle; padding: 10px; } .rekviziti table tr:nth-child(odd):hover, .rekviziti table tr:nth-child(even):hover{ border-left: #6698fe 3px solid; border-right: #6698fe 3px solid; } .tab { position: relative; overflow: hidden; margin: 0 auto; } .tabs { display: table; position: relative; overflow: hidden; margin: 0; width: 100%; } .tabs li { position: relative; display: inline-block; float: left; } .tabs a { display: block; outline: none; background-color: #f0edee; font-size: 14px; padding: 10px 20px; text-decoration: none; color: #4d4d4d; text-align: center; text-transform: uppercase; font-weight: 600; border-bottom: #f0edee 2px solid; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .tabs a:hover{ background-color: #faf9f9; } .tabs_item { display: none; } .tabs_item:first-child { display: block; } .current a, .current a:hover { background-color: #fff; cursor: default; } .code-map{ position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; } .code-map > ymaps{ position: absolute; display: block; width: 100%; min-height: 100%; left: 0; top: 0; } @media (max-width: 991px) { .code-map{ position: relative; height: 400px; } } /**** /////// Подвал /////// ****/ .news-footer{ position: relative; } .news-slider{ overflow: hidden; } .news-footer .news-tpl-footer{ position: relative; } .news-footer .news-tpl-footer a:hover{ color: #4d4d4d; } .news-footer .news-tpl-footer .img-block{ position: relative; display: block; width: 100%; max-width: 100%; height: 110px; border-radius: 0; background-image: url(/assets/logo/logo-mono.svg); background-repeat: no-repeat; background-position: center; background-size: 40px; background-color: #eae5e5; overflow: hidden; } .news-footer .news-tpl-footer .img-block img{ position: absolute; display: block; width: auto; max-width: initial; min-width: 100%; min-height: 100%; height: auto; left: 0; top: 0; border-radius: 0; } .news-footer .news-tpl-footer .category{ position: absolute; z-index: 1; font-size: 11px; padding: 2px 7px 0px 7px; left: 0; bottom: 0; background: #f0edee; color: #4d4d4d; text-transform: lowercase; } .news-footer .news-tpl-footer .title{ position: relative; font-weight: 600; font-size: 18px; margin: 0 0 5px 0; color: #4d4d4d; } .news-footer .news-tpl-footer .descr{ position: relative; font-weight: 300; } .news-footer .slider-btn{ position: absolute; left: 0; top: 0; font-size: 20px; background: #f0edee; color: #4d4d4d; padding: 0px 6px; z-index: 1; } .news-footer .slider-btn:hover{ background: #ded7d9; } .news-footer .news-next{ left: 19px; } #footer .news-slider-pagination{ position: relative; display: block; width: 100%; text-align: left; bottom: 10px; margin-top: 0; } #zakazat-obrazci{ max-width: 1100px; width: 100%; padding: 0; box-shadow: 0 0px 150px rgba(0,0,0,.81); background: #faf9f9; overflow: initial; } #zakazat-obrazci .logo{ position: relative; display: block; margin: 30px auto 10px auto; height: 130px; } #zakazat-obrazci .fancybox-content{ display: block; } div .close{ cursor: pointer; transition: .3s; position: absolute; display: block; top: 0; right: 0; font-size: 14px; color: #fff; background: #c1181d; opacity: 1; text-shadow: none; font-weight: 300; padding: 1px 10px 3px 10px; border: 0; -webkit-appearance: none; z-index: 999; opacity: 1; } .close:hover{ color: #fff; background: #750003; } footer{ position: relative; padding: 60px 0 20px 0; } @media (max-width: 991px) { footer{ padding-bottom: 60px; } .copyright-block, .link-razrabotka{ text-align: center; } } footer a{ position: relative; display: inline-block; z-index: 9; text-decoration: none; color: #DED7D9; } footer a:hover{ color: #6698FE; } footer .start, .footer-nav a.start{ margin: 0; font-size: 1.2rem; font-weight: 500; } .footer-nav li .start span { padding: 0; } .footer-nav li a.start span:before{ display: none; } .footer-nav{ position: relative; display: block; margin: 0 0 10px 0; padding: 0; } .footer-nav li{ position: relative; display: block; list-style: none; padding: 0; margin: 0; } .footer-nav li a{ position: relative; font-weight: 300; } .footer-nav:hover .start, .footer-nav .active, .footer-nav .active a, .footer-nav li a:hover{ color: #6698fe; } .footer-nav li span{ position: relative; display: block; padding: 0 0 0 14px; } .footer-nav li a span:before, .footer-nav li span:before{ content: ""; transition: .3s; position: absolute; display: inline-block; left: 0; top: 8px; width: 6px; border: 1px solid; } .footer-nav li:hover a span:before, .footer-nav li:hover span:before, .footer-nav .active a span:before, .footer-nav .active span:before { width: 10px; } .menu-sitemap{ position: relative; } .menu-sitemap .start > a{ font-weight: 600; } .menu-sitemap a{ color: #4d4d4d; } .menu-sitemap li{ list-style: none; } form input[name="surname"] { position: absolute; display: block; width: 2px; height: 3px; margin-bottom: -3px; opacity: .01; z-index: 0; } form.form-default .dop-text-input{ display: none; } .copyright-block{ position: relative; } .copyright-block a{ border-bottom: 1px dashed; } .form-default .form-default{ position: relative; display: block; width: 100%; z-index: 9; } .form-default .input-wrapper{ position: relative; display: block; width: 100%; } .form-default .input-wrapper label{ transition: .2s; position: absolute; display: block; background: #fff; z-index: 2; top: 12px; left: 15px; font-size: 14px; } .form-default input, .form-default textarea{ transition: .5s; outline: 0; position: relative; display: block; z-index: 0; width: 100%; padding: 10px 15px; margin: 10px 0; border: #ded7d9 1px solid; background: #fff; } .form-default textarea{ position: relative; } .form-default input:disabled, .form-default textarea:disabled { color: #43505e; cursor: default; } .form-default input:hover, .form-default textarea:hover, .form-default input:focus, .form-default textarea:focus, .form-default input:active, .form-default textarea:active, .form-default input:valid, .form-default textarea:valid{ background-color: #fff; transition: .5s; border: 1px solid transparent; border-bottom: #6698fe 1px solid; box-shadow: 0 10px 10px -10px hsla(336, 3%, 38%, 0.45); } .form-default .input-wrapper input:focus + label, .form-default .input-wrapper textarea:focus + label, .form-default .input-wrapper input:valid ~ label, .form-default .input-wrapper textarea:valid ~ label, .form-default .input-wrapper input label:active, .form-default .input-wrapper textarea label:active{ top: -14px; left: 0px; font-size: 12px; color: #333; background-color: #faf9f9; padding: 3px 5px 0px 5px; } .form-default .input-wrapper input.error:focus + label, .form-default .input-wrapper textarea.error:focus + label{ color: #6698fe; } .form-default input.error, .form-default textarea.error, .form-default input.error + label, .form-default textarea.error + label, .form-default input:focus.error, .form-default textarea:focus.error{ border-color: #f7b0b0; color: #6698fe; } .form-default .main_input_file { display: none; } .form-default .upload_form{ transition: .5s; position: relative; display: block; width: auto; } .form-default .upload_form{ position: relative; display: inline-block; width: 100%; } .form-default .upload_form div { cursor: pointer; transition: .5s; position: relative; display: inline-block; float: left; background: #52606f; color: #fff; vertical-align: top; padding: 6px 10px; } .form-default .upload_form:hover div { background: #fbfb75; color: #43505e; } .consultation-form{ position: relative; } .consultation-form:before{ content: ""; position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; background-image: url(/assets/des/consultation-form-1-4.svg); background-repeat: no-repeat; background-position: 3% -10px; background-size: 370px; opacity: .35; } form button, form .button{ cursor: pointer; position: relative; display: block; overflow: hidden; border: 0; transition: .4s; background: #6698FE; color: #fff; border-radius: 33px; font-size: 14px; } form button:hover, form .button:hover{ color: #fff; } form button span, form .button span{ position: relative; display: block; z-index: 2; } form button:after, form .button:after{ transition: .5s; content: ""; position: absolute; display: block; left: 0px; top: 0; width: 100%; height: 0; background: #26ad48; z-index: 0; opacity: 1; border: 0; } form button:hover:after, form .button:hover:after{ height: 100%; } input[type=file] { transition: .4s; } .file-upload input[type="file"]{ display: none; } .file-form-wrap{ position: relative; } .file-upload { position: relative; overflow: hidden; width: 100%; height: 33px; background: #f9f4f4; border-radius: 3px; text-align: left; } .file-upload .button{ position: relative; display: inline-block; width: max-content; border-radius: 0; padding: 0 10px 0 8px; } .file-upload #file-name{ position: relative; display: inline-block; font-size: 14px; top: -10px; padding: 0 0 0 2px; width: 100%; max-width: 360px; white-space: nowrap; } .file-upload label { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; } .file-upload span { line-height: 33px; font-weight:bold; }