@font-face {

    font-family: roboto;

    src: url(/fonts/Roboto-Medium.ttf)
}



@font-face {

    font-family: robotos;

    src: url(/fonts/Roboto-Light.ttf);

}



@font-face {

    font-family: museosans;

    src: url(/fonts/MUSEOSANSCYRL_1.OTF);

}







html {

    line-height: 1.15;

    /* 1 */

    -webkit-text-size-adjust: 100%;

    /* 2 */

}

/* Sections

========================================================================== */



#final {

    display: flex;

}

/**

* Remove the margin in all browsers.

*/



body {

    margin: 0;

    font-family: roboto;

}



.li-menu a:hover {

    background: #ced0d3;

}



.flex-cont dd {

    margin-left: 0px;

}



.flex-cont .col-lg-3 {

    padding-right: 0;

}



.li-menu-second a:hover {

    background: #ced0d3;

}

/**

* Render the `main` element consistently in IE.

*/



main {

    display: block;

}

/**

* Correct the font size and margin on `h1` elements within `section` and

* `article` contexts in Chrome, Firefox, and Safari.

*/



h1 {

    font-size: 2em;

    margin: 0.67em 0;

}

/* Grouping content

========================================================================== */

/**

* 1. Add the correct box sizing in Firefox.

* 2. Show the overflow in Edge and IE.

*/



hr {

    box-sizing: content-box;

    /* 1 */

    height: 0;

    /* 1 */

    overflow: visible;

    /* 2 */

}

/**

* 1. Correct the inheritance and scaling of font size in all browsers.

* 2. Correct the odd `em` font sizing in all browsers.

*/



pre {

    font-family: monospace, monospace;

    /* 1 */

    font-size: 1em;

    /* 2 */

}

/* Text-level semantics

========================================================================== */

/**

* Remove the gray background on active links in IE 10.

*/



a {

    background-color: transparent;

}

/**

* 1. Remove the bottom border in Chrome 57-

* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.

*/



abbr[title] {

    border-bottom: none;

    /* 1 */

    text-decoration: underline;

    /* 2 */

    text-decoration: underline dotted;

    /* 2 */

}

/**

* Add the correct font weight in Chrome, Edge, and Safari.

*/



b,

strong {

    font-weight: bolder;

}

/**

* 1. Correct the inheritance and scaling of font size in all browsers.

* 2. Correct the odd `em` font sizing in all browsers.

*/



code,

kbd,

samp {

    font-family: monospace, monospace;

    /* 1 */

    font-size: 1em;

    /* 2 */

}

/**

* Add the correct font size in all browsers.

*/



small {

    font-size: 80%;

}

/**

* Prevent `sub` and `sup` elements from affecting the line height in

* all browsers.

*/



sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;

}



sub {

    bottom: -0.25em;

}



sup {

    top: -0.5em;

}

/* Embedded content

========================================================================== */

/**

* Remove the border on images inside links in IE 10.

*/



img {

    border-style: none;

    border-style: none;

    margin-right: 20px;

}

/* Forms

========================================================================== */

/**

* 1. Change the font styles in all browsers.

* 2. Remove the margin in Firefox and Safari.

*/



button,

input,

optgroup,

select,

textarea {

    font-family: inherit;

    /* 1 */

    font-size: 100%;

    /* 1 */

    line-height: 1.15;

    /* 1 */

    margin: 0;

    /* 2 */

    border: none;

}

/**

* Show the overflow in IE.

* 1. Show the overflow in Edge.

*/



button,

input {

    /* 1 */

    overflow: visible;

}

/**

* Remove the inheritance of text transform in Edge, Firefox, and IE.

* 1. Remove the inheritance of text transform in Firefox.

*/



button,

select {

    /* 1 */

    text-transform: none;

}



html {

    box-sizing: border-box;

}



.row .aa {

    display: flex;

}



.contact-item {

    display: flex;

}



.contact-item p {

    margin-right: 20px;

}



.contact-phone a {

    display: block;

    margin-top: 0;

    margin-bottom: 1rem;

    margin-left: 1rem;

    margin-top: 1px;

}



.contact-name {

    font-weight: 700;

}



.ema {

    display: flex;

}



.ema a {

    margin-left: 30px;

}



.flex-cont {

    display: flex;

}



.content_block {

    max-width: 80% !important;

    margin-right: auto !important;

    margin-left: auto !important;

    padding-right: 15px !important;

    padding-left: 15px !important;

    padding-top: 20px !important;

    padding-bottom: 20px !important;

    width: 100% !important;

    font-weight: 400 !important;

    line-height: 1.5 !important;

}



.flex-cont .col-lg-3,

.col-lg-9 {

    width: 50%;

}



.flex-cont .col-lg-3 {

    max-width: 100px;

}



.content_block img {

    display: block;

    height: auto;

    max-width: 100%;

}



.content_block li {

    list-style: disc;

}



.content_block a {

    color: #2165b2;

}



.bcta-title {

    font-size: 1.5rem !important;

}



.bcta-phone>a,

.bcta-email>a {

    color: #2165b2 !important;

    text-decoration: none !important;

}



header p {

    margin-bottom: 0;

}



header a[class="bold"] {

    letter-spacing: 1px;

}



*,

::after,

::before {

    box-sizing: inherit !important;

}



.bcta-phone {

    font-size: 3.5rem !important;

}



@media (max-width: 1199px) {}



.bcta-phone {

    font-size: 2.5rem;

}



.text-center {

    text-align: center !important;

}



.bcta-email {

    font-size: 1.5rem;

}



ul {

    list-style: disc;

}



.content_block h1 {

    text-align: left !important;

    padding-left: 0 !important;

}



.consult {

    max-width: 80%;

    margin-right: auto;

    margin-left: auto;

    padding-right: 15px;

    padding-left: 15px;

    padding-top: 30px;

    padding-bottom: 30px;

    width: 100%;

}



