/*! 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: 2rem;
    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;
    }
}

/*  <general>  */



@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-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-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;
}

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;
}
/*  </general>  */

/*  <headhome>  */
span#logotext {
    font-size: 4.8rem;
    color: black;
    top: 10px;
    position: relative;
}

.headhome {
    /*height: 719px;
    background-image: url(../i/headhome__bg.jpg);
    background-repeat: no-repeat;
    background-position: center 0;*/
    height: 620px;
    background-image: url(../i/mazda1.jpeg);
    background-image: url(../i/mazda3.jpg);
    //background-image: url(../i/honda.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;
    color: #74a11d;
    font-weight: bold;
    // font-family: 'FranklinGothic-Heavy';
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-transform: uppercase;
    margin-top: 0px;
}

.headhome__phone {
    top: 40px;
    right: 0;
    color: #777;
    font-family: 'FranklinGothic-Demi';
    font-size: 1.4rem;
    // background-color: rgba(200,100,100,0.7);
}

.headhome__phone-address {
    margin: 0;
    color: black;
}

.headhome__phone-number {
    color: #000;
    font-family: 'FranklinGothic-Heavy';
    font-size: 3.6rem;
    margin: 0;
}

.headhome__phone-working {
    margin: 0;
    color: black;
}

.car {
    top: 235px;
    left: 50%;
    width: 669px;
    height: 156px;
    margin-left: -326px;
}
/*  </headhome>  */

/*  <reinstall>  */
.formTextBox {
    width: 100% !important;
}

    .formTextBox input {
        border-radius: 10px;
        height: 40px;
        color: GrayText;
        width: 100%;
    }

.formTable td {
    padding-left: 15px;
    padding-right: 10px;
}

.reinstall {
    color: #fff;
    background-color: #163b72;
    border-radius: 18px;
    padding: 25px 65px 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);
    background-image: url(../i/formBg.jpeg);
    background-color: #74a11d;
    // background-color: #e9e9e8;
}

.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;
}
/*  </reinstall>  */

/*  <about-us>  */
.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;
}
/*  </about-us>  */

/*  <works>  */
.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.8rem;
    line-height: 1.2;
    //text-decoration: underline;
    margin: 34% 0 14px;
    color: white;
    font-weight: bold;
    background-color: rgba(255,255,255,0.8);
    background-color: rgba(0,100,0,0.8);
    border-radius: 5px;
}

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;
}
/*  </works>  */

/*  <home__brands>  */
.home__brands-title {
    color: #1e4f98;
    font-family: 'FranklinGothic-Heavy';
    font-size: 3.6rem;
    text-transform: uppercase;
}

.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__brands>  */

/*  <home__contacts>  */
.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;
}
/*  </home__contacts>  */

/*  <inner page>  */
.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;*/
    }
/*  </inner page>  */

/*  <footer>  */
.footer {
    height: 68px;
    background-color: #1d8bcd;
    margin-top: 50px;
}

.footer__counter {
    top: 20px;
    left: 35px;
}

.footer__copyright {
    top: 15px;
    left: 136px;
    color: #fff;
    font-size: 1.4rem;
    font-family: 'FranklinGothic-Demi';
}

.footer__copyright-text {
    margin: 0;
}

.footer__design {
    top: 10px;
    right: 35px;
    width: 166px;
    height: 49px;
    background-image: url(../i/footer__design.png);
    background-repeat: no-repeat;
    background-position: center center;
    border: 5px solid rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    transition: all .2s;
}

a:hover.footer__design {
    border-color: rgba(255, 255, 255, .3);
}
/*  </footer>  */


/* 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: 10000;
    /* 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.simpleForm label {
    display: block;
    width: 100%;
    text-align: left;
    color: #8ba32e;
    font-weight: 600;
    padding: 4px 14px 4px 0px;
}

    form.simpleForm label span {
        color: #ff0000;
        width: 100%;
    }
/*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;
}

img#fary {
    position: absolute;
    top: 280px;
    left: 10px;
}

img#kuzov {
    position: absolute;
    top: 250px;
    right: 10px;
}

img#skol {
    position: absolute;
    top: 70px;
    left: 90px;
}