@font-face {
    font-family: 'GothamPro';
    src: url('../fonts/GothamPro.eot');
    src: url('../fonts/GothamPro.eot?#iefix') format('embedded-opentype'),
    url('../fonts/GothamPro.woff') format('woff'),
    url('../fonts/GothamPro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamPro-Bold';
    src: url('../fonts/GothamPro-Bold.eot');
    src: url('../fonts/GothamPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/GothamPro-Bold.woff') format('woff'),
    url('../fonts/GothamPro-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamPro-Medium';
    src: url('../fonts/GothamPro-Medium.eot');
    src: url('../fonts/GothamPro-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/GothamPro-Medium.woff') format('woff'),
    url('../fonts/GothamPro-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamPro-Light';
    src: url('../fonts/GothamPro-Light.eot');
    src: url('../fonts/GothamPro-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/GothamPro-Light.woff') format('woff'),
    url('../fonts/GothamPro-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'DrukTextWideCyr-Bold';
    src: url('../fonts/druktextwidecyr-bold.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/druktextwidecyr-bold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
    url('../fonts/druktextwidecyr-bold.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/druktextwidecyr-bold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
    url('../fonts/druktextwidecyr-bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/druktextwidecyr-bold.svg#druktextwidecyr-bold') format('svg'); /* Chrome < 4, Legacy iOS */
}

.ra{
    position:relative;
}
.ra::before{
    content:'';
    display:block;
}
.ra-1_1::before{
    padding-top:100%;
}
.ra-1_1_1::before{
    padding-top:118%;
}
.ra-1_1_2::before{
    padding-top:142%;
}
.ra-1_1_3::before{
    padding-top:103%;
}
.ra-1_2::before{
    padding-top:200%;
}
.ra-1_3::before{
    padding-top:300%;
}
.ra-2_3::before{
    padding-top:150%;
}
.ra-3_4::before{
    padding-top:133.33333333%;
}
.ra-3_4_1::before{
    padding-top:135%;
}
.ra-2_1::before{
    padding-top:50%;
}
.ra-2_1_1::before{
    padding-top:31%;
}
.ra-2_1_2::before{
    padding-top:42%;
}
.ra-2_1_3::before{
    padding-top:38%;
}
.ra-2_1_4::before {
    padding-top: 45.5%;
}
.ra-2_1_5::before{
    padding-top:25%;
}
.ra-2_1_6::before {
    padding-top: 28.5%;
}
.ra-2_1_7::before {
    padding-top: 47%;
}
.ra-3_2::before{
    padding-top:66.6666666%
}
.ra-4_3::before{
    padding-top:74.25%;
}
.ra-4_3_1::before{
    padding-top:75%;
}
.ra-5_4::before{
    padding-top:72%;
}
.ra-5_4_1::before{
    padding-top:73%;
}
.ra-5_4_2::before{
    padding-top:70%;
}
.ra-16_9::before{
    padding-top:56.25%;
}
.ra-16_10::before{
    padding-top:62.5%;
}
.ra-16_14::before{
    padding-top:96.5%;
}
.ra-16_14_1::before{
    padding-top:126%;
}
.ra-16_12::before{
    padding-top:84.5%;
}

.ra-container {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    overflow:hidden;
    width: 100%;
    height: 100%;
    margin: auto;
}

.ra-container img {
    position: absolute;
}

.ra-container img:not(.width100):not(.height100) {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 100%;
    max-height: 100%;
}

.ra-container img.width100 {
    width: 100%;
    height:auto;
    max-height: inherit;
    top: 50%;
    transform: translateY(-50%);
}

.ra-container img.height100 {
    height: 100%;
    width: auto;
    max-width: inherit;
    left: 50%;
    transform: translateX(-50%);
}

.ra-container img.kvadrat {
    max-width: 100%;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
}

.ra-container img.no_transform {
    left: 0 !important;
    top:0 !important;
    transform: none !important;
}

html,
body {
    font-family: 'GothamPro';
    color: #303938;
    line-height: 1.3; 
}

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

nav .container-fluid,
section .container-fluid,
header .container-fluid,
footer .container-fluid {max-width: 1332px;}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-help {
    cursor: help !important;
}

.cursor-wait {
    cursor: wait !important;
}

.cursor-progress {
    cursor: progress !important;
}

.cursor-zoom-in {
    cursor: zoom-in !important;
}

.cursor-zoom-out {
    cursor: zoom-out !important;
}

.cursor-none {
    cursor: none !important;
}

.letter-spacing {letter-spacing: 0.05rem !important;}
.fs-0_9 {font-size: 14px !important;}
.fs-0_8 {font-size: 12px !important;}
.fs-0_85 {font-size: 13px !important;}
.fs-0_75 {font-size: 11px !important;}
.fs-0_6 {font-size: 8px !important;}
.fs-0_5 {font-size: 6px !important;}
.fs-large {font-size: 21px !important;}
.ra-navbar-logo {width: 54px;}
h1 {font-size: 32px;}
.w-vw-100 {width: 100vw !important;}
.bg-dark2 {background-color: #303938 !important;}
.text-inherit {color: #303938 !important;}
.text-dark2 {color: #5F6065 !important;}
.form-control:focus {box-shadow: none;}
.ff-GothamPro-Light {font-family: 'GothamPro-Light' !important;} 
.ff-GothamPro-Bold {font-family: 'GothamPro-Bold' !important;} 
.ff-GothamPro-Medium {font-family: 'GothamPro-Medium' !important;}
.ff-GothamPro-Regular {font-family: 'GothamPro' !important;}
.ff-Druk-Bold {font-family: 'DrukTextWideCyr-Bold' !important;}
.bg-blue2 {background-color: #1CBECB !important;}
.text-blue2 {color: #1CBECB !important;}
.gap-2_5 {gap:.7rem !important}
.py-2_5 {
    padding-top: .7rem !important;
    padding-bottom: .7rem !important;
}
header .navbar-menu-wrap li a,
header .nav-link,
footer .navbar-menu-wrap li a,
footer .nav-link {border-bottom: 4px solid transparent;}

header .nav-link.first {width: 184px; background-color: #1CBECB;} 

header .navbar-menu-wrap,
footer .navbar-menu-wrap,
.headerMobile li a {border-bottom: 1px solid #D4D5DA;}

header .navbar-menu-wrap li a:hover,
footer .navbar-menu-wrap li a:hover,
header .navbar-menu-wrap li a.active,
footer .navbar-menu-wrap li a.active {color: #1CBECB; border-bottom-color: #1CBECB;}

header .nav-link.first:hover {background-color: #27b9c5;  border-bottom-color: #27b9c5;}

.link_full_square {
    position: absolute !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    z-index: 2 !important;
}

.bi::before {
    vertical-align: baseline;
}

.ra-navbar-icon {width: 24px;}

.bannerWrap {background: url("../images/banner_bg.png") no-repeat scroll center top,
    url("../images/banner_bg_top.png") no-repeat scroll left top,
rgba(0, 0, 0, 0) url("../images/banner_bg_bottom.png") no-repeat scroll left bottom;}

.Druk-Cyr-Bold {font-family: 'DrukTextWideCyr-Bold' !important;}
.bannerCol .ra {width: 49px;}
.bannerColTitle {font-size: 18px;}
.bannerColDescr {font-size: 14px;}
.bannerCont {width: 80%;}
.bannerWrap {position: relative;}
.bannerWrap .ra-bg-add {position: absolute; right: -8rem; top: 50%; transform: translateY(-50%); width: 536px; z-index: -1;}
.sectionBanner {padding-top: 34px;}
.sectionHeadRow p {font-size: 20px;}
.sectionHeadRow h2 {font-size: 32px;}
.categoryCol {background-color: #f5f5f5;}
.categoryCol .link_full_square {cursor: url('cursor.svg') 4 1, pointer;}
.categoryCol:hover {background-color: #0CB5B5; color: #ffffff;}

.mix-blend-multiply {mix-blend-mode: multiply !important;}
.formWrap h2 {font-size: 32px; line-height: 1.4;}
.formWrap form[role="search"] {width: 58%;}
.sectionSmallForm .formWrap {background-image: url(../images/form.png); background-repeat: no-repeat; background-position: right center;}
.infoWrap h2 {font-size: 32px;}
.manufactureColTitle {font-size: 14px;}
.sectionCountries {background-color: #F5F5F5;}
.countriesSliderWrap {
    visibility: hidden;
}
.countriesText {font-size: 14px;}
.countriesSlider.owl-carousel .slide .ra, .сountriesCol .ra {width: 67px;}
.bg-grey2 {background-color: #F5F5F5 !important;}

.owl-carousel .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
    column-gap: 0.2rem;
    margin: 1.7rem auto 0;
}

.owl-carousel .owl-dot {
    display: inline-block;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
}

.owl-carousel .owl-dot span {
    display: block;
    width: 16px;
    height: 2px;
    background-color: #D4D5DA;
}

.owl-carousel .owl-dot.active span {
    background-color: #303938;
}

.owlCustomArrows .arrow {
    display: block;
    background-repeat: no-repeat;
    background-position: left top;
    width: 50px;
    height: 50px;
    z-index: 2;
}

.owlCustomArrows .arrow.prev {
    background-image: url(../images/prev.svg);
}

.owlCustomArrows .arrow.next {
    background-image: url(../images/next.svg);
}

.owl-nav {
    display: none;
}

button[type="submit"] {font-size: 14px;}
textarea {
    resize:none;
    overflow: auto;
}

.sectionForm .formWrap {background-image: url(../images/form2.png); background-repeat: no-repeat; background-position: right center;}
.sectionForm .formCont {width: 81%;}
.sectionForm .formWrap h2 {font-size: 30px;}
.formFieldTitle {font-size: 14px;}
.form-control:focus {border-color: inherit;}
.sectionForm form {gap: 2rem;}

.sectionForm *::-webkit-input-placeholder {
    color: #7b8281;
}
.sectionForm *:-moz-placeholder {
    /* FF 4-18 */
    color: #7b8281;
    opacity: 1;
}
.sectionForm *::-moz-placeholder {
    /* FF 19+ */
    color: #7b8281;
    opacity: 1;
}
.sectionForm *:-ms-input-placeholder {
    /* IE 10+ */
    color: #7b8281;
}
.sectionForm *::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #7b8281;
}
.sectionForm *::placeholder {
    /* modern browser */
    color: #7b8281;
}

.form-check-label {font-size: 14px;}
footer {background-color: #F0F0F0;}
.footer-bottom {font-size: 14px;}
a.text-decoration-underline:hover {text-decoration: none !important;} 
.bannerWrap h1 {font-size: 48px;}
.ra-gamb {width: 40px;} 
.ra-gamb img.gambClose {display: none;}
header.opened .ra-gamb img {display: none;}
header.opened .ra-gamb img.gambClose {display: inline-block;}
.headerMobile {background-color: #F0F0F0; display: none;}
header.opened .headerMobile {display: block;}
.headerMobile .nav-link {font-size: 16px;}
.headMobileIcons .ra-navbar-icon {width: 40px;}
.navbar-button {white-space: nowrap;}
.showAllBtn {border: 1px solid #1CBECB;}

h1 {font-size: 24px;}
.buttonsGroup button {background-color: #F0F0F0; min-width: 48px; min-height: 48px; border-color: transparent;}
.buttonsGroup button.active {background-color: #1CBECB !important; color: #ffffff;}
.buttonsGroup button:not(.active):hover {background-color: #e8e8e8;}
.breadcrumb-item {font-size: 14px;}
.breadcrumb-item.active {color: #D4D5DA;}
.breadcrumb-item + .breadcrumb-item::before {color: #1CBECB; padding-right: 0.4rem;}
.breadcrumb-item + .breadcrumb-item {padding-left: 0.4rem;}
.sectionsList.grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5,1fr);
}
.sectionsListItem {font-size: 14px;}
.sectionHeadIconRow .ra {width: 43px;}
.bg-grey3 {background-color: #FAFAFA !important;}
.text-black2 {color: #313131 !important;}
.text-grey2 {color: #9C9B9B !important;}
.filterFieldTitle {font-size: 14px;}
.border-blue2 {border: 1px solid #B7F4F9 !important;}
.border-blue3 {border: 1px solid #1CBECB !important;}
.filterFieldCol input[type="text"] {font-size: 14px;}
.filterButton i {font-size: 18px;}
.filterButton {border: 1px solid transparent;}

.filterFieldCol input[type="text"]::-webkit-input-placeholder {
    color: #9C9B9B;
}
.filterFieldCol input[type="text"]:-moz-placeholder {
    color: #9C9B9B;
    opacity: 1;
}
.filterFieldCol input[type="text"]::-moz-placeholder {
    color: #9C9B9B;
    opacity: 1;
}
.filterFieldCol input[type="text"]:-ms-input-placeholder {
    color: #9C9B9B;
}
.filterFieldCol input[type="text"]::-ms-input-placeholder {
    color: #9C9B9B;
}
.filterFieldCol input[type="text"]::placeholder {
    color: #9C9B9B;
}

.bg-grey4 {background-color: #F0F0F0 !important;}
.filterInputClear {width: 46px;}
.text-black3 {color: #222323 !important;}
.filterInputClear i {font-size: 18px;}
.filterFieldFlexWrap > .form-control {width: calc(100% - 46px) !important;}

.text-grey5 {color: #D4D5DA !important;}
.text-grey6 {color: #A4A4A4 !important;}
.filterInputClear.bg-white:hover {background-color: #F0F0F0 !important;}
.filterInputClear.bg-white:hover i {color: #222323 !important;}

.filterFieldDropdown {
    top: calc(100% + 1px);
}

.filterFieldDropdown .form-control {cursor: url('cursor2.svg') 4 1, pointer;}
.filterFieldDropdown .form-control:hover {background-color: #B7F4F9 !important;} 

.catalogItemTitle {font-size: 18px;}
.catalogItemButton i {font-size: 36px;}
.catalogItemButton {width: 152px; min-height: 48px;}

.catalogItemButton.add i {font-size: 26px;}

.paginationWrap a {
    min-width: 36px;
    min-height: 36px;
}

.paginationWrap a.active {background-color: #B7F4F9;}
.paginationWrap i {font-size: 26px;}
.ajax_load_btn {min-height: 48px; width: 200px;}

.link_full_square.bg {
    background-color: rgba(0, 0, 0, 0.4);
}

.previewImgWrap.active .previewImg .link_full_square.bg {
    background-color: transparent;
}

.cardPrevews.grid {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5,1fr);
}

.cardSliderLg.owl-carousel .owl-dots {margin-top: .25rem;}
.cardLogoWrap .ra-logo {width: 125px;}

.cardWrapper .catalogItemButton {
    width: 214px;
    min-height: 60px;
}

.cardDownloadsTitle {font-size: 18px;}
.cardDownloadRow .ra-doc {width: 26px;}
.cardWrapper .catalogItemButton i {font-size: 16px;}
.cardWrapper .cardDownloadRow .catalogItemButton {width: 102px; min-height: 40px;}
.cardDownloadRow {border-top: 1px solid #F0F0F0;}

.countryIconWrap .ra {width: 16px;}
.countryIconWrap .title {width: calc(100% - 24px);}

form input[type="file"] {
    display: none;
}

form .file_del,
form .file_btn {
    cursor: pointer;
}

form .file_del {
    display: none;
}

form .file_div.with_file .file_del {
    display: inline-block;
}

.file_div .file_name {
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 428px;
}

.bi::before, [class^="bi-"]::before, [class*=" bi-"]::before {vertical-align: baseline !important;}
.countryIconWrap img {width: 16px;}
.cardDownloadFileTitle a:hover {text-decoration: underline;}
.detailBrandWrap .ra-logo {
    width: 214px;
}
.ra-brand-contact {width: 34px;}
.brand-contact-value a:hover {text-decoration: underline;}

h2.sm {font-size: 24px;}

.catalogItemButton.active {
    position: relative;
}

.catalogItemButton .btnTooltip {
    position: absolute;
    top: -33px;
    right: 0;
    z-index: 2;
    padding: 0.3rem 0.8rem;
    background-color: #f2f2f2;
    color: #ed1c24;
    text-transform: none !important;
    font-size: 14px;
    text-decoration: underline;
    border-radius: 8px;
    white-space: nowrap;
    display: none;
}

.catalogItemButton.active {
    background-color: green !important;
    border-color: transparent !important;
} 

.catalogItemButton.active .bi {display: none;}
button.bg-blue2:not(.active):hover {background-color: #30a1aa !important;}

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

    .sectionsList.grid {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4,1fr);
}  

}

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

    .cardDownloadRow .ra-doc {width: 20px;}
.cardDownloadFileTitle {font-size: 12px !important;}

.sectionsList.grid {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3,1fr);
}  

.categoryColTitle {font-size: 14px;}
.ra-navbar-logo {width: 33px;}
.nav-slogan.fs-0_9 {font-size: 10px !important;}
input[type="search"].fs-0_9 {font-size: 12px !important;}
.sectionForm .formWrap {background-size: 216px auto;}
.formWrap h2 {font-size: 24px;}

.bannerWrap .ra-bg-add {
    right: -5rem;
    width: 305px;
}
.bannerWrap h1 {font-size: 32px;}
.bannerCol .ra {width: 35px;}
.bannerColTitle {
    font-size: 16px;
}
.sectionHeadRow h2 {font-size: 24px;}
.sectionHeadRow p {font-size: 16px;} 
.infoWrap h2 {font-size: 24px;}
.formWrap form[role="search"] {width: 90%;}
.sectionForm .formWrap h2 {font-size: 22px;}
.manufactureColTitle {font-size: 12px;}

}

@media screen and (max-width: 991px) {
    header .nav-link.first {width: auto;}
.bannerCont {width: 100%;}
.sectionForm .formWrap {background-image: none;}
.sectionForm .formCont {width: 100%;}

.sectionsList.grid {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2,1fr);
}
}

@media screen and (max-width: 767px) {
    footer .navbar-menu-wrap {border-bottom: none;}
footer .ra-navbar-logo {width: 63px;}
footer .nav-slogan.fs-0_9 {font-size: 16px !important; line-height: normal;}
footer .nav-link {font-size: 16px;}
footer .navbar-nav li a {border-bottom: 1px solid #D4D5DA;}
footer .navbar-nav li:last-child a {border-bottom: none;}
footer .navbar-nav, footer .nav-item, footer .navbar-button {width: 100%;}
footer .ra-navbar-icon {width: 40px;}
.sectionHeadRow h2 {
    font-size: 20px;
}
.sectionHeadRow p {
    font-size: 15px;
}
.catalogItemButton.add {width: 48px;}
.cardWrapper .catalogItemButton.add {width: auto;}
.catalogItemButton:not(.add) {width: calc(100% - 48px);}
}

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

    h1 {font-size: 18px;}

    .file_div .file_name {
    max-width: 191px;
}
    
.cardDownloadRow .ra-doc {
    width: 16px;
}

.cardDownloadFileSize,
.cardDownloadFileTitle {font-size: 10px !important;}

.bannerWrap h1 {
    font-size: 22px;
}

.catalogListItem .ra-5_4_2::before {
    padding-top: 36%;
}

.sectionHeadRow p, .sectionHeadRow hr {display: none;}
.categoryCol .ra {width: 56px !important;}
.categoryCol .ra.ra-16_9::before {
    padding-top: 141%;
}

.sectionSmallForm .formWrap {background-image: none;}

.sectionsList.grid {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1,1fr);
}

.sectionsListItem {font-size: 17px;}

.formWrap h2 {
    font-size: 18px;
}

.formWrap form[role="search"] {
    width: 100%;
}

.sectionCountries {position: relative;}

.countriesSliderWrap .owlCustomArrows {
    position: absolute;
    top: 0.75rem;
    right: 15px;
    margin-top: 0 !important;
}

.sectionForm .formWrap h2 {
    font-size: 15px;
}

.form-check-label {
    font-size: 10px;
}

}