@charset "utf-8";/*! normalize.css v3.0.2 | MIT License | git.io/normalize */*{box-sizing:border-box}*:before,*:after{box-sizing:inherit}html{font-family:sans-serif;overflow-y:scroll;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:1.5em;margin:.67em 0}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{font:inherit;margin:0;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type='button'],input[type='reset'],input[type='submit']{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal;-webkit-border-radius:0}input[type='checkbox'],input[type='radio']{padding:0}input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{width:auto;height:auto}input[type='search']{-webkit-appearance:textfield}input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration{-webkit-appearance:none}fieldset{margin:0 2px;padding:.35em .625em .75em;border:1px solid #c0c0c0}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}[aria-busy='true']{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden='false']{position:absolute;display:inherit;clip:rect(0 0 0 0)}[hidden][aria-hidden='false']:focus{clip:auto}::-moz-selection{color:#fff;background-color:#555;text-shadow:none}::selection{color:#fff;background-color:#555;text-shadow:none}::-moz-selection{color:#fff;background-color:#555;text-shadow:none}mark{color:#fff;background-color:#555}img{vertical-align:middle;border:0;display:inline;max-width:100%;height:auto}button,input{outline:none}:invalid{box-shadow:none}:-moz-submit-invalid{box-shadow:none !important}:-moz-ui-invalid{box-shadow:none !important}::-ms-clear{display:none}::-ms-reveal{display:none}select::-ms-value{color:currentColor}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width: 768px){.container{width:750px}}@media (min-width: 992px){.container{width:970px}}@media (min-width: 1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}@media (min-width: 768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}}@media (min-width: 992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}}@media (min-width: 1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}}.full{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width: 768px){.full{width:750px}}@media (min-width: 992px){.full{width:970px}}@media (min-width: 1200px){.full{width:1170px}}.most{float:left;width:100%;position:relative;min-height:1px;padding-left:15px;padding-right:15px}@media (min-width: 768px){.most{float:left;width:100%}}@media (min-width: 992px){.most{float:left;width:66.66666667%}}.half{float:left;width:100%;position:relative;min-height:1px;padding-left:15px;padding-right:15px}@media (min-width: 768px){.half{float:left;width:100%}}@media (min-width: 992px){.half{float:left;width:50%}}.third{float:left;width:100%;position:relative;min-height:1px;padding-left:15px;padding-right:15px}@media (min-width: 768px){.third{float:left;width:50%}}@media (min-width: 992px){.third{float:left;width:33.33333333%}}.fourth{float:left;width:50%;position:relative;min-height:1px;padding-left:15px;padding-right:15px}@media (min-width: 768px){.fourth{float:left;width:50%}}@media (min-width: 992px){.fourth{float:left;width:25%}}.sixth{float:left;width:50%;position:relative;min-height:1px;padding-left:15px;padding-right:15px}@media (min-width: 768px){.sixth{float:left;width:33.33333333%}}@media (min-width: 992px){.sixth{float:left;width:16.66666667%}}@media (max-width: 767px){.hidden-xs{display:none !important}}@media (min-width: 768px) and (max-width: 991px){.hidden-sm{display:none !important}}@media (min-width: 992px) and (max-width: 1199px){.hidden-md{display:none !important}}@media (min-width: 1200px){.hidden-lg{display:none !important}}html{font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:62.5%;cursor:default;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);text-rendering:optimizeLegibility}body{line-height:1.42857143;color:#555;background-color:#fff}::-webkit-input-placeholder{color:#555}:-moz-placeholder{color:#555}:-ms-input-placeholder{color:#555}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #e6e6e6}a{text-decoration:none;color:#bada55;background-color:transparent}a:hover{color:#0c39fc}ul{margin:0;padding:0;list-style:none}.content ul,article ul{margin:1em 0;padding:0 0 0 40px;list-style-type:disc}.hidden,.hide{display:none !important}.invisible,.invis{opacity:0}.clearfix:before,.clear:before,.clearfix:after,.clear:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.full:before,.full:after{content:" ";display:table}.clearfix:after,.clear:after,.container:after,.container-fluid:after,.row:after,.full:after{clear:both}.left,.l{float:left !important}.right,.r{float:right !important}.center,.cb{display:block;margin-left:auto;margin-right:auto;float:none}.tCenter,.tc{text-align:center}.tLeft,.tl{text-align:left}.tRight,.tr{text-align:right}.relative,.rel{position:relative}.absolute,.abs{position:absolute}@media print{*{transition:none !important;-webkit-transform:translate3d(0, 0, 0) !important;color:#000 !important;background-color:transparent !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline !important}a[href]:after{content:' (' attr(href) ')'}abbr[title]:after{content:' (' attr(title) ')'}a[href^='javascript:']:after,a[href^='#']:after{content:''}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}} /* */ @font-face { font-family:'FranklinGothic-Book'; src:url('/fonts/FranklinGothic-Book.eot#iefix') format('embedded-opentype'), url('/fonts/FranklinGothic-Book.woff') format('woff'), url('/fonts/FranklinGothic-Book.ttf') format('truetype'), url('/fonts/FranklinGothic-Book.svg#FranklinGothic-Book') format('svg'); font-weight:normal; font-style:normal;font-display:swap;} @font-face { font-family:'FranklinGothic-Heavy'; src:url('/fonts/FranklinGothic-Heavy.eot#iefix') format('embedded-opentype'), url('/fonts/FranklinGothic-Heavy.woff') format('woff'), url('/fonts/FranklinGothic-Heavy.ttf') format('truetype'), url('/fonts/FranklinGothic-Heavy.svg#FranklinGothic-Heavy') format('svg'); font-weight:normal; font-style:normal;font-display:swap;} @font-face { font-family:'FranklinGothic-Demi'; src:url('/fonts/FranklinGothic-Demi.eot#iefix') format('embedded-opentype'), url('/fonts/FranklinGothic-Demi.woff') format('woff'), url('/fonts/FranklinGothic-Demi.ttf') format('truetype'), url('/fonts/FranklinGothic-Demi.svg#FranklinGothic-Demi') format('svg'); font-weight:normal; font-style:normal;font-display:swap;} body { color:#000; font-family:'FranklinGothic-Book'; font-size:1.8rem; } .inner { background-image:url(/i/header__bg.jpg); background-repeat:no-repeat; background-position:center 0; } /* */ /* */ .headhome { height:719px; background-image:url(/i/headhome__bg.jpg); background-repeat:no-repeat; background-position:center 0; } .logo { top:20px; left:50%; width:544px; margin-left:-272px; } .logo__slogan { display:block; color:#777; font-family:'FranklinGothic-Heavy'; text-transform:uppercase; margin-top:30px; } .headhome__phone { top:40px; right:0; color:#777; font-family:'FranklinGothic-Demi'; font-size:1.4rem; } .headhome__phone-address { margin:0; } .headhome__phone-number { color:#000; font-family:'FranklinGothic-Heavy'; font-size:3.6rem; margin:0; } .headhome__phone-working { margin:0; } .car { top:235px; left:50%; width:669px; height:156px; margin-left:-326px; } /* */ /* */ .reinstall { color:#fff; background-color:#163b72; border-radius:18px; padding:25px 15px 15px; margin-top:-94px; -webkit-box-shadow:0 0 0 21px rgba(0, 0, 0, .75); box-shadow:0 0 21px rgba(0, 0, 0, .75); } .reinstall__title { font-family:'FranklinGothic-Demi'; font-size:3rem; text-transform:uppercase; margin-top:0; } .reinstall__wrap { display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; justify-content:space-between; width:80%; margin:auto; } .reinstall__input { /* width:30%; */ color:#000; font-size:1.6rem; background-color:#fff; border:3px solid #e9e9e8; border-radius:22px; padding:10px 35px; } .reinstall__btn { /* width:30%; */ font-size:1.6rem; background-color:#70ac21; border:3px solid #e9e9e8; border-radius:22px; padding:10px 35px; transition:all .2s; } .reinstall__btn:hover { background-color:#649b1c; } .reinstall__notice { font-size:1.4rem; margin:15px 0 0; } /* */ /* */ .about-us { background-color:#1aabdd; padding:0 0 35px; } .about-us::before { position:absolute; bottom:-40px; left:0; right:0; height:40px; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALYAAAAoCAMAAABkQvAFAAAAkFBMVEUAAAAWrt0aq9waq90aq90ZrN4Zq90aq90bq90aq90Zq90aq94aq90aq90Zq90ZrNwYq9waqd0Zq90aq90aq90aqt0arN0Zq90Zq90Zq94erd8aqN4aq90aq90arN0Zq94arN0bq94ZrN4brN8aq90Zq90Zq90arN0aq94aq90Zq90Amf8bq90ZrNwcrN4aq92ahzBPAAAAL3RSTlMAC07ivph4aULa082uilIyKSHy7sS5nm9bPBkT/veHg4BzYzfoyLShk49HAqOELhCjXtUAAAFDSURBVFjD1dVHcsJAEIXhN8pCKIMiOQfbff/b2QsvTJUBIWk0zXeCXvSrH4Y7p3ey8w7Hk48fsbY6JMTfyNxsBW6F1oQYS7Ogxv9qm+nlc9PBQ/EiJW6MAg0UHnFiRmjImRITs5XAC7YsDp9ZeFWpfp2faENzSSVToKWclDEitHc1SYldgG5Cj4a3RHc2DcyI0QcxpiEV6IuW0FA+0KeBpple0K9SJ/lO6J9PkuklZAjlVtOHLEuSxg0hTzSiv3gF5hGLJBhFkC2eUN8sPMWv9kaFp/jVfoPhaCn143jFc9zi4zoYWjylrtZQIdCpi0xAkXxGbRlfUGhBrXgXqCXOLaIYQD3h00v2GphYNx/nuAQjWqNw6qsKzNT5nh5KMgcsVfY4ubfCM9Obf4V25s1vP2O6CGq8g2qrbXLLWtuFEwlI8Q1HOKddXkJ5twAAAABJRU5ErkJggg==); background-position:0 0; content:""; } .about-us__list { display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; justify-content:space-between; color:#fff; font-family:'FranklinGothic-Demi'; font-size:2.4rem; line-height:1; margin:72px 25px 0; } .about-us__xp { width:20%; background-color:#70ac21; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAyCAMAAAAtFKi+AAAAsVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+3mHKcAAAAOnRSTlMA7unm9RPxwAWelA8D17sb+dFhPingraiEd1xVT0wXzKOBcmllCMmxjnpDMyQem4hZRzktIgzESdu0iwaL6gAAArhJREFUSMeNVel6qjAQnbCKYHFDVLSKUte61qU37/9gN8tohKRfe36FwyGZyZwZ4M94bwct23r7s35gUQ4LTKiF75ed+wEK0ZRKjDRxnB38huU5DkkmQdFFdoX6vLr1qEfoK5q3ImR8gY+9in44oTrsIWyacjkJS/LtGyqW9dlxnBV5sOBCso1t+cL6LOkLh5Mk7biK665tegLciI4ftEqLHC7V279DH/X9Urbi2tJP0DFE/b8Sy/XOHAzoelLfcF/ZPU+pY9J/LKTe2UJNsXOu34IJdQyoDWn9SX45bIeOUX9EfR1ySjdIimubG/WfBCtWc1kqLXRXxpilUR9hBQi7vfZz14il5TDGgBkGlGEc31e+2DDmoGkxN0yAY8tWRywBcY1dscAEPp6p8n4LWScFYAJawuqqknsxwIlxJ5P+3KxYLnZETGv23bupxC2pXynqJp56lPpgwBotFCoqENLWSwrXLD8+POfIFj2Xk2rUIFFGHzaEaQR8KjAABFrOCoG130wWsC5jiPAdR3lsZSJd8th0RCW4C3dEWkL1HyqcnTohp6quPfS01nvExRzUCTzMTK5S3Vp2yG9pLx53TYqJduVYSarlqYtbWj7r4D+mnWceoygdYKXFSsFgMNcStt487fJV0ieagzvy1CsLeCrtjO5RntNSIK4cMUTGlFcC0iNKHyetqjHZeksNHsdGE9HT2N2Itn5AIi5VTQ0spT5HESu1TcQLMMem0TyEuDN6UdMm37lFPM9+6+gj2S71xuw5W2tuHIegYcc7ZW2a3mZ0G9UfYpQyxivAjBE34+1anhGp8PPFII9FJ/qVwmCDkv6uKs8t8YO+goa2Jz6ZjmOlvgdEGH5tTg0b0/Onh0Ex6wc+kYR/hh8w9qmO2zCCn7HZJyW1HZzgF4SbQW/ybVt20lquT3oR/wOM5KzKOTX13AAAAABJRU5ErkJggg==); background-repeat:no-repeat; background-position:22px center; border-radius:18px; padding:10px 0 10px 90px; } .about-us__item { width:25%; border:3px solid #e9e9e8; border-radius:18px; padding:10px 0; } .about-us__item-bold { display:block; font-size:6rem; } /* */ /* */ .works { background-image:url(/i/works__bg.png); background-repeat:no-repeat; background-position:center bottom; padding:60px 0 80px; } .works__title { color:#1e4f98; font-family:'FranklinGothic-Heavy'; font-size:3.6rem; text-transform:uppercase; margin:0; } .works__description { color:#000; font-family:'FranklinGothic-Demi'; } .works__list { margin-left:-1%; } .works__item { float:left; position:relative; width:32%; border-radius:18px; margin:0 0 1% 1%; overflow:hidden; transition:all .2s; } .works__item:hover .works__img { opacity:.9; } .works__item:hover .works__item-wrap { border-color:#70ac21; } .works__item-wrap { top:0; right:0; bottom:0; left:0; border:6px solid transparent; border-radius:18px; padding:0 40px; transition:all .2s; } .works__item-link { display:block; color:#fff; font-family:'FranklinGothic-Heavy'; font-size:2.2rem; line-height:1.2; text-decoration:underline; margin:34% 0 14px; } a:hover.works__item-link { color:#fff; text-decoration:none; } .works__item-products { color:#fff; font-size:1.2rem; background-color:#70ac21; border:3px solid #e9e9e8; border-radius:16px; padding:8px 20px; transition:all .2s; } a:hover.works__item-products { color:#fff; background-color:#649b1c; } /* */ /* */ .home__brands-title { color:#1e4f98; font-family:'FranklinGothic-Heavy'; font-size:3.6rem; text-transform:uppercase; text-align: center; } .home__brands-link { color:#000; font-family:'FranklinGothic-Demi'; font-style:italic; text-decoration:underline; } a:hover.home__brands-link { color:#000; text-decoration:none; } /* */ /* */ .home__contacts { height:574px; font-style:italic; font-family:'FranklinGothic-Demi'; background-color:#eee; margin-top:30px; } .home__contacts::before { position:absolute; top:0; left:0; right:0; z-index:2; height:40px; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAL0AAAAoCAMAAACcogvyAAAAnFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+TINBkAAAAM3RSTlMAbnbv4cfDr4hpNjEgF9KkjoSAcWZORzsnEQX36OXczbq3qZyXil5ZS0EtDAjzvrSRetZZQImPAAABWUlEQVRYw9XSV07DUBRF0eO49+7YTu+FVDz/uYFASEhE4NivXPYI1sdGwytNN1e3jRWtl/PXUcMnLno92h5rfM/b369q05DXa7eixuPcgUFaP9m4+LXKNqjqlwVa5MUqPf0o9tG23YyWfqzgqQ5zOvpxhqdzFjT0IwWdGhoE9Ak6l08l68MKfVJk6gMHfVtL09tgkDuTog9rsMkWr58cwKzTUrDeAtP2qkB9cATr1sL0A3BoqAnR6x74tBGgV8Atd8pZf/HBs4SrPgPnyoCbflGBf3dO+i2E5Bkc9CGEZbPWjwsI7MVkqrcguFxlpjdKiM9io1d3kJI3Z6CPIa1c66kPfcgs7aNfHCG7uKv+MgSBXqIu+isJ+4ffela/KkGpVGuvD9ITqLU3W+knkQOSVYr+h15PiNI/8zPz/Fg/NZOC3jA/c+3V7PylVwaDNNsdyhr/Kd/Jt+/yNzES+V/2U26wAAAAAElFTkSuQmCC); content:""; } .home__contacts-map { position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; } .home__contacts-wrap { z-index:3; } .home__contacts-title { font-style:normal; font-size:3.6rem; font-family:'FranklinGothic-Heavy'; text-transform:uppercase; margin:80px 0 0; } .home__contacts-email { display:block; color:currentColor; text-decoration:underline; } a:hover.home__contacts-email { color:currentColor; text-decoration:none; } /* */ /* */ .header { height:122px; } .header .logo { top:20px; left:35px; margin:0; } .header .logo__slogan { color:#fff; font-size:1.2rem; margin-top:8px; } .header .header__phone { top:14px; right:0; line-height:1.2; } .header__phone-address { color:#fff; font-size:1.4rem; font-family:'FranklinGothic-Demi'; margin:0; } .header__phone-number { font-size:3.6rem; font-family:'FranklinGothic-Heavy'; margin:6px 0 12px; } .header__phone-callback { color:#fff; font-size:1.4rem; background-color:#70ac21; border:3px solid #e9e9e8; border-radius:16px; padding:6px 8px; transition:all .2s; } a:hover.header__phone-callback { color:#fff; background-color:#649b1c; } .section-title { vertical-align:middle; width:100%; height:148px; color:#fff; font-size:3rem; text-transform:uppercase; text-align: center; padding: 40px; } .section-title::before { vertical-align:middle; width:100%; height:148px; text-align:center; } .section-title a{ color:#fff; } .section-title a:hover{ color:#000; text-decoration: underline; } .main { background-color:#fff; border-radius:5px 5px 0 0; padding:30px 36px; } .categories { background-color:#066aa5; border-radius:5px; overflow:hidden; } .categories__title { color:#fff; font-size:2.4rem; text-transform:uppercase; background-color:#1d8bcd; padding:10px 15px; margin:0; } .categories__list { color:#fff; font-size:1.6rem; margin:20px 15px 30px 35px; } .categories__item { margin:8px 0; } .categories__link { color:#fff; text-transform:uppercase; } a:hover.categories__link { color:currentColor; text-decoration:underline; } .catalog-link { margin-top:36px; } .catalog-link__wrap { top:0; right:0; bottom:0; left:0; color:#fff; padding:0 40px; } .catalog-link__link { display:block; color:currentColor; font-size:2rem; font-family:'FranklinGothic-Heavy'; line-height:1.2; text-decoration:underline; margin:30% 0 6px; } a:hover.catalog-link__link { color:currentColor; text-decoration:none; } .catalog-link__btn { color:currentColor; font-size:1.2rem; background-color:#70ac21; border:3px solid #e9e9e8; border-radius:14px; padding:5px 14px; transition:all .2s; } a:hover.catalog-link__btn { color:currentColor; background-color:#649b1c; } .infomation { background-color:#066aa5; margin-top:36px; border-radius:5px; overflow:hidden; } .information__title { color:#fff; font-size:2.4rem; text-transform:uppercase; background-color:#36aa45; padding:10px 15px; margin:0; } .page__title { position:relative; color: #066aa5; font-size:2.4rem; text-transform:uppercase; padding-bottom:12px; margin:10px 0 30px; } .page__title::before { position:absolute; bottom:0; left:0; width:40%; height:3px; background-color:#76adce; content:""; } blockquote { border-left:6px solid #066aa5; padding:0 0 2px 10px; margin-left:0; } .page__order { color:#fff; background-color:#163b72; border-radius:10px; padding:15px 0; } .page__order .reinstall__title { font-size:2rem; margin:0 0 15px; } .page__order .reinstall__input, .page__order .reinstall__btn { font-size:1.3rem; padding:5px 11px; } .page__order .reinstall__notice { /*font-size:1.2rem;*/ } /* */ /* */ /* Eiioaeia? */ .modal { /* Neie ia?ae?uoey */ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 2000; /* O?ainoi?iaoee i?ic?a?iinoe i?e ioe?uoee */ -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; /* Ne?uaaai ecia?aeuii */ opacity: 0; pointer-events: none; } /* Iieacuaaai iiaaeuiia ieii */ .modal:target { opacity: 1; pointer-events: auto; } /* Niaa??aiea */ .modal > div { width: 350px; background: #ffffff; position: relative; margin: 10% auto; /* Ii oiie?aie? ieieiece?oai aieiaoe? */ -webkit-animation: minimise 500ms linear; /* I?eaaai oi?ioee aea */ padding: 30px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9); -moz-box-shadow: 0 3px 20px rgba(0,0,0,0.9); box-shadow: 0 3px 20px rgba(0,0,0,0.9); text-shadow: 0 1px 0 #fff; } /* Eciaiyai aieiaoe? i?e ioe?uoee iiaaeuiiai ieia*/ .modal:target > div { -webkit-animation-name: bounce; } .modal h2 { font-size: 36px; padding: 0 0 20px; } @-webkit-keyframes bounce { 0% { -webkit-transform: scale3d(0.1,0.1,1); -webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9); } 55% { -webkit-transform: scale3d(1.08,1.08,1); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0); } 75% { -webkit-transform: scale3d(0.95,0.95,1); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.9); } 100% { -webkit-transform: scale3d(1,1,1); -webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9); } } @-webkit-keyframes minimise { 0% { -webkit-transform: scale3d(1,1,1); } 100% { -webkit-transform: scale3d(0.1,0.1,1); } } /* Nnueea ia eiiieo Cae?uou */ .modal a[href="#close"] { position: absolute; right: 0; top: 0; color: transparent; } /* Na?anuaaai eciaiaiey */ .modal a[href="#close"]:focus { outline: none; } /* Nicaaai eiiieo Cae?uou */ .modal a[href="#close"]:after { content: 'X'; display: block; /* Iiceoeiie?oai */ position: absolute; right: -10px; top: -10px; width: 30px; height: 30px; padding: 1px 1px 1px 2px; /* Noeee */ text-decoration: none; text-shadow: none; text-align: center; font-weight: bold; background: #000; color: #ffffff; border: 3px solid #ffffff; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.5); } .modal a[href="#close"]:focus:after, .modal a[href="#close"]:hover:after { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); } .modal a[href="#close"]:focus:after { outline: 0px solid #000; } /* Ioe?uaaai iiaaeuiia ieii */ a.openModal { } a.openModal:hover, a.openModal:focus { } .modal .modal_title { display: block; text-align: center; font-size: 22pt; } form.simpleForm2 label, form.simpleForm label{display:block; width:100%; text-align: left; color: #8ba32e !important; font-weight: 600; padding: 4px 14px 4px 0px;} form.simpleForm2 label span, form.simpleForm label span{color:#ff0000; width:100%;} form.simpleForm2 input.inputtext, form.simpleForm input.inputtext{width:100%; height:40px; float: left; border: 1px solid #E7E7E7; background-color: #fff; margin: 0 0 10px 0;} textarea.inputtext{width:100%;height:60px; border: 1px solid #E7E7E7; background-color: #fff;} .item-page a { color:#000; text-decoration: underline; } .simple-little-table { font-family: 'Tahoma', sans-serif; color:#000; font-size:12px; text-shadow: 1px 1px 0px #fff; background:#eaebec; border:#ccc 1px solid; border-collapse:separate; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; width: 100%; -moz-box-shadow: 0 1px 2px #d1d1d1; -webkit-box-shadow: 0 1px 2px #d1d1d1; box-shadow: 0 1px 2px #d1d1d1; } .simple-little-table th { font-weight:bold; padding:21px 25px 22px 25px; border-top:1px solid #fafafa; border-bottom:1px solid #e0e0e0; background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb)); background: -moz-linear-gradient(top, #ededed, #ebebeb); } .simple-little-table th:first-child{ text-align: left; padding-left:20px; } .simple-little-table tr:first-child th:first-child{ -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px; } .simple-little-table tr:first-child th:last-child{ -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; border-top-right-radius:3px; } .simple-little-table tr{ text-align: left; padding-left:20px; } .simple-little-table tr td:first-child{ text-align: left; padding-left:20px; border-left: 0; } .simple-little-table tr td { padding:15px; border-top: 1px solid #ffffff; border-bottom:1px solid #e0e0e0; border-left: 1px solid #e0e0e0; background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa)); background: -moz-linear-gradient(top, #fbfbfb, #fafafa); } .simple-little-table tr:nth-child(even) td{ background: #f6f6f6; background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6)); background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6); } .simple-little-table tr:last-child td{ border-bottom:0; } .simple-little-table tr:last-child td:first-child{ -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; } .simple-little-table tr:last-child td:last-child{ -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px; } .simple-little-table tr:hover td{ background: #f2f2f2; background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0)); background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0); } .simple-little-table a:link { color: #666; text-decoration:none; } .simple-little-table a:visited { color: #999999; text-decoration:none; } .simple-little-table a:active, .simple-little-table a:hover { color: #455593; text-decoration:underline; } #mxcpr { display: none; padding-top: 20px; text-align: right; } .jshop_menu_level_0, .jshop_menu_level_0_a { position: relative; display: inline-block; border: 1px solid rgba(255,255,255,0.1); background: rgba(0,0,0,0.1); cursor: pointer; margin: 0 3px 8px 0; padding: 0 10px; border-radius: 2px; text-shadow: 0 1px 0 rgba(255,255,255,0.1); font-size: 13px; line-height: 28px; color: #000; letter-spacing: normal; word-spacing: normal; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; } .jshop_menu_level_0 a{ color: #000; } .jshop_menu_level_0 a:hover,a:active{ text-decoration:underline; color: #000; } /* +++++++++++++++++++++++ pagenav +++++++++++++++++++++++ */ .pagenav { text-align: right } .pagenav ul { display: inline-block; *display: inline; /* IE7 inline-block hack */ list-style-type: none; margin-left: 0; margin-bottom: 0; } .pagenav li { display: inline; margin: 0; padding: 0 } .pagenav a,span.pagenav { padding: 0 14px; margin: 0; text-decoration: none; border: 1px solid #ddd; border-left: 0 solid #ddd; display: inline-block; line-height: 1.9em; } .pagenav li:first-child a,.pagination-start span { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; border-left: solid 1px #ddd } .pagenav li:last-child a,.pagination-end span { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .pagination ul { margin: 10px 10px 10px 0; padding: 0 } .pagination li { display: inline; } .pagination a { padding: 0 14px; line-height: 2em; text-decoration: none; border: 1px solid #ddd; border-left: 0 solid #ddd; display: inline-bloc; color: #000; } .pagination .active a { cursor: default; } .pagination span,.pagination span a:hover { cursor: default; padding: 0 14px; line-height: 2em; } .pagination li:first-child a { border-left-width: 1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .pagination li:last-child a { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } /* NEW 17.06.19 */ .breadcrumb { margin: 15px 0; } .breadcrumb li { display: inline; font-size: 14px; } table.table_extra_fields { width: 100%; border-collapse: collapse; } table.table_extra_fields td { border: 1px solid #ddd; padding: 7px 12px; } .modal .mod-title { font-weight: 700; font-size: 20px; margin: 0 0 12px; } .modal .simpleForm2 { margin: 0; } .simpleForm2 .inputtext { padding-left: 10px; padding-right: 10px; } .modal .sf2-checkboxes label { color: #333 !important; font-size: 15px; margin-bottom: 0; } .modal .simpleForm2 .sf2-form-item:last-child { margin-top: 10px; } .showorder { border: 3px solid #70ac21; border-radius: 14px; padding: 5px 14px; color: #ffffff; background-color: #70ac21; } .category_description { font-size: 14px; } .ftr_cities { margin-top: 40px; margin-bottom: 40px; } .ftr_cities .ftr_cities_row { display: flex; justify-content: space-between; margin-top: 20px; flex-wrap: wrap; } .most_glav { float: left; margin-left: 50px; } .marki_glav a { color: #ffffff; } .marki_glav a:hover,a:active{ text-decoration:underline; color: #ffffff; } .marki_glav { position: relative; font-color: white; display: inline-block; border: 1px solid rgba(255,255,255,0.1); background: #1e4f98; cursor: pointer; margin: 0 3px 8px 0; padding: 0 10px; border-radius: 12px; font-size: 13px; line-height: 28px; color: #f5f5f5; letter-spacing: normal; word-spacing: normal; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; } @media screen and (max-width:1280px) { .reinstall__wrap { width:90%; } .about-us__list { font-size:2.2rem; } .about-us__xp { width:23%; } .about-us__item { width:24%; } .works__item-wrap { padding:0 10px; } .works__item-link { margin-top:23%; } .catalog-link__link { margin-top:20%; } } @media screen and (max-width:960px) { .logo { left:15px; margin:0; text-align:left; } .headhome__phone { right:15px; } .reinstall__wrap { width:auto; } .reinstall__input, .reinstall__btn { width:32%; padding:8px 15px; } .about-us__list { flex-wrap:wrap; margin-top:40px; } .about-us__xp, .about-us__item { width:49%; margin-bottom:15px; } .works__item { width:49%; } .third { width:40%; } .most { width:60%; } .catalog-link__wrap { padding:0 10px; } .page__order .reinstall__wrap { flex-wrap:wrap; width:90%; } .page__order .reinstall__input, .page__order .reinstall__btn { width:100%; margin-bottom:15px; } } @media screen and (max-width:660px) { .car { display:none; } .reinstall__wrap { flex-wrap:wrap; } .reinstall__input, .reinstall__btn { width:100%; margin-bottom:10px; } .header .logo { width:40%; } .third { width:100%; } .most { width:100%; } .catalog-link__img { width:100%; } .catalog-link__link { margin-top:30%; } .footer__counter { display:none; } .footer__copyright { left:15px; } .footer__design { right:15px; } .categories__title, .information__title { position:relative; cursor:pointer; } .categories__title-arrow { position:absolute; top:50%; right:15px; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #fff; margin-top:-5px; } .categories__title-arrow--up { border-top:0; border-bottom:10px solid #fff; } } @media screen and (max-width:600px) { .headhome { height:110px; } .reinstall { margin:15px 0 0; } .logo { top:15px; width:33%; } .logo__slogan { display:none; } .headhome__phone { top:10px; } .about-us__xp, .about-us__item { width:100%; } .about-us__xp { text-align:center; padding:10px 0; } .works__item { width:100%; } .works__img { width:100%; } .works__item-link { margin-top:32%; } .header .logo { left:0; width:36%; } .footer { height:136px; } .footer__counter { display:block; top:70px; right:15px; left:auto; } .footer__design { top:70px; left:15px; right:auto; } } @media screen and (max-width:460px) { .headhome { height:208px; } .logo { top:5px; left:0; width:100%; text-align:center; } .headhome__phone { width:100%; top:130px; left:0; line-height:1.2; text-align:center !important; } .about-us { padding:0; } .about-us__list { margin:30px 0; } .works__item-link { margin-top:22%; } .header .logo { display:none; } .header .header__phone { width:100%; text-align:center !important; } .main { padding:16px; } .catalog-link__link { margin-top:20%; } .footer__counter { top:80px; } .footer__design { top:80px; } }