h5 {

    margin-top: 0 !important;

}



img.alignleft,

img.alignright,

img.aligncenter {

    margin-bottom: 1rem !important;

}



.aligncenter,

img.aligncenter {

    clear: both !important;

    display: block !important;

    margin-left: auto !important;

    margin-right: auto !important;

}



img.size-auto,

img.size-full,

img.size-large,

img.size-medium,

.attachment img,

.widget-container img {

    max-width: 100%;

    height: auto;

}



element.style {

    width: 258px !important;

}



.wp-caption {

    line-height: 1.25rem;

    margin-bottom: 1rem;

    text-align: center;

}



.alignleft,

img.alignleft,

img.pull-left.add-margins,

.pull-left img.add-margins {

    float: left;

    margin-right: 2rem;

}



#breadcrumbs {

    margin: .5rem 0px;

    font-size: 0.75em;

    text-transform: uppercase;

    letter-spacing: 1px;

}



.gallery .gallery-icon>a,

.gallery .gallery-icon>a>img {

    position: relative;

    width: 100%;

    height: 100%;

}



.gallery .gallery-item img {

    margin: 0 auto;

}



.gallery img {

    max-width: 100%;

    max-height: 100%;

    object-fit: cover;

}



.gallery {

    /*margin: 0 auto 2rem;*/

    display: flex;

    width: 100%;

    flex-wrap: wrap;

    justify-content: center;

}



.gallery .gallery-item {

    box-sizing: border-box;

    padding: .5rem;

    /* text-align: center; */

    vertical-align: top;

    flex-shrink: 0;

}



.content_block p {

    margin-top: 0;

    margin-bottom: 1rem;

}



.alignright,

img.alignright {

    float: right;

    margin-left: 2rem;

}



.gallery-columns-5 .gallery-item {

    width: 20%;

}



