/* roboto-300 - cyrillic-ext_latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/roboto-v32-cyrillic-ext_latin-300.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - cyrillic-ext_latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-v32-cyrillic-ext_latin-regular.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-italic - cyrillic-ext_latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/roboto-v32-cyrillic-ext_latin-italic.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500 - cyrillic-ext_latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/roboto-v32-cyrillic-ext_latin-500.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - cyrillic-ext_latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/roboto-v32-cyrillic-ext_latin-700.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900 - cyrillic-ext_latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/roboto-v32-cyrillic-ext_latin-900.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* global styles start  */
html {
    box-sizing: border-box;
}

*,
*::after,
*::before {
    box-sizing: border-box;
}

input[type=checkbox]:focus {
    outline: none;
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
}

hr {
    border: 0;
}

header ul,
footer ul {
    list-style: none;
}

input,
button,
textarea,
select {
    font: inherit;
    background-color: transparent;
}

img[class] {
    display: block;
}

img,
iframe,
video {
    max-width: 100%;
}

img {
    height: auto;
}

a[class] {
    text-decoration: none;
}

a {
    display: inline-block;
}

header a,
footer a {
    text-decoration: none;
    color: inherit;
    display: inline-block;
}

button:focus,
a:focus {
    outline: 0;
    color: inherit;
}

body {
    line-height: 1.3;
    font-size: 16px;
}

.p-y {
    padding-top: 90px;
    padding-bottom: 90px;
}

.left-content p {
    margin-bottom: 16px;
}

/* image-popup  start */

.image-popup-vertical-fit {
    display: block;
    position: relative;
}

.image-popup-vertical-fit::after {
    content: "\F62C";
    font-family: bootstrap-icons;
    font-size: 24px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--color-1);
    opacity: 0;
    transition: 0.6s ease;
    color: #fff;
    border-radius: 50%;
    padding-right: 2px;
    width: 60px;
    height: 60px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
}

.image-popup-vertical-fit:hover::after {
    opacity: 1;
    bottom: calc(50% - 50px);
    left: 50%;
}

/* image-popup end  */


/* single  */
.Special_Machinery .page_content-row .left-content img {
    float: none;
    margin-right: 0;
}

.Special_Machinery .page_content-row .left-content article {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.Special_Machinery .page_content-row .left-content article #inner-textarea {
    width: 40%;
    margin-right: 1%;
}

.Special_Machinery .image-popup-vertical-fit {
    width: 56%;
    margin-right: 3%;
}

.Special_Machinery .page-inner .left-content img {
    max-width: 100%;
}

/* single end */

/* global styles end  */