body {
    margin: 0px;
    font-family: 'main';
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

a {
    text-decoration: none;
    color: white;
}

.footerblocktext>a {
    transition: 0.3s ease;
}

.footerblocktext>a:hover {
    color: rgb(191, 235, 245);
}

@font-face {
    font-family: 'main';
    src: url(petdata/font.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.youtubebutton {
    display: inline-block;
    position: relative;
    font-size: 40px;
    color: #2092f0;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 50px;
    transition: 0.3s ease;
}

.youtubebutton:hover {
    color: rgb(255, 0, 21);
}

.button {
    transition: 0.25s ease background, 0.06s ease color, 0.09s ease transform;
    cursor: pointer;
}

.button:hover {
    background: #2092f0;
    color: white;
}

.button:hover .buttonicon {
    color: white;
}

.cover {
    display: inline-block;
    position: relative;
    height: 550px;
    width: 100%;
    overflow: hidden;
    background-image: url(petdata/media/cover.png);
    background-size: cover;
    background-position: center;
}

#navcontent {
    display: flex;
    position: relative;
    height: 100%;
    width: 90%;
    margin-left: 5%;
    white-space: nowrap;
}

#covercontent {
    display: block;
    position: relative;
    height: 100%;
    width: 90%;
    margin-left: 5%;
}

#footercontent {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
    width: 90%;
    margin-left: 5%;
}

#footer {
    display: flex;
    position: relative;
    overflow: hidden;
    background-image: url(petdata/media/cover.png);
    background-size: cover;
    background-position: center;
}

#navlogo {
    display: inline-block;
    margin-top: auto;
    margin-bottom: auto;
    height: 40px;
    margin-right: 20px;
}
.oktext {
    display: inline-block;
    position: relative;
    font-size: 21.5px;
    color: black;
    margin-right: 58px;
    margin-top:11px;
}
#priceslist {
    display: none;
    position: absolute;
    width: 300px;
    max-height: 0px;
    background: rgba(255, 255, 255, 0.75);
    top: 60px;
    left: calc(50% - 310px);
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    transition: 0.3s ease, 0.4s ease max-height;
    overflow: hidden;
    transform: translateY(-60px);
}

.menucontacts {
    display: inline-block;
    position: absolute;
    margin-top: 80px;
    right: 25px;
    text-align: left;
}

.menubutton {
    display: inline-block;
    position: relative;
    margin-top: 8px;
    text-align: left;
    transition: 0.25s ease background, 0.06s ease color, 0.09s ease transform;
    cursor: pointer;
    width: 270px;
    padding: 12px;
    border-radius: 12px;
    color: #3e3e3e;
    background: #f9f9f9;
}

.whitebck {
    background: white;
}

.menubuttontext {
    margin-left: 40px;
    font-size: 23px;
    font-weight: bolder;
    transition: 0.25s ease;
}

.menubuttonicon {
    font-size: 32px;
    position: absolute;
    top: 10px;
    color: #2092f0;
    transition: 0.25s ease color;
}

.contactsclose {
    display: inline-block;
    position: absolute;
    color: #2092f0;
    padding: 10px;
    font-size: 30px;
    right: 160px;
    top: 43px;
    cursor: pointer;
    transition: 0.2s ease;
}

.contactsclose:hover {
    color: #0a6ec0;
}

.navbutton {
    display: inline-block;
    position: relative;
    margin-top: auto;
    margin-bottom: auto;
    text-align: left;
    transition: 0.25s ease background, 0.06s ease color, 0.09s ease transform;
    cursor: pointer;
    margin-left: 4px;
    padding: 12px;
    border-radius: 12px;
    color: #3e3e3e;
}

.navbuttontext {
    margin-left: 35px;
    font-size: 20px;
    font-weight: bolder;
    transition: 0.25s ease;
}

.navbuttonicon {
    font-size: 30px;
    position: absolute;
    top: 9px;
    color: #2092f0;
    transition: 0.25s ease color;
}

.navbutton:hover {
    background: #2092f0;
    color: white;
}

.navbutton:hover .navbuttonicon {
    color: white;
}

.active:active {
    transform: scale(0.91);
}

.navcontact:hover {
    color: #2092f0;
}

