:root {
    --link-color: #149e94;
    --link-color-hover: #06decf;
    --color-black: #000;

    --main-color: #2fd4ce;
    --main-color-second: #29bdb8;

    --main-color-active: #599caa;

    --color-white: #fff;

    --hr-line: #838d99;

    --body-background: #d8d8d8;
    --body-color-text: #333;
    --main-block-background: var(--color-white);

    --footer-background: #0d1011;

    --header-background: #191d1f;
    --menu-background: #121617;

    --search-background: #323233;

    --color-gray: #999;
    --color-dark-gray: #666;
    --search-color-text: var(--color-gray);
    --search-placeholder-color-text: #ccc;

    --auth-wrapper-background: #273033;
    --auth-gradient-firts: #373739;
    --auth-gradient-second: #121213;

    --border-color: #ddd;
}

.block_header {
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1;
    padding: 15px 25px;
    background: #303047;
    color: var(--color-white);
}
.home_row {
    padding-bottom: 35px;
}
.textured {
    background-color: var(--color-white);
    background-image: url(../../images/mss_bg.png), url(../../images/mss_bg.png);
    background-repeat: repeat-y;
    background-size: 50%;
    background-position: left, right;
    /*background: url(../images/mss_cartridge.png) top right no-repeat, url(../images/mss_bg.png) top round;
    background-size: 20%, 100%;*/
}
#main .layout{
    padding: 0px;
}
.header-title{
    padding: 3rem 15px 0px 15px;
    text-shadow: white 0px 0px 3px;
}
.mainCenter {
    position: relative;
    background: url(../../images/mss_cartridge.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 40% auto;
}
.hand_cartridge {
    position: relative;
    left: 50px;
    min-height: 430px;
    background: url(../../images/hand-cloud-toner-cartridge.png);
    background-repeat: no-repeat;
    background-size: 90% auto;
}
.hand_cloud {
     position: relative;
     min-height: 350px;
     background: url(../../images/hand-cloud.png);
     background-repeat: no-repeat;
     background-size: 90% auto;
}
.mobile_hand_cartridge{
    position: relative;
    min-height: 190px;
    width: 100%;
    background: url(../../images/hand-cloud-toner-mobile.png);

    background-repeat: no-repeat;
    background-size: 90% auto;
}
.mobile_hand_cloud{
    position: relative;
    min-height: 200px;
    width: 100%;
    top:80px;
    background: url(../../images/hand-cloud.png);
    transform: rotate(0.95turn);
    background-repeat: no-repeat;
    background-size: 90% auto;
}
.home_block {
    background-color: #51B7B7;
    padding: 35px;
}
.home_block h2 {
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 34px;
}
.mobile_image{
    display: none;
}
.home_text {
    padding-top: 85px;
}
.xml90{
    margin-left: 90px;
}
.hand_cloud_position {
    top: -80px;
}
.text-white {
    color: var(--color-white);
}
.brand_wrapper a {
    color: var(--color-white);
}
.btn-white {
    background-color: var(--color-white);
    color: var(--main-color-second);
    border: none;
    font-family: 'Arial Narrow';
    font-weight: bold;
    cursor: pointer;
    line-height: 27px;
    padding: 5px 40px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2fd4ce', endColorstr='#29bdb8',GradientType=0 );
    box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
&:active {
     background: #599caa;
     background: -moz-linear-gradient(top, #599caa 0%, #6fd8e1 100%);
     background: -webkit-linear-gradient(top, #599caa 0%, #6fd8e1 100%);
     background: linear-gradient(to bottom, #599caa 0%, #6fd8e1 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#599caa', endColorstr='#6fd8e1', GradientType=0);
     color: #fff;
 }
}

.home_text h4 {
    font-family: 'Arial Narrow';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 34px;
}
.home_page_subject {
    font-family: 'Arial Narrow';
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    margin-bottom: 10px;
    line-height: 30px;
    color: var(--main-color-second);
}
@media screen and (max-width: 1200px) {
    .textured {
        background-image: none;
    }
    .textured:before {
        background-image: none;
    }
    .hand_cartridge {
        min-height: 25em;
    }
    .hand_cloud{
        min-height: 15em;
    }
    .home_row {
        padding-bottom: 5px;
    }
    .home_text {
        padding-top: 5px;
    }
    .xml90{
        margin-left: 0px;
    }
}
@media screen and (max-width: 1100px) {
    .textured {
        background-image: none;
    }
    .textured:before {
        background-image: none;
    }
    .hand_cartridge {
        min-height: 20em;
        background-size: 80% auto;
    }
    .hand_cloud{
        min-height: 18em;
    }
    .home_row {
        padding-bottom: 5px;
    }
    .home_text {
        padding-top: 5px;
    }
    .xml90{
        margin-left: 15px;
    }
}
@media screen and (max-width: 1000px) {
    .textured {
        background-image: none;
    }
    .textured:before {
        background-image: none;
    }
    .cartridges {
        background-image: none;
    }
    .hand_cartridge {
        background-image: none;
        min-height: 5px;
    }
    .hand_cloud{
        background-image: none;
        min-height: 5px;
    }
    .home_row {
        padding-bottom: 5px;
    }
    .home_block {
        text-align: center;
        padding: 15px;
    }
    .home_text {
        padding-top: 5em;
        text-align: center;
    }
    .mobile_image{
        display: flex;
    }
    .mobile_hand_cloud, .mobile_hand_cartridge {
        width: 50%;
    }
    .xml90{
        margin-left: 0px;
    }
}