.clients-area {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



.clients-area .client {

    width: 20%;

    flex-shrink: 0;

    padding: 1rem;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: row;

    max-height: 13rem;

    max-width: 7rem;

    transition: .5s all;

    opacity: .5;

}



.clients-area .client .client-img {

    display: flex;

    margin: auto;

}



@media (min-width: 1199px) {

    .clients-area .client .client-img {

        max-height: 10rem;

    }

    .clients-area .client:not(.without-logo) .client-text {

        display: none;

    }

    .tdn,

    .tdn a {

        text-decoration: none;

    }

    .mb-4 {

        margin-bottom: 1.5rem !important;

    }

    .lead {

        font-weight: 500;

        line-height: 1.5em;

    }

    dd {

        margin-bottom: .5rem;

        margin-left: 0;

    }

    dt {

        font-weight: 700;

    }

    .content_block .dlex {

        display: flex;

    }

    .row .dlex {

        display: flex;

    }

    .row .aa {

        display: -ms-flexbox;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        margin-right: -15px;

        margin-left: -15px;

    }

    .col-lg-3 {

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        /* max-width: 25%; */

    }

    .col-lg-9 {

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%;

    }

    .card {

        position: relative;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-direction: column;

        flex-direction: column;

        min-width: 0;

        word-wrap: break-word;

        background-color: #fff;

        background-clip: border-box;

        border: 1px solid rgba(0, 0, 0, .125);

        border-radius: .25rem;

    }

    .card-body {

        -ms-flex: 1 1 auto;

        flex: 1 1 auto;

        padding: 1.25rem;

    }

    .form-group {

        margin-bottom: 1rem;

    }

    form label {

        font-weight: 600;

        font-size: .85rem;

        opacity: .85;

    }

    label {

        display: inline-block;

        margin-bottom: .5rem;

    }

    .form-control {

        display: block;

        width: 90%;

        padding: .5rem .75rem;

        font-size: 1rem;

        line-height: 1.25;

        color: #495057;

        background-color: #fff;

        background-image: none;

        background-clip: padding-box;

        border: 1px solid rgba(0, 0, 0, .15);

        border-radius: .25rem;

        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

    }

    button,

    input,

    optgroup,

    select,

    textarea {

        margin: 0;

        font-family: inherit;

        font-size: inherit;

        line-height: inherit;

    }

    .text-muted {

        color: #868e96 !important;

    }

    .small,

    small {

        font-size: 80%;

        font-weight: 400;

    }

    .col,

    .col-1,

    .col-10,

    .col-11,

    .col-12,

    .col-2,

    .col-3,

    .col-4,

    .col-5,

    .col-6,

    .col-7,

    .col-8,

    .col-9,

    .col-auto,

    .col-lg,

    .col-lg-1,

    .col-lg-10,

    .col-lg-11,

    .col-lg-12,

    .col-lg-2,

    .col-lg-3,

    .col-lg-4,

    .col-lg-5,

    .col-lg-6,

    .col-lg-7,

    .col-lg-8,

    .col-lg-9,

    .col-lg-auto,

    .col-md,

    .col-md-1,

    .col-md-10,

    .col-md-11,

    .col-md-12,

    .col-md-2,

    .col-md-3,

    .col-md-4,

    .col-md-5,

    .col-md-6,

    .col-md-7,

    .col-md-8,

    .col-md-9,

    .col-md-auto,

    .col-sm,

    .col-sm-1,

    .col-sm-10,

    .col-sm-11,

    .col-sm-12,

    .col-sm-2,

    .col-sm-3,

    .col-sm-4,

    .col-sm-5,

    .col-sm-6,

    .col-sm-7,

    .col-sm-8,

    .col-sm-9,

    .col-sm-auto,

    .col-xl,

    .col-xl-1,

    .col-xl-10,

    .col-xl-11,

    .col-xl-12,

    .col-xl-2,

    .col-xl-3,

    .col-xl-4,

    .col-xl-5,

    .col-xl-6,

    .col-xl-7,

    .col-xl-8,

    .col-xl-9,

    .col-xl-auto {

        position: relative;

        width: 100%;

        min-height: 1px;

        padding-right: 15px;

    }

    b,

    strong {

        font-weight: bolder;

    }

    .h5,

    h5 {

        font-size: 1.25rem;

    }

    .h1,

    .h2,

    .h3,

    .h4,

    .h5,

    .h6,

    h1,

    h2,

    h3,

    h4,

    h5,

    h6 {

        margin-bottom: .5rem;

        font-family: inherit;

        font-weight: 500;

        line-height: 1.1;

        color: inherit;

    }

    @media screen and (max-width: 1200px) {

        .content_block .dlex {

            display: block;

        }

    }

}



.clients-area .client:hover {

    opacity: 1;

}

/**

* Correct the inability to style clickable types in iOS and Safari.

*/



button,

[type="button"],

[type="reset"],

[type="submit"] {

    -webkit-appearance: button;

}

/**

* Remove the inner border and padding in Firefox.

*/



button::-moz-focus-inner,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner {

    border-style: none;

    padding: 0;

}

/**

* Restore the focus styles unset by the previous rule.

*/



button:-moz-focusring,

[type="button"]:-moz-focusring,

[type="reset"]:-moz-focusring,

[type="submit"]:-moz-focusring {

    outline: 1px dotted ButtonText;

}

/**

* Correct the padding in Firefox.

*/



fieldset {

    padding: 0.35em 0.75em 0.625em;

}

/**

* 1. Correct the text wrapping in Edge and IE.

* 2. Correct the color inheritance from `fieldset` elements in IE.

* 3. Remove the padding so developers are not caught out when they zero out

*    `fieldset` elements in all browsers.

*/



legend {

    box-sizing: border-box;

    /* 1 */

    color: inherit;

    /* 2 */

    display: table;

    /* 1 */

    max-width: 100%;

    /* 1 */

    padding: 0;

    /* 3 */

    white-space: normal;

    /* 1 */

}

/**

* Add the correct vertical alignment in Chrome, Firefox, and Opera.

*/



progress {

    vertical-align: baseline;

}

/**

* Remove the default vertical scrollbar in IE 10+.

*/



textarea {

    overflow: auto;

}

/**

* 1. Add the correct box sizing in IE 10.

* 2. Remove the padding in IE 10.

*/



[type="checkbox"],

[type="radio"] {

    box-sizing: border-box;

    /* 1 */

    padding: 0;

    /* 2 */

}

/**

* Correct the cursor style of increment and decrement buttons in Chrome.

*/



[type="number"]::-webkit-inner-spin-button,

[type="number"]::-webkit-outer-spin-button {

    height: auto;

}

/**

* 1. Correct the odd appearance in Chrome and Safari.

* 2. Correct the outline style in Safari.

*/



[type="search"] {

    -webkit-appearance: textfield;

    /* 1 */

    outline-offset: -2px;

    /* 2 */

}

/**

* Remove the inner padding in Chrome and Safari on macOS.

*/



[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none;

}

/**

* 1. Correct the inability to style clickable types in iOS and Safari.

* 2. Change font properties to `inherit` in Safari.

*/



::-webkit-file-upload-button {

    -webkit-appearance: button;

    /* 1 */

    font: inherit;

    /* 2 */

}

/* Interactive

========================================================================== */

/*

* Add the correct display in Edge, IE 10+, and Firefox.

*/



details {

    display: block;

}

/*

* Add the correct display in all browsers.

*/



summary {

    display: list-item;

}

/* Misc

========================================================================== */

/**

* Add the correct display in IE 10+.

*/



template {

    display: none;

}

/**

* Add the correct display in IE 10.

*/



[hidden] {

    display: none;

}



.header {

    padding: 1.5rem 0 1rem 0;

    background: #f1f3f7;

    border-bottom: 2px linear-gradient(to right, #ff3d01 0%, #ffb200 17%, #9ace03 34%, #8dc41a 50%, #9ace03 66%, #ffb200 83%, #ff3d01 100%);

}



.nav-container {

    display: flex;

}



.header li:hover {

    border-bottom: 2px solid rgb(119, 118, 201);

}



body {

    font-size: 15px;

    font-family: 'Roboto', tahoma, arial, sans;

}



p {

    margin: 0;

}



li {

    list-style: none;

    font-size: 15px;

    font-family: sans-serif;

}



.header-container {

    display: flex;

    max-width: 1340px;

    justify-content: space-between;

    margin: auto;

    padding-left: 15px;

    padding-right: 15px;

}



.nav-container-mobile {

    display: none;

}



header ul {

    display: flex;

    padding: 0;

    align-items: center;

    margin: 0;

}



li {

    padding: .33rem .95rem;

    color: #2c2f33;

    border-bottom: 2px solid transparent;

}



li .fas {

    font-size: 10px;

    vertical-align: initial;

}



.fas {

    transform: rotate(180deg);

    margin-left: 3px;

    opacity: 0.7;

    vertical-align: text-bottom;

}



.right-container {

    display: flex;

    float: right;

    margin-top: -22px;

}



.header a {

    text-decoration: none;

    color: #2c2f33;

}



.fas:nth-of-type(3) {

    transform: rotate(0deg);

}



li:hover+.fas {

    color: red !important;

}



#navigation:checked~.modal-nav-container {

    height: 180px;

}



#a1:checked~.modal-nav-container {

    height: 500px;

}



.nav-mobile i {

    float: left;

    opacity: 0.5;

}



.nav-mobile {

    font-size: 20px;

    margin-right: 17px;

}



.nav-label {

    font-size: 15px;

    font-family: roboto;

    padding: 5px;

    padding: 7px 0px 15px;    

}