.navcontact:active {
    transform: scale(0.9);
}

#menuprice {
    display: none;
    background: #f9f9f9;
    padding-bottom: 8px;
    border-radius: 12px;
    margin-top: 8px;
    overflow: hidden;
    transition: 0.9s ease;
}

.pricetext {
    display: inline-block;
    position: relative;
    color: #2092f0;
    font-size: 25px;
    font-weight: bold;
    margin-top: 6px;
}

.navcontacts {
    display: inline-block;
    position: absolute;
    right: 0px;
    height: 100%;
    text-align: left;
    padding-top: 5px;
}

.navcontact {
    display: inline-block;
    position: relative;
    margin-top: 2px;
    cursor: pointer;
    color: #3e3e3e;
    transition: 0.08s;
}

.navcontacttext {
    margin-left: 25px;
    font-size: 18px;
    transition: 0.2s;
}

.navcontacticon {
    font-size: 20px;
    position: absolute;
    top: 2px;
    left: 0px;
    color: #2092f0;
}

.blur {
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(12px);
    -moz-backdrop-filter: blur(12px);
    -o-backdrop-filter: blur(12px);
    -ms-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

#navpc {
    display: none;
    position: fixed;
    width: 100%;
    height: 60px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 1));
    z-index: 10;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}

.covertext {
    display: inline-block;
    position: relative;
    color: white;
    font-size: 38px;
    font-weight: bold;
    margin-top: 100px;
    max-width: 350px;
}

.coverabout {
    display: inline-block;
    position: relative;
    color: white;
    font-size: 20px;
    margin-top: 8px;
    max-width: 350px;
}

.footerblockheadicon {
    font-size: 19px;
    display: inline;
    position: absolute;
    margin-top: 2px;
}

.footerblockheadtext {
    display: inline;
    margin-left: 24px;
}

.coverpluses {
    display: inline-block;
    position: absolute;
    width: 100%;
    bottom: 10px;
}

.coverplus {
    display: flex;
    position: relative;
    color: white;
    min-height: 80px;
}

.coverplusicon {
    display: inline-block;
    font-size: 45px;
    margin-top: 10px;
}

.coverplustext {
    display: inline-block;
    font-size: 18px;
    margin-top: 20px;
    margin-left: 8px;
    text-align: left;
}

.emailplus {
    display: inline-flex;
    position: relative;
    color: white;
    min-height: 80px;
    margin-right: 30px;
}

.emailplusicon {
    display: inline-block;
    font-size: 45px;
    margin-top: 10px;
}

.emailplustext {
    display: inline-block;
    position: relative;
    font-size: 18px;
    margin-top: 20px;
    margin-left: 8px;
    text-align: left;
}

#navtel {
    display: inline-flex;
    position: fixed;
    background: rgba(255, 255, 255, 0.9);
    color: #2092f0;
    border-radius: 10px;
    top: 12px;
    right: 5%;
    height: 50px;
    width: 50px;
    z-index: 10;
    transition: 0.15s;
    cursor: pointer;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    transition: 0.25s ease background, 0.1s ease color, 0.09s ease transform;
}

.nullel {
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
}

.nullelicon {
    display: inline-block;
    position: relative;
    color: #2092f0;
    font-size: 70px;
}

.nulleltext {
    display: inline-block;
    position: relative;
    color: black;
    font-size: 30px;
    font-weight: bold;
    max-width: 400px;
}

#catalognav {
    display: inline-flex;
    position: relative;
    width: calc(100% - 20px);
    height: 47px;
    margin-bottom: 10px;
    margin-left: 10px;
}

#catalognavtext {
    display: inline-block;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 62%;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: auto;
    margin-top: auto;
    transition: 0.2s ease;
}

#catalogcards {
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: left;
    overflow: auto;
}

.categorycard {
    display: inline-block;
    position: relative;
    width: calc(100% - 20px);
    height: 150px;
    border-radius: 20px;
    background: rgb(255, 255, 255);
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 0px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
    white-space: nowrap;
    cursor: pointer;
}

table {
    display: inline-flex;
    width: 1000px;
    text-indent: initial;
    border-collapse: collapse;
}

table tr {
    padding: 10px 10px;
    vertical-align: top;
}

