/* reset css*/

* {
    padding: 0px;
    margin: 0px;
    border: none;
    font-family: "Inter";
}

body {
    overflow-x: hidden;
}

@font-face {
    font-family: 'Inter';
    src: url('/local/templates/v2025/fonts/inter/Inter-Regular.otf') format('opentype');
    font-weight: normal;
    /* font-style: normal; */
    /* font-display: swap; */
}

@font-face {
    font-family: 'InterMedium';
    src: url('/local/templates/v2025/fonts/inter/Inter-Medium.otf') format('opentype');
    font-weight: normal;
    /* font-style: normal; */
    /* font-display: swap; */
}

@font-face {
    font-family: 'InterLight';
    src: url('/local/templates/v2025/fonts/inter/Inter-Light.otf') format('opentype');
    font-weight: normal;
    /* font-style: normal; */
    /* font-display: swap; */
}


.main-gray-bg {
    background-color: #383B47;
}



.fl {
    display: flex;
}

.top1 {
    justify-content: space-between;
}

/* верхнее меню */
.smenutop {
    padding: 10px 0px;
}

.smenutop A {
    color: #fff;
    font-family: "InterLight";
    font-size: 12px;
    padding-right: 24px;
    text-decoration: none;
    font-weight: 200;
}

.smenutop A:hover {
    color: #F7D94F;
}

.smenu,
.smenu li,
.smenutop,
.smenutop li {
    list-style: none;
}

.menuphone {
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-family: "InterLight";
}


.menusupport {
    align-items: center;
    padding-left: 25px;
}

.menusupport A {
    font-family: "InterLight";
    display: flex;
    width: 102px;
    height: 28px;
    background-color: #CCAD22;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    border-radius: 1px;
    justify-content: center;
    /* padding-top: 10px; */
    line-height: 1.9;
}

.menusupport A:hover {
    background-color: #E1CB6B;
}




#cssportal-grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(12, 1fr);
    gap: 1px 24px;
}

.cssportal-grid {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: repeat(12, 1fr);
    /* gap: 24px 24px; */
}


#div1 {
    grid-area: 1 / 1 / 2 / 6;
    /* background-color: rgba(255, 0, 0, 0.3); */
}

#div2 {
    grid-area: 1 / 6 / 2 / 8;
    /* background-color: rgba(0, 255, 0, 0.3); */
}

#div3 {
    grid-area: 1 / 8 / 2 / 13;
    /* background-color: rgba(0, 0, 255, 0.3); */
}



.top2txt {
    align-items: center;
    color: #717883;
}

.top2logo {
    align-items: center;
    justify-content: center;
}

.top2icons {
    justify-content: flex-end;
    align-items: center;
    gap: 24px;
}

.top3-fp {
    border-top: 1px solid #e0e2e8;
    border-bottom: 1px solid #e0e2e8;
    padding-top: 21px;
    padding-bottom: 21px;
}

.mainmenu {
    list-style: none;
    justify-content: space-between;
}

.mainmenu A {
    color: #000;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
}

.mainmenu A:hover {
    color: #000;
}

.mainmenu A:hover {
    color: #CCAD22;
}

.main-gray {
    background-color: #f6f6f8;
}



/* footer */
.bottomblock {
    border-top: 1px solid #e0e2e8;
    background: #F6F6F8;
}


#div11 {
    grid-area: 1 / 1 / 2 / 4;
    /* background-color: rgba(208, 194, 243, 0.5); */
}

#div31 {
    grid-area: 1 / 4 / 2 / 13;
    /* background-color: rgba(56, 181, 170, 0.5); */
    justify-content: space-between;
}

.bottom1 {
    padding-top: 40px;
    padding-bottom: 40px;
    /* background: #F6F6F8; */
}

/* .logotext {
    color: #2B2C32;
    font-size: 12px;
    padding-top: 15px;
} */

/*--------------*/

/* .#divbt1 {
    grid-area: 1 / 1 / 2 / 10;
    font-size: 12px;
}

.divbt1-copy {
    padding-top: 5px;
    color: #A6A8B2;
}


.divbt2 {
    grid-area: 1 / 10 / 2 / 13;
    justify-content: flex-end;
}

.divbt2 A {
    color: #000;
    font-size: 12px;
}

.divbt2 A:hover {
    text-decoration: none;
}

.bottom2 {
    padding-bottom: 40px;
} */

/*--------------*/



.smenu A {
    font-size: 12px;
    color: #383B47;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 2;
}

.smenu A:hover {
    color: #CCAD22;
    /* text-decoration: underline; */
    /*  */
}

.bottom-phone {
    padding-bottom: 7px;
    font-size: 12px;
    text-transform: uppercase;
    color: #383B47;
}

.bottom-mail {
    padding-bottom: 7px;
    font-size: 12px;
    text-transform: uppercase;
    color: #383B47;
}