.nav-container-mobile {

    max-width: 600px;

    font-family: sans-serif;

    margin: auto;

    padding-top: 10px;

    color: rgba(0, 0, 0, .5);

}



#a1,

#a2,

#a3,

#a4 {

    display: none;

}



.modal-nav-container p {

    font-family: sans-serif;

}



.modal-nav-container {

    height: 0px;

    transition: all 0.3s ease-in-out;

    overflow: hidden;

}



.modal-nav-container label:nth-of-type(4),

.modal-nav-container label:nth-of-type(5) {

    margin-left: 10px;

}



.modal-nav-container i {

    float: left;

    transform: rotate(360deg);

    opacity: 0.5;

}



.nav-label {

    display: block;

}



#navigation {

    display: none;

}



.phone {

    display: flex;

    padding-right: 30px;

    padding-top: 12px;

}



.bold {

    font-weight: bold;

    letter-spacing: 1px;

}



.fax {

    font-size: 12.8px;

    letter-spacing: 0.7px;

    font-family: sans-serif;

}



.phone .fas {

    color: green;

    font-size: 36px;

    align-self: center;

    transform: rotate(360deg);

    margin-right: 7px;

    margin-top: 8px;

}

.phone {

    width: 180px;

}



.text-header-container {

    line-height: 21px;

    text-align: 8px;

    align-self: center;

    padding-bottom: 6px;

    padding-top: 13px;

}



.button {

    font-family: sans-serif;

    height: 49px;

    align-self: center;

    background: #5c9f31;

    vertical-align: bottom !important;

    position: relative;

    text-decoration: none;

    font-size: 15px;

    font-family: 'Roboto',
        /* 'Open Sans', */

        tahoma, arial, sans;

    padding: .75rem .75rem;

    display: inline-block;

    font-weight: 100;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    border: 1px solid transparent;

    padding: .5rem .75rem;

    font-size: 15px;

    line-height: 1.25;

    color: white;

    border-radius: .25rem;

    transition: all .15s ease-in-out;

}



.button .fas {

    transform: rotate(360deg);

    opacity: 0.4;

    margin-left: 7px;

}



.services {

    max-width: 1240px;

    margin: auto;

    /* padding-left: 100px; */

    padding-top: 28px;

    padding-left: 20px;

    padding-right: 20px;

    color: rgb(33, 37, 41);

    padding-bottom: 50px;

}



h3 {

    margin-bottom: 0;

    font-weight: initial;

}



.cards-container {

    display: flex;

    margin-top: -40px;

}



.cards-container .service-card {

    margin: auto;

}



.service-card {

    width: 33%;

}



.service-card ul {

    display: block;

    max-width: 350px;

}



.horizontal-line {

    height: 2px;

    width: 15px;

    opacity: 0.55;

    margin-right: 8px;

    background: gray;

    align-self: center;

}



.fas {

    position: relative;

}



.nav-container li:hover a+.fas {

    transform: rotate(360deg);

}



.service-card li {

    padding: .33rem .55rem;

    line-height: 1.3;

    display: flex;

    max-width: 100%;

    text-decoration: underline;

    padding-left: 0;

}



.service-card li a {

    color: #2165b2;

    font-size: 15px;

    text-decoration: underline;

}



.cards-container-second {

    display: flex;

    margin-left: 40px;

    margin-right: 40px;

}



.margin {

    padding-left: 42px;

}



.about-container {

    max-width: 1240px;

    margin: auto;

    /* padding-left: 100px; */

    padding-top: 15px;

    width: 70%;

    padding-bottom: 2rem;

}



.about-container h2 {

    margin-left: 0;

    font-weight: 600;

    line-height: 1.2em;

    font-size: 28px;

    color: rgb(33, 37, 41);

    font-family: roboto;

    font-weight: 100;

}



.about-container h3 {

    font-size: 20px;

    font-weight: 600;

    color: rgb(33, 37, 41);

    margin-bottom: 1rem;

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}



.about-container p {

    margin-bottom: 1rem;

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}



.about {

    background: #f1f3f7;

    margin: auto;
    margin-top: -30px;

    /* padding-left: 100px; */

    padding-left: 20px;

    padding-right: 20px;

}



h2 {

    font-family: roboto;

    font-size: 28px;

    font-weight: 100;

    margin-left: 41px;

    margin-bottom: 0;

}



.haver .li-menu {
    position: absolute;
    display: none;
    width: 540px;
    height: 225px;
    z-index: 2;
    background: #e1e2e5;
    margin-top: 20px;
    line-height: 1.15;
    

}



.li-menu a {
    display: block;
    padding: 4px 24px 4px 24px;
    color: rgba(0, 0, 0, .7);
    font-size: 15px;

}



.li-menu-second a {
    display: block;
    padding: 4px 24px;
    color: rgba(0, 0, 0, .7);
    font-size: 15px;
    

}



.haver:hover>.li-menu {
    display: block;

    padding: 10px;

    margin-top: 24px;

}



.second-haver:hover>.li-menu-second {

    display: block;

}



.second-haver:hover>#fortrans2 #trans,
.second-haver:hover>#fortrans-info #trans-info,
.second-haver:hover>#fortrans-dev #trans-dev {

    transform: rotate(270deg);

}



.haver:hover>#fortrans #trans2 {

    transform: rotate(270deg);

}



.haver:hover~.li-menu-second a {

    display: block;

    font-size: 15px;

    padding: 5px 24px;

    color: rgba(0, 0, 0, .7);
    

}



.li-menu-second a {

    font-size: 15px;

    padding: 5px 24px;

    color: rgba(0, 0, 0, .7);

}



.li-menu-second {
    position: absolute;
    display: none;
    width: 244px;
    height: 140px;
    z-index: 2;
    background: #e1e2e5;
    margin-top: 24px;
    line-height: 1.15;
}


#a1:checked #a2:checked+.modal-nav-container {

    height: auto;

}