td {
    padding: 3px;
    display: table-cell;
    vertical-align: inherit;
}

i {
    color: black;
}

.leftright table,
.blockharproduct table {
    width: auto;
    max-width: 100%;
    font-size: 18px;
    overflow-x: auto;
    overflow-y: hidden;
}

.leftright table tr,
.blockharproduct table tr {
    border-bottom: 1px solid #dcdcdc;
}

.leftright table td,
.blockharproduct table td {
    padding: 0px;
    padding-right: 18px;
    padding-top: 5px;
    vertical-align: top;
}

.categorycardimgtwo {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 250px;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
}

.categorycardnametwo {
    display: inline-block;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    color: black;
    font-size: 24px;
    font-weight: bold;
    margin-top: 10px;
    max-height: 60px;
    overflow: hidden;
}

.categorycardprice {
    display: inline-block;
    position: absolute;
    bottom: 11px;
    left: 11px;
    font-size: 29px;
    font-weight: bold;
    color: #2092f0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 182px;
}

.categorycardimg {
    display: inline-block;
    position: relative;
    width: 136px;
    height: calc(100% - 14px);
    margin: 7px;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
}

.categorycardtext {
    display: inline-block;
    position: relative;
    width: calc(100% - 160px);
    height: 100%;
    white-space: normal;
}

.categorycardname {
    display: inline-block;
    position: absolute;
    margin-left: 10px;
    color: black;
    font-size: 20px;
    font-weight: bold;
    top: 10px;
}

.stockblock {
    display: inline-block;
    position: relative;
    width: 350px;
    height: 400px;
    border-radius: 20px;
    background: rgb(255, 255, 255);
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 13px;
    margin-left: calc(50% - 175px);
    margin-right: 0px;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);
}

.stockblockimg {
    display: inline-block;
    position: relative;
    width: 350px;
    height: 200px;
    background-size: cover;
    background-position: center;
    transition: 15s ease;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.stockblock:hover .stockblockimg {
    transform: scale(1.3);
}

.stockblocktext {
    display: inline-block;
    position: absolute;
    top: 200px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    background: rgb(255, 255, 255);
}

.stockblockzag {
    display: inline-block;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    font-size: 23px;
    font-weight: bold;
}

.stockblockabout {
    display: inline-block;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
}

#contacts {
    display: inline-flex;
    position: fixed;
    background: rgba(255, 255, 255, 0.9);
    color: #2092f0;
    border-radius: 50%;
    bottom: 12px;
    right: 5%;
    height: 50px;
    width: 50px;
    z-index: 8;
    transition: 0.15s;
    cursor: pointer;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    transition: 0.25s ease background, 0.1s ease color, 0.09s ease transform;
}

#contactsicon {
    display: inline-block;
    font-size: 30px;
    margin-top: 10px;
    margin-left: 10px;
    transition: 0.2s ease;
}

#contactsblock {
    display: inline-block;
    position: fixed;
    background: rgba(255, 255, 255, 1);
    color: #2092f0;
    border-radius: 50%;
    bottom: -295px;
    right: -338px;
    height: 650px;
    width: 650px;
    z-index: 101;
    transition: 0.15s;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    transition: 0.25s ease background, 0.1s ease color, 0.09s ease transform;
    text-align: left;
    overflow-x: hidden;
    overflow-y: auto;
}

.contactszag {
    display: inline-block;
    position: relative;
    color: #2092f0;
    font-size: 28px;
    font-weight: bold;
    margin-top: 20px;
}

.numberscontacts {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-top: 30px;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
}

.numbercontacts {
    display: inline-block;
    position: relative;
    background: rgb(250, 250, 250);
    border-radius: 14px;
    margin-left: 10px;
    margin-right: 10px;
    width: 210px;
    white-space: normal;
}

.numbertextcontacts {
    display: inline-block;
    font-weight: normal;
    margin-right: 30px;
    color: rgb(94, 94, 94);
}

.emailplustextzag {
    display: inline-block;
    position: relative;
    font-size: 30px;
    font-weight: bold;
}

.emailplustextemail {
    display: inline-block;
    position: relative;
    font-size: 22px;
    margin-right: 8px;
    color: black;
}