/* .bottom-menusaparator {
    padding: 10px;
} */

.bottom-time {
    font-size: 12px;
    text-transform: uppercase;
    color: #717883;
}

.bottom-ims {
    gap: 10px;
    padding-top: 10px;
    padding-bottom: 40px;
}

.bottom-im {
    padding: 10px 20px;
    background-color: #EDEEF1;
    border: 1px solid #E0E2E8;
    border-radius: 20px;
    text-transform: uppercase;
    font-size: 10px;
    color: #000;
}

.bottom-address {
    text-transform: uppercase;
    font-size: 12px;
    padding-bottom: 20px;
}

/* BUTTONS */
.sh-white-button {
    color: #2B2C32;
    cursor: pointer;
    background-color: #ffffff;
    width: 282px;
    height: 48px;
    border: 1px solid #2B2C32;
}

.sh-white-button-mini {
    color: #2B2C32;
    cursor: pointer;
    background-color: #ffffff;
    /* width: 282px; */
    height: 44px;
    padding: 0px 55px;
    border: 1px solid #2B2C32;
}

.sh-white-button:hover {
    /* background-color: #CCAD22; */
    border: 1px solid #CCAD22;
    color: #CCAD22;
}

.sh-black-button {
    color: #fff;
    cursor: pointer;
    background-color: #2E313B;
    width: 228px;
    height: 48px;
}

.sh-black-button282 {
    color: #fff;
    cursor: pointer;
    background-color: #2E313B;
    width: 282px;
    height: 48px;
}

.sh-black-button-mini {
    color: #fff;
    cursor: pointer;
    background-color: #2E313B;
    /* width: 282px; */
    padding: 0px 55px;
    height: 44px;
}

.sh-black-button:hover,
.sh-black-button-mini:hover,
.sh-black-button282:hover {
    background-color: #CCAD22;
}

.sh-choose-text {
    font-size: 14px;
    padding-bottom: 20px;
}

h1 {
    font-size: 24px;
    font-weight: 100;
    text-transform: uppercase;
    padding: 23px 0px 28px 0px;
    font-family: "InterMedium";
}

h2 {
    font-size: 24px;
    font-weight: 100;
    text-transform: uppercase;
    padding: 15px 0px;
    font-family: "InterMedium"
}

h3 {
    font-size: 18px;
    font-weight: 100;
    text-transform: uppercase;
    padding: 0px 0px 15px 0px;
    font-family: InterMedium;
}

h4 {
    font-size: 16px;
    font-weight: 100;
    text-transform: uppercase;
    padding: 7px 0px 7px 0px;
    font-family: InterMedium;
}


.grid12 P,
.gr-company P,
.gr-company LI,
.gr-company STRONG {
    padding: 5px 0px;
    color: #383B47;
    font-size: 16px;
    line-height: 20px;
    font-family: "InterLight"

}

.grid8 P {
    padding: 5px 0px;
    color: #383B47;
}


.grid8 {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(8, 1fr);
    gap: 0px 24px;
    width: 100%;
    /* height: 100%; */
}

.grid8 UL,
.grid8 OL {
    padding: 20px !important;
    color: #383B47;
}



.grid12 UL,
.grid12 OL,
.gr-company UL,
.gr-company OL {
    padding: 10px 30px !important;
    color: #383B47;
}



.no-dots {
    list-style-type: none;
}

.separator {
    border-bottom: 1px dashed #E0E2E8;
    margin: 10px 0px 20px 0px;
}


/* COOPERATION | MAIN */

.cooperation-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    /* padding: 20px; */
}

.cooperation-toknow {
    background-color: #F9FAFE;
    padding: 15px;
    border-top: 1px solid #edeef1;
    display: flex;
    justify-content: center;
}

.cooperation-toknow A {
    color: #9799A6;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
}

.cooperation-toknow A:hover {
    color: #000;

}

.cooperation-image {
    padding: 20px;
    display: flex;
    align-content: center;
    justify-content: center;
}

.cooperation-text {
    display: flex;
    justify-content: center;
    height: 60px;
}

.cooperation-red {
    position: absolute;
    background-color: #CC3E22;
    color: #fff;
    font-size: 14px;
    padding: 6px;
}

.cooperation-forms-list INPUT {
    border: 1px solid #A6A8B2;
    padding: 10px;
    width: calc(100% - 25px);
}

.cooperation-forms {
    width: 100%;
    background-color: #fff;
    padding: 20px;
}


.round {
    width: 100px;
    height: 100px;
}

.preim-grayblock {
    padding: 24px 24px;
}

/* searchinput */
.searchinput {
    width: 100%;
    padding: 0px 20px;
}

.tagfilter A {
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    color: #383B47;
    font-size: 14px;
    /* margin-right: 10px; */
    text-decoration: none;
    border: 1px solid #E0E2E8;
}

.tagfilter A:hover {
    color: #000;
}