.name {

    font-size: 17.6px;

    ;

    color: #2165b2;

    text-decoration: underline;

}



.service-card:nth-last-child(1) li {

    text-decoration: none;

}



.shadow {

    box-shadow: 0px 0.25rem 3rem rgba(0, 0, 0, .2);

    padding: 1.5rem 2rem;

}



h1 {

    text-align: center;

    font-size: 32px;

    font-weight: 600;

    line-height: 1em;

    padding: 10px 10px;

    max-width: 100%;

    margin: auto;

    color: rgb(33, 37, 41);

}



.line {

    background: linear-gradient(to right, #ff3d01 0%, #ffb200 17%, #9ace03 34%, #8dc41a 50%, #9ace03 66%, #ffb200 83%, #ff3d01 100%);

    height: 3px;

}



.footer-container {

    margin-right: auto;

    margin-left: auto;

    padding-right: 15px;

    padding-left: 15px;

    width: 100%;

    padding: 3rem 0;

    max-width: 1550px;

    display: flex;

}



.right-footer {

    width: 70%;

}



.right-footer-container {

    display: flex;

}



.right-footer-container .service-card a {

    color: #91b3d9;

    font-size: .85em;

    text-decoration: none !important;

}



.right-footer-container li {

    text-decoration: none !important;

    padding: .1rem .55rem;

    list-style: circle outside !important;

}



.right-footer-container ul {

    list-style: circle outside;

}



.right-footer h3 {

    font-size: 20px;

    margin: 0;

    padding-bottom: 5px;

    color: white !important;

}



.right-footer-container .service-card ul li {

    list-style: square;

}



.right-footer-container:last-child {

    padding-top: 1.5rem;

}



.ball {

    align-self: center;

    margin-right: 5px;

    width: 4px;

    height: 4px;

    border-radius: 50% 50%;

    background: white;

}



footer a {

    color: #91b3d9;

}



.row .aa {

    display: flex;

}



.left-footer {

    width: 25%;

}



.left-footer p:last-child {

    max-width: 240px;

}



.last {

    margin-bottom: 1.5rem;

}



.oo {

    margin-bottom: 25px;

    max-width: 250px;

    padding-top: 20px;

}



.logo-footer {

    height: 50px;

    width: 250px;

}



footer {

    background: #222324;

}



footer p {

    font-weight: 500;

    font-size: .85rem;

    color: #868e96;

}



@media screen and (max-width: 1920px) {

    .services {

        max-width: 1240px;

    }

}



@media screen and (max-width: 1200px) {

    .calculation__zerno {

        width: 80%;

    }

    .header ul {

        display: none;

    }

    #final {

        display: block;

    }

    .nav-container-mobile {

        display: block;

    }

    .logo-footer {

        height: 100px;

        width: 500px;

    }

    footer ul {

        padding: 0;

    }

    h1 {

        display: inline-block;

        max-width: 80%;

    }

    .header-container {

        display: block;

    }

    .logo-container {

        text-align: center;

    }

    .right-container {

        float: none;

        display: block;

        text-align: center;

    }

    .nav-container {

        display: block;

    }

    .phone {

        padding: 0;

        width: fit-content;

        margin: auto;

        margin-top: 20px;

        margin-bottom: 20px;

    }

    .button {

        width: 70%;

    }

    h1 {

        font-size: 24px;

        ;

    }

    .header {

        text-align: center;

    }

    .cards-container {

        display: block;

        margin: 0;

        margin-left: 22px;

    }

    .nav-container-div {
        width: 100%;
        height: 0px;
        background: white;
        display: none;
        transition: all 0.3s ease-in-out;
        font-size: .85rem;
    }

    .nav-container-div a {

        display: block;

        padding: 0.35rem 1.5rem;

        padding-top: 10px;

        text-decoration: underline;

        color: #2165b2;

    }

    #a1:checked+.modal-nav-container .nav-container-div {
        display: block;
        position: relative;
        height: auto;
    }

    .nav-container-div-second {
        display: none;
        width: 100%;
        height: 155px;
        background: white;
        display: none;
        transition: all 0.3s ease-in-out;
        font-size: .85rem;
    }

    .nav-container-div-third {
        display: none;
        width: 100%;
        height: 125px;
        background: white;
        display: none;
        transition: all 0.3s ease-in-out;
        font-size: .85rem;
    }

    .nav-container-mobile {
        margin: auto;
    }
    #a2:checked~.modal-nav-container {
        height: auto;
    }
    #a2:checked~.modal-nav-container .nav-container-div-second {
        display: block;
    }
    #a3:checked~.modal-nav-container {
        height: auto;
    }
    #a3:checked~.modal-nav-container .nav-container-div-third {
        display: block;
    }

    .nav-container-div-second a {
        display: block;
        padding: 0.35rem 1.5rem;
        padding-top: 10px;
        text-decoration: underline;
        color: #2165b2;
    }

    .nav-container-div-third a {
        display: block;
        padding: 0.35rem 1.5rem;
        padding-top: 10px;
        text-decoration: underline;
        color: #2165b2;
    }

    #a2:checked+.modal-nav-container.nav-container-div-second {
        width: 100%;
        height: auto;
        background: white;
        display: block;
        transition: all 0.3s ease-in-out;
        font-size: .85rem;
    }
    #a3:checked+.modal-nav-container.nav-container-div-third {
        width: 100%;
        height: auto;
        background: white;
        display: block;
        transition: all 0.3s ease-in-out;
        font-size: .85rem;
    }

    #a1:checked>label .transoform {
        transform: rotate(17deg);
    }

    #a1:checked+.modal-nav-container {
        height: auto;
    }

    .services {

        max-width: 960px;

        margin: auto;

        padding-left: 15px;

        padding-right: 15px;

    }

    .cards-container-second {

        display: block;

    }

    h2 {

        margin-left: 20px;

    }

    .margin {

        padding: 0;

    }

    .cards-container .service-card {

        margin: 0;

    }

    .service-card {

        width: 100%;

    }

    .shadow {

        box-shadow: none;

        padding: 0;

    }

    .services {

        max-width: 760px;

    }

    .about-container {

        width: 90%;

    }

    .footer-container {

        display: block;

    }

    .left-footer {

        width: 100%;

        text-align: center;

    }

    .left-footer p:last-child {

        margin: auto;

        max-width: 100%;

    }

    .oo {

        max-width: 100%;

        text-align: center;

    }

    .right-footer {

        margin: auto;

        text-align: center;

        margin-top: 20px;

    }

    .right-footer-container {

        display: block;

    }

    .right-footer-container .service-card a {

        margin: auto;

    }

    .services .service-card ul {

        margin: 0;

    }

    .service-card ul {

        margin: auto;

    }

    .ball {

        display: none;

    }

}