.imgcontacts {
    display: inline-block;
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-top: 10px;
}

.namecontacts {
    display: inline-block;
    position: relative;
    color: black;
    font-size: 30px;
    font-weight: bold;
    margin-top: 6px;
}

.numberfulltextcontacts {
    display: inline-block;
    position: relative;
    color: rgb(94, 94, 94);
    font-size: 18px;
    font-weight: bold;
    margin-top: 6px;
}

.icontextcontacts {
    display: inline-block;
    position: absolute;
    right: 0px;
    bottom: 1px;
    font-size: 20px;
    color: #2092f0;
    cursor: pointer;
    transition: 0.3s ease;
}

.icontextcontacts:active {
    color: greenyellow;
    transform: scale(0.8);
}

.contacticon {
    display: inline-block;
    position: relative;
    width: 35px;
    height: 35px;
    margin-top: 18px;
    margin-bottom: 10px;
    margin-left: 3px;
    margin-right: 3px;
    border-radius: 50%;
    transition: 0.2s ease;
}

#menuclose {
    display: inline-flex;
    position: absolute;
    background: #f9f9f9;
    color: #2092f0;
    border-radius: 10px;
    top: 12px;
    right: 5%;
    height: 50px;
    width: 50px;
    transition: 0.15s;
    cursor: pointer;
    transition: 0.25s ease background, 0.1s ease color, 0.09s ease transform;
}

#menuclose:hover,
#navtel:hover,
#contacts:hover {
    background: #2092f0;
    color: white;
}

.navmenu {
    display: inline-block;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 40px;
    margin-top: 5px;
    margin-left: 5px;
}

#coverlogo {
    display: inline-flex;
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    top: 12px;
    height: 50px;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}

.coverlogoimage {
    display: inline-block;
    position: absolute;
    height: 40px;
    margin-top: 5px;
    margin-left: 5px;
}

.coverlogotext {
    display: inline-block;
    position: relative;
    color: #2092f0;
    margin-left: 40px;
    margin-right: 5px;
    font-size: 30px;
    font-weight: bold;
    margin-top: 9px;
}

#footerlogo {
    display: inline-block;
    position: relative;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    height: 50px;
}

.foolrazr {
    display: inline-block;
    position: relative;
    margin: auto;
    text-align: center;
    margin-top: 13px;
    margin-bottom: 10px;
}

.razr {
    color: white;
    font-size: 18px;
    font-weight: bold;
    margin-top: 4px;
}

.footerblock {
    display: inline-block;
    position: relative;
    margin-top: 8px;
    margin-bottom: 10px;
}

.footerblockhead {
    display: inline-block;
    position: relative;
    color: white;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 4px;
    max-width: 310px;
}

.footerblocktext {
    display: inline-block;
    position: relative;
    color: white;
    font-size: 16px;
    text-align: left;
    max-width: 310px;
}

.partner {
    display: inline-block;
    position: relative;
    height: 50px;
    margin-left: 20px;
    margin-right: 20px;
    background-size: cover;
    background-position: center;
}

.infoblockimg {
    display: block;
    position: relative;
    height: 180px;
    width: 180px;
    border-radius: 50%;
    margin-left: calc(50% - 90px);
    margin-bottom: 12px;
    background-size: cover;
    background-position: center;
}

.imgstocks {
    background-image: url(petdata/media/stocks.jpg);
}

.imgleasing {
    background-image: url(petdata/media/leasing.jpg);
}

.imgreplacement {
    background-image: url(petdata/media/replacement.jpg);
}

.imgservices {
    background-image: url(petdata/media/services.jpg);
}

.imgintro {
    background-image: url(petdata/media/intro.jpg);
}

.imgpartner {
    background-image: url(petdata/media/partner.jpg);
}

.imgequipment {
    background-image: url(petdata/media/equipment.jpg);
}

.festoimg {
    background-image: url(petdata/media/festo.png);
}

.insidecontent {
    display: block;
    position: relative;
    height: 100%;
    width: 90%;
    margin-left: 5%;
    margin-top: 50px;
    margin-bottom: 50px;
    overflow-x: scroll;
}

