.ra{
    position:relative;
}
.ra::before{
    content:'';
    display:block;
}
.ra-1_1::before{
    padding-top:100%;
}
.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:139%;
}
.ra-2_1::before{
    padding-top:50%;
}
.ra-3_2::before{
    padding-top:66.6666666%
}
.ra-4_3::before{
    padding-top:75%;
}
.ra-5_4::before{
    padding-top:72%;
}
.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_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;
}

.pt-0 {padding-top: 0 !important;}
.pb2 {padding-bottom: 2rem !important;}
.mt-0 {margin-top: 0 !important;}
.mt1_5 {margin-top: 1.5rem !important;}
.formcard,
.finalsec .inner {padding-left: 15px; padding-right: 15px;} 
.pbl-start-0 {padding-block-start: 0 !important;}
.list-style-none {list-style-type: none !important;}

.docsGallery {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2,1fr);
    grid-gap: 0.5rem;
    margin: 1.5rem 0;
}
.rp-main a {text-decoration: underline; color: #2F6FB3;}
.rp-main a:hover {text-decoration: none;}
.rp-main h2 {margin-bottom: 1rem;}
form {position: relative;}
.formSuccess {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; color: green; font-size: 20px; font-weight: bold; display: none;}

@media screen and (max-width: 575px) {
    .fact-r,
    .contentList {display: flex !important; flex-direction: column !important;}
header .ss {display: none;}
.docsGallery {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1,1fr);
}
}