@media screen and (max-width: 830px) {

    .logo-footer {

        height: 86px;

        width: 380px;

    }

}



@media screen and (max-width: 750px) {

    .services {

        max-width: 760px;

    }

    .about-container {

        width: 80%;

    }

    .footer-container {

        display: block;

    }

    .nav-container-mobile {
        max-width: 100%;
        margin: 20px;
    }

    .left-footer {

        width: 100%;

        text-align: center;

    }

    .left-footer p:last-child {

        margin: auto;

        max-width: 100%;

    }

    .oo {

        max-width: 100%;

        text-align: center;

    }

    .right-footer {

        margin: auto;

        text-align: center;

        margin-top: 20px;

    }

    .right-footer-container {

        display: block;

    }

    .service-card ul {

        margin: auto;

    }

    .ball {

        display: none;

    }

    .logo-footer {

        height: 76px;

        width: 350px;

    }

    h1 {

        max-width: 90%;

    }

}



@media screen and (max-width: 620px) {

    .logo-footer {

        height: 66px;

        width: 340px;

    }

}



@media screen and (max-width:475px) {

    .logo-footer {

        height: 56px;

        width: 300px;

    }

}



@media screen and (max-width:475px) {

    .logo-footer {

        height: 56px;

        width: 250px;

    }

}



.formula_tut {

    display: flex;

    justify-content: center;

}

/* Калькулятор ТЭР */



.gradient {

    height: 4px;

    width: auto;

    margin-bottom: 0;

    background: linear-gradient(to right, #ff3d01 0%, #ffb200 17%, #9ace03 34%, #8dc41a 50%, #9ace03 66%, #ffb200 83%, #ff3d01 100%);

}



input {

    font-family: 'Times New Roman', Times, serif;

    font-size: 18px;

    background-color: #fafbfd;

    text-align: center;

}



thead>tr {

    text-align: center;

    font-weight: bold;

    border: 2px solid grey;

    background-color: #e9ebf0;

}



table td:first-child {

    text-align: center;

}



table td:nth-child(6) {

    white-space: nowrap;

}



a.button_admin,

.btn {

    position: relative;

    display: inline-block;

    width: 6em;

    height: 1.5em;

    line-height: 1.5em;

    vertical-align: middle;

    text-align: center;

    font-family: 'Times New Roman', Times, serif;

    text-decoration: none;

    color: black;

    outline: none;

    border: 1px solid rgb(73, 72, 72);

    border-radius: 5px;

    box-shadow: 0 0 0 60px rgba(0, 0, 0, 0) inset, .1em .1em .3em grey;

    background: #e9ebf0;

}



a.button_admin:hover,

.btn:hover {

    background-color: #f4f6fa;

}



a.button_admin:active,

.btn:active {

    top: .1em;

    left: .1em;

    box-shadow: 0 0 0 60px rgba(0, 0, 0, .05) inset;

}

/* Модальное окно */

/* Стили модального окна */



.modal-header h2 {

    font-size: 20px;

    font-weight: bold;

    margin: 0;

    text-align: center;

}



.modal-header {

    background-color: #e9ebf0;

}

/* кнопка закрытия окна */



.modal .btn-close {

    color: #aaa;

    cursor: pointer;

    font-size: 30px;

    text-decoration: none;

    position: absolute;

    right: 5px;

    top: 0;

}



.modal .btn-close:hover {

    color: red;

}

/* слой затемнения */



.modal-wrap:before {

    content: "";

    display: none;

    background: rgba(0, 0, 0, .3);

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 101;

}



.modal-overlay {

    bottom: 0;

    display: none;

    left: 0;

    position: fixed;

    right: 0;

    top: 0;

    z-index: 102;

}

/* активация слоя затемнения и модального блока */



.modal-open:checked~.modal-wrap:before,

.modal-open:checked~.modal-wrap .modal-overlay {

    display: block;

}



.modal-open:checked~.modal-wrap .modal-dialog {

    -webkit-transform: translate(-50%, 0);

    -ms-transform: translate(-50%, 0);

    -o-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

    top: 20%;

}

/* элементы модального окна */



.modal-dialog {

    background: #fefefe;

    border: none;

    border-radius: 5px;

    position: fixed;

    width: 80%;

    width: 700px;

    left: 50%;

    top: -100%;

    -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);

    -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);

    box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);

    -webkit-transform: translate(-50%, -500%);

    -ms-transform: translate(-50%, -500%);

    -o-transform: translate(-50%, -500%);

    transform: translate(-50%, -500%);

    -webkit-transition: -webkit-transform 0.4s ease-out;

    -moz-transition: -moz-transform 0.4s ease-out;

    -o-transition: -o-transform 0.4s ease-out;

    transition: transform 0.4s ease-out;

    z-index: 103;

}



.modal-body {

    padding: 20px;

}



.modal-body p {

    margin: 0;

}



.modal-header,

.modal-footer {

    padding: 20px 20px;

}