.infoblock {
    display: block;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.infoblockzag {
    display: inline-block;
    position: relative;
    font-size: 36px;
    font-weight: bold;
    color: #2092f0;
    max-width: 360px;
}

.infoblocktext {
    display: inline-block;
    position: relative;
    font-size: 20px;
    color: #000000;
    max-width: 360px;
    margin-top: 18px;
}

.mainbutton {
    display: inline-block;
    position: relative;
    margin-top: auto;
    padding: 15px;
    background: #2092f0;
    border-radius: 16px;
    text-align: left;
    color: white;
    cursor: pointer;
    transition: 0.15s ease;
}

.mainbuttontext {
    margin-left: 35px;
    font-size: 20px;
    font-weight: bolder;
}

.mainbuttonicon {
    font-size: 30px;
    position: absolute;
    top: 12px;
}

.mainbutton:hover {
    background: #047adb;
}

.line {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 3px;
    background: #2092f0;
}

.miniblock {
    display: flex;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
    flex-direction: column;
}

.grayblock {
    display: inline-block;
    position: relative;
    width: 100%;
    min-height: 100px;
    background: rgb(245, 245, 245);
    border-radius: 30px;
    overflow: hidden;
    margin-top: 80px;
    text-align: center;
}

.partnerblock {
    display: inline-block;
    position: relative;
    width: 100%;
    min-height: 100px;
    background: white;
    overflow: hidden;
    margin-top: 80px;
    text-align: center;
}

.grayblocklist {
    display: inline-flex;
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.grayblocklistbeg {
    display: inline-flex;
    overflow: hidden;
    margin-top: 40px;
    margin-bottom: 40px;
    white-space: nowrap;
    will-change: transform;
    animation: marquee 18s linear infinite;
}

@keyframes marquee {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0%);
    }
}

.whiteleft {
    display: inline-block;
    position: absolute;
    left: 0px;
    height: 100px;
    width: 40px;
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    z-index: 1;
}

.whiteright {
    display: inline-block;
    position: absolute;
    right: 0px;
    height: 100px;
    width: 40px;
    background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    z-index: 1;
}

.grayinfo {
    display: inline-block;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    padding: 20px;
    background: white;
    border-radius: 12px;
    min-width: 310px;
    max-width: 310px;
    text-align: left;
    height: 425px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.grayblockzag {
    display: inline-block;
    position: relative;
    font-size: 20px;
    font-weight: bold;
    color: #2092f0;
    max-width: 360px;
}

.grayblocktext {
    display: inline-block;
    position: relative;
    font-size: 15px;
    color: #000000;
    max-width: 360px;
    margin-top: 8px;
}

.equipment {
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
    display: block;
}

.eqbuttontext {
    margin-left: 40px;
    font-size: 27px;
    color: black;
}

.eqbuttonicon {
    font-size: 30px;
    position: absolute;
    top: 2px;
    color: #2092f0;
}

.list {
    width: 100%;
    border-radius: 16px;
    background: rgb(255, 255, 255);
    text-align: center;
    margin-top: 20px;
    overflow: hidden;
}

.listvar {
    width: 100%;
    border-radius: 16px;
    background: rgb(245, 245, 245);
    text-align: center;
    margin-top: 20px;
    overflow: hidden;
}

.listcontent {
    display: inline-flex;
    position: relative;
    overflow-y: hidden;
    overflow-x: auto;
    max-width: 100%;
}

.listcontentul {
    display: inline-block;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    color: black;
    text-align: left;
    min-width: 220px;
    max-width: 400px;
    background: rgb(255, 255, 255);

    border-radius: 10px;
    padding-bottom: 6px;
}

.listcontentleasingul {
    display: inline-block;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    color: black;
    text-align: left;
    max-width: 80%;
    background: white;
    border-radius: 10px;
    padding-bottom: 6px;
}

.listpartner {
    display: block;
    position: relative;
    width: calc(100% - 20px);
    border-radius: 16px;
    background: rgb(255, 255, 255);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    text-align: center;
    margin-top: 20px;
    overflow: hidden;
    margin-bottom: 70px;
    margin-left: 10px;
    margin-right: 10px;
}

.partnerli {
    margin-top: 12px;
}

.margin-top {
    margin-top: 12px;
    margin-bottom: 12px;
    text-decoration: underline;
    -webkit-text-decoration-color: rgb(185, 185, 185);
    text-decoration-color: rgb(185, 185, 185);
}

li {
    margin-top: 6px;
    margin-left: -15px;
    margin-right: 6px;
}

li::marker {
    color: #2092f0;
}

.listzag {
    display: inline-block;
    color: #2092f0;
    font-size: 22px;
    font-weight: bold;
    margin-top: 10px;
}

#backblack {
    display: none;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 100;
}