.modal-header {

    border-bottom: #eaeaea solid 1px;

}



.modal-header h2 {

    font-size: 20px;

    margin: 0;

}



.modal-footer {

    text-align: right;

    background-color: #e9ebf0;

    padding: 15px 15px 15px 15px;

}

/* адаптивные картинки в модальном блоке */



.modal-body img {

    max-width: 100%;

    height: auto;

}

/* Ввод данных ТЕР */



.modal-body {

    font-family: 'Times New Roman', Times, serif;

    font-size: 18px;

    padding-bottom: 10px;

    border-bottom: 1px solid #e9ebf0;

}



.formula {

    display: block;

    text-align: center;

    margin-bottom: 15px;

}



.formula>p {

    margin-bottom: 10px;

}



.ter {

    display: flex;

    margin: 5px;

    top: 50%;

}



.ter>p {

    display: inline-block;

    margin: auto 5px;

}



.ter input {
    border: 2px solid black;
   
    width: 100px;

}



.calculation_tut {

    margin: 25px auto 15px auto;

    text-align: center;

    display: flex;

    justify-content: center;

    font-size: 20px;

    font-weight: bold;

}



.input_ter {

    font-size: 20px;

    text-align: center;

    margin: 20px;

}

/* Калькулятор ТЭР - окончание */



.online__calc {
    margin-left: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 10px 23px 9px 20px;
    border-radius: 50px;
    background: #FEFCFB;
    border: none;
    box-shadow: 0px 10px 2px -8px rgba(160, 157, 157, 0.5);
}

.spravka_button {
    margin-left: 15px;
    cursor: pointer;
}


.calc-icon {
    height: 37px;
    margin-right: 7px;
}

.tooltip-container {
    position: relative;
    display: inline-block;
  }
  
.tooltip-text {
    visibility: hidden;
    width: auto;
    /* background-color: #333; */
    color: rgb(5, 124, 65);
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.calc-icon {
    width: 50px; 
    height: auto; 
}
  


.btn_menu {
    border: 2px solid transparent;
    background: #419c6a;    
    color: #ffffff;
    font-size: 14px;
    width: 100px;
    height: 25px;
    line-height: 10px;
    padding: 0;
    margin: 0 3px 3px 15px;
    text-decoration: none;
    text-shadow: none;
    border-radius: 3px;
    box-shadow: none;
    transition: 0.25s;
    display: block;   
}

.btn_menu:hover {
  background-color: rgb(47, 126, 87);
  cursor: pointer;
  
}

.btn_menu_active {
  background-color: #286446;
  cursor: pointer;
}


























@keyframes background {

    50% {

        background: skyblue;

        box-shadow: 0 -200px 100px -100px yellowgreen inset;

    }

}



.calulation-menu__container {

    width: 100%;

}



.calculation_cont {

    max-width: 1270px;

    margin: auto;

    display: flex;

    margin-bottom: 50px;

    border-left: 1px solid #f1f3f7;

    border-right: 1px solid #f1f3f7;

    margin-top: 20px;

    justify-content: space-between;

}



.calcultation-item__container {

    width: 28%;

    height: 240px;

    background-size: contain;

    background-repeat: no-repeat;

    border-radius: 14px;

    margin: auto;

}



.calcultation-item__container p:hover {

    mix-blend-mode: overlay;

}



s .pulse {

    animation: radial-pulse 1.2s infinite;

}



.sort {

    width: 166px;

    padding: 10px 10px;

    /* margin: 5px; */

    text-align: center;

    border: navajowhite;

}



@keyframes radial-pulse {

    0% {

        box-shadow: 0 0 0 0px #f39a9f7c;

    }

    100% {

        box-shadow: 0 0 0 3px #f39a9f65;

    }

}



.calcultation-item__container p {

    font-family: Tahoma, sans-serif;

    font-weight: bold;

    font-size: 25px;

    border-radius: 14px;

    line-height: 39px;

    text-align: center;

    /* padding: 0px; */

    text-transform: uppercase;

    background: rgba(33, 37, 41, 0.726);

    width: 100%;

    color: #FFF;

    height: 100%;

    mix-blend-mode: multiply;

    align-self: center;

    /* padding: 101px 17px; */

    display: inline-block;

    display: flex;

    /* align-items: center; */

    cursor: pointer;

}



.calcultation-item__container p {

    align-items: center;

}



.first {

    background: linear-gradient(rgba(143, 151, 155, 0.9), rgba(166, 172, 175, 0.8)), url(../img/normy-ter.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.second {

    background: linear-gradient(rgba(143, 151, 155, 0.9), rgba(166, 172, 175, 0.8)), url(../img/zerno.jpg);

    background-size: cover;

    background-repeat: no-repeat;

}



.third {

    background: linear-gradient(rgba(143, 151, 155, 0.9), rgba(166, 172, 175, 0.8)), url(../img/radiator.jpg);

    background-size: cover;

    background-repeat: no-repeat;

}



.fourth {

    background: linear-gradient(rgba(143, 151, 155, 0.9), rgba(166, 172, 175, 0.8)), url(../img/eloborud.jpg);

    background-size: cover;

    background-repeat: no-repeat;

}



.fifth {

    background: linear-gradient(rgba(143, 151, 155, 0.9), rgba(166, 172, 175, 0.8)), url(../img/osveshchenie.jpg);

    background-size: cover;

    background-repeat: no-repeat;

}

.sixth {

    background: linear-gradient(rgba(143, 151, 155, 0.9), rgba(166, 172, 175, 0.8)), url(../img/prochie.jpg);

    background-size: cover;

    background-repeat: no-repeat;

}







.table_ras table,

tr,

td {

    text-align: left;

    border-collapse: inherit;

    padding: 0;

    border: none;

}



.button_add__row {

    cursor: pointer;

    display: flex;

    align-items: center;

    padding: 10px 23px 9px 20px;

    border-radius: 50px;

    background: #f1f3f7;

    border: none;

    margin-top: 10px;

    margin-bottom: 10px;

    box-shadow: 0px 10px 2px -8px rgba(160, 157, 157, 0.5);

}



.calculation__zerno {

    width: 80%;

    margin: auto;

    margin-bottom: 100px;

}



.inputtn {

    border: 1px solid gray;

    width: 90%;

    border-radius: 5px;

    background: rgb(243, 243, 243);

}



.this__container table,

.this__container tr,

.this__container td {

    border-collapse: collapse;

    border: 1px solid grey;

    padding: 5px;

    text-align: center;

}



.this__container table {

    width: 100%;

    margin-top: 20px;

}



.table_ras thead>tr {

    text-align: center;

    font-weight: bold;

    border: 2px solid grey;

    background-color: #e9ebf0;

}



.table_ras table td:first-child {

    text-align: center;

    width: 34%;

}



.table_ras table td:last-child {

    text-align: center;

}



.table_ras table td:nth-child(3),

.table_ras table td:nth-child(2)
/*   .calculation__zerno table td:nth-child(4),

.calculation__zerno table td:nth-child(5) */



    {

    width: 17%;

    text-align: center;

}



.table_ras table td:nth-child(4),

.table_ras table td:nth-child(5) {

    width: 8%;

}



.sort:nth-of-type(2),

.sort:nth-of-type(3) {

    width: 100px;

}



.desc-main {

    width: 100%;

    margin: 20px auto;

    margin-top: 20px;

}



.tuttoje {

    margin-top: 10px;

    margin-bottom: 10px;

}



/* расчет работы обогрева */

.worck_obogreva {

    text-align: center;

    margin: 0.5em;

}

.worck_obogreva_text {

    text-align: justify;

    line-height: 1.5em;

    text-indent: 2em;

}

.formula {

    margin: 10px auto 10px auto;

}

.gde {

    margin-left: 20px;

    margin-bottom: 10px;

}

#inp {

    margin: 0;

    padding: 0;

    border: none;



}

/* расчет расхода электроэнергии оборудованием */

.calcoborud,
.calcoborud thead,
.calcoborud tr,
.calcoborud th {

    border-collapse: collapse;

    border: 1px solid grey;

    padding: 5px;

    text-align: center;

}

.oborud {

    border: 5px solid grey;

}

.calcoborud input {

    margin: 0;

    padding: 0;

    border: none;

    width: 95%;

}

.calcoborud input:focus {

    outline: none;

}

.redline {

    text-indent: 25px;

}



.listaudit>li {

    list-style-image: url(../img/content/Mark_icon.png);

    margin-left: 20px;
    ;

}





/* Карусель */

div#carousel {

    perspective: 1200px;

    padding-top: 2%;

    font-size: 0;

    margin-bottom: 3rem;

    overflow: hidden;

}

figure#spinner {

    transform-style: preserve-3d;

    height: 320px;

    transform-origin: 50% 50% -500px;

    transition: 1s;

}

figure#spinner img {

    /*  width: 90%; */

    max-width: 405px;

    position: absolute;
    left: 30%;

    transform-origin: 50% 50% -500px;

    outline: 1px solid transparent;

}

figure#spinner img:nth-child(1) {
    transform: rotateY(0deg);

}

figure#spinner img:nth-child(2) {
    transform: rotateY(-45deg);
}

figure#spinner img:nth-child(3) {
    transform: rotateY(-90deg);
}

figure#spinner img:nth-child(4) {
    transform: rotateY(-135deg);
}

figure#spinner img:nth-child(5) {
    transform: rotateY(-180deg);
}

figure#spinner img:nth-child(6) {
    transform: rotateY(-225deg);
}

figure#spinner img:nth-child(7) {
    transform: rotateY(-270deg);
}

figure#spinner img:nth-child(8) {
    transform: rotateY(-315deg);
}

div#carousel~span {

    color: black;

    margin: 5%;

    display: inline-block;

    text-decoration: none;

    font-size: 2rem;

    transition: 0.6s color;

    position: relative;

    margin-top: -6rem;

    border-bottom: none;

    line-height: 0;
}

div#carousel~span:hover {
    color: #888;
    cursor: pointer;
}



.arrowchemclean {

    max-height: 1em;

}

/* Карусель - окончание*/



.buttons-row {

    display: flex;

}



.buttons-item {

    cursor: pointer;

    display: flex;

    align-items: center;

    padding: 10px 23px 9px 20px;

    border-radius: 50px;

    background: #f1f3f7;

    border: none;

    margin-top: 20px;

    margin-bottom: 10px;

    margin-right: 15px;

    box-shadow: 0px 10px 2px -8px rgba(160, 157, 157, 0.5);

}

.calcoborud-caption {

    margin-bottom: 15px;

}





.col-33 {

    width: 33px;

}



.col-50 {

    width: 50px;

}



.col-62 {

    width: 62px;

}



.col-100 {

    width: 100px;

}



.col-120 {

    width: 120px;

}



@media print {

    .header,
    .footer,
    .buttons-row {

        display: none;

    }

}
.active{
    background: red;
}


.content_audit {
    max-width: 80%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    font-weight: 400; 
    line-height: 1.5;
    font-size: 15px;
}
.content_audit p {
    text-indent: 40px;
    text-align: justify;
}
.content_audit ul {
    /* display: list-item; */
    margin: 5px;
}

.content_audit ul li {    
    padding: 2px;
    list-style-type: square;
    font-weight: bold;    
}

.examination_option ul li {    
    font-weight: normal;
    list-style-type:circle;
    
}
 
.examination_img_left {    
    float: left;   
    max-width: 150px;
    padding-right: 20px;    
}

.index_temp {
    border: 2px solid red;    
}