#backblack2 {
    display: none;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 100;
}

#backblack3 {
    display: none;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 9;
}

#navmenu {
    display: none;
    position: fixed;
    top: 0px;
    bottom: 0px;
    width: 324px;
    right: -324px;
    z-index: 0;
    background: white;
    overflow-y: auto;
}

.insidecontentnew {
    display: block;
    position: relative;
    height: 100%;
    width: calc(90% + 20px);
    margin-left: calc(5% - 10px);
    margin-top: 50px;
    margin-bottom: 50px;
    overflow-x: scroll;
}

table th {
    text-align: left;
    font-weight: 700;
    padding: 9px 14px;
    background: rgb(245, 245, 245);
    border-radius: 6px;
}

.lrcontainer {
    display: flex;
    position: relative;
    flex-direction: column;
}

.leftright {
    display: inline-flex;
    position: relative;
    flex-direction: column;
    width: calc(100% - 20px);
    margin-left: 10px;
}

.rightmob {
    margin-top: 10px;
}

.imageblock {
    display: inline-flex;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 15px;
    border-radius: 30px;
}

.imageblockcontent {
    display: inline-flex;
    position: relative;
    width: 100%;
    height: 360px;
    overflow: hidden;
    border-radius: 30px;
    transition: 0.2s;
}

.imageblockcontentimage {
    display: inline-block;
    position: relative;
    width: 100%;
    height: auto;
    border-radius: 30px;
    margin-bottom: auto;

}

.imageblocklist {
    display: inline-block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 80px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.03);
    border-radius: 30px;
    text-align: center;
    white-space: nowrap;
    overflow-x: auto;
    background: rgba(255, 255, 255, 0.8);
}

.imageblocklistcontent {
    display: inline-flex;
    position: relative;
    text-align: left;
    height: 100%;
}

.imageblocklistcontentimage {
    display: inline-block;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    height: 85%;
    margin-top: auto;
    margin-bottom: auto;
    border-radius: 12px;
    transition: 0.2s ease;
    cursor: pointer;
}

.blocknameproduct {
    display: inline-block;
    position: relative;
    color: black;
    font-weight: bold;
    font-size: 30px;
    margin: 10px 10px 0px 10px;
}

.blockpriceproduct {
    display: block;
    position: relative;
    color: #2092f0;
    margin: 10px 10px 10px 10px;
    font-weight: bold;
    font-size: 30px;
}

.blockdesproduct {
    display: inline-block;
    position: relative;
    color: black;
    font-size: 19px;
    margin: 0px 10px 0px 10px;
}

.blockharproduct {
    display: inline-block;
    position: relative;
    color: black;
    font-size: 19px;
    margin: 10px;
    margin-top: 15px;
    white-space: normal;
    max-width: calc(100% - 20px);
    overflow: hidden;
}

@media screen and (min-width:732px) {
    .imageblockcontent {
        height: 320px;
    }

    .leftright {
        width: calc(48% - 20px);
        margin-left: 10px;
    }

    .rightmob {
        margin-left: calc(4% + 10px);
        margin-top: 0px;
    }

    .lrcontainer {
        flex-direction: row;
    }

    .stockblock {
        margin-left: 23px;
        margin-right: 23px;
    }

    .categorycard {
        margin-left: 10px;
        margin-right: 10px;
        width: 384px;
    }

    .list {
        width: 300px;
    }

    .listvar {
        width: 220px;
    }

    .partnerblock {
        text-align: left;
    }

    .infoblocktext {
        max-width: 400px;
    }

    .infoblockzag {
        max-width: 400px;
    }

    .infoblock {
        text-align: left;
    }

    .infoblockimg {
        display: block;
        position: absolute;
        height: 250px;
        width: 250px;
        margin-left: 0px;
        right: 0px;
        top: calc(50% - 125px);
    }

    .miniblock {
        flex-direction: row;
    }

    .miniplus {
        margin-left: auto;
    }

    #footer {
        background-position: bottom;
    }
}

@media screen and (min-width:800px) {
    .cover {
        height: 350px;
        margin-top: 0px;
    }

    .covertext {
        margin-top: 110px;
        max-width: 500px;
    }

    .coverplus {
        display: inline-flex;
    }

    .coverpluses {
        text-align: center;
        white-space: nowrap;
    }

    .coverplus1 {
        position: absolute;
        left: 0px;
    }

    .coverplus3 {
        position: absolute;
        right: 0px;
    }

    .listpartner {
        width: 330px;
        display: block;
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        right: 10px;
        top: calc(50% - 190px);
    }
}

@media screen and (min-width:1220px) {
    .pchide {
        display: none;
    }

    .imageblocklistcontentimage:hover {
        transform: translateY(-5%);
    }

    .imageblockcontent {
        height: 500px;
    }

    #contacts {
        right: auto;
        left: calc(50% - 75px + 610px);
    }

    .list {
        width: 540px;
    }

    .listpartner {
        width: 400px;
    }

    .listvar {
        width: 380px;
    }

    .infoblocktext {
        max-width: 500px;
    }

    .infoblockzag {
        max-width: 600px;
    }

    .footerblock {
        margin: auto;
        margin-top: 9px;
    }

    #footercontent {
        flex-direction: row;
    }

    #coverlogo {
        display: none;
    }

    #navtel {
        display: none;
    }

    #navpc {
        display: block;
    }

    #navcontent {
        width: 1200px;
        margin-left: calc(50% - 600px);
    }

    .insidecontent {
        width: 1200px;
        margin-left: calc(50% - 600px);
    }

    .insidecontentnew {
        width: 1220px;
        margin-left: calc(50% - 610px);
    }

    #covercontent {
        width: 1200px;
        margin-left: calc(50% - 600px);
    }

    #footercontent {
        width: 1200px;
        margin-left: calc(50% - 600px);
    }
}

.imageblocklistcontentimage:active {
    transform: scale(0.9);
}

*::-webkit-scrollbar {
    display: none;
}

.ggroup {
    position: relative;
    display: inline-block;
    width: 90%;
    transition: 0.15s;
}

.ginput {
    font-size: 18px;
    font-weight: bold;
    padding: 9px 10px 6px 10px;
    display: inline-block;
    width: calc(100% - 24px);
    outline: none;
    background: #20f82b00;
    border: 2px solid #d4d4d4;
    border-radius: 10px;
    font-family: "main";
    transition: 0.3s;
    background: white;
}

.glabel {
    color: #999;
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 10px;
    top: 9px;
    max-height: 8px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    background: #ffffff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.glabeltext {
    display: inline-block;
    padding-left: 3px;
    padding-right: 3px;
    position: relative;
    background: white;
    transition: 0.1s ease all;
    -moz-transition: 0.1s ease all;
    -webkit-transition: 0.1s ease all;
    border-radius: 12px;
    margin-top: 2px;
    font-weight: bold;
}

.ginput:hover {
    border: 2px solid #2092f080;
}

.ginput:focus~.glabel,
.ginput:not(:placeholder-shown)~.glabel {
    top: -8px;
    left: 10px;
    font-size: 14px;
    border-right: 2px solid #d4d4d4;
    border-left: 2px solid #d4d4d4;
    border-top: 2px solid #d4d4d4;
}

@supports (-webkit-touch-callout: none) {

    .ginput:focus~.glabel,
    .ginput:not(:placeholder-shown)~.glabel {
        top: -6px;
    }
}

.ginput:hover~.glabel {
    color: #2092f080;
    border-right-color: #2092f080;
    border-left-color: #2092f080;
    border-top-color: #2092f080;
}

.ginput:focus~.glabel {
    color: #2092f0;
    border-right: 2px solid;
    border-left: 2px solid;
    border-top: 2px solid;
}

.ginput:focus {
    border: 2px solid #2092f0;
}