@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    font-family: Montserrat;
}

/*containers*/

#map {
    height: 500px;
    width: 100%;
}

.label-marker {
    background-color: white;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}

.scalable-container {
    max-width:1920px;
    margin:auto
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px!important;
    }
}

@media (min-width: 769px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 890px!important;
    }
    #paragraph-green {
        padding: 5% 33% 5% 6%;
    }
}



@media (min-width: 880px) {

    #paragraph-green {
        padding: 5% 22% 5% 6%;
    }
   
}


@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 890px!important;
    }

    #paragraph-green {
        padding: 5% 16% 5% 6%;
    }


}

@media (min-width: 1024px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 890px!important;
    }
}

@media (min-width: 1200px) {
 
    .my-5 {
        padding-top:0px!important;
        }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1012px!important;
    }
}

@media (min-width: 1900px){
    .container{
        max-width: 1094px!important;
    }
}



body {
    margin: 0;
    padding: 0;
    max-width: 100%;
    overflow-x: hidden;
    font-size: .8rem!important;
    line-height: 1.3;
}

p{
margin-bottom: .8rem;
}

a, a:hover {
    color: rgb(0, 129, 70);}


/*tvary v pozadí*/
@media only screen and (min-height:769px) {
   
}

.section2-rmtwo-card {
    cursor: pointer;
}

.section2-rmtwo-card:hover {
        background: transparent linear-gradient(201deg, #000000 0%, #797979 100%) 0% 0% no-repeat padding-box;
    
}

.section2-rmtwo-card1 {
    padding:40px 70px!important;
    display: inline-block;
    min-height: 510px;
    width: 107%!important;
    height: 122%;
    overflow: auto;
    position: relative;
    left: -2.5%;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
    top: -5%;
    max-height: 480px!important;

}

.section1-rmtwo-border1.my-4 {
    margin-top: 19px!important;
}

.section2-rmtwo-card1, .section2-rmtwo-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


    

/* Shift the flag icon to the right so that the bottom of the flagpole
* aligns with the anchor point. */
.flag-icon {
    position: relative;
    left: 60px;
}

.flag-icon.vyroba{
    position: relative;
    left: 40px;
}

.google-map-api{
    height: 504px;
}

.padding-0 {
    padding:0px;
}

.ikona-sluzby{
    height: 64px;
    padding-bottom: 8px;
}

.zindex99 {
    z-index: 99;
}

.header-section {
    background: #000000;
    margin-top: 0px;
    position: sticky;
    top: 29px;
    z-index: 99999;
}

@media only screen and (max-width:993px) {
.header-section {
    top: 0px;}
}


.text-green {
    color: #359945;
}

.section2-rmfour .text--green {
    color: #359945!important;
}

.section2 {
    margin-bottom:64px;
}

.container .navbar-brand img {
    position: absolute;
    top: -30px;
    height: 200px;
    z-index: 2;
}

.home-sec-2.box-head.rmsix {
    margin-top: -120px !important;

}

.home-sec-2.box-head.rmsix1 {
    margin-top: -120px !important;
    background-color: #000000;
    z-index:10;
}


.navbar-expand-md .navbar-collapse {
    justify-content: space-around;
}

.navbar-nav {
    padding: 0.068px 0px 0.068px 54px;
    gap: 14px;
    margin-bottom: 8px;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
}

.hero-section {
    position: relative;
}

.hero-section .hero-absolute {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 10;
}

.owl-carousel.carousel0 {
    position: unset;
}

.owl-carousel .owl-item img {
    height: 65vh !important;
    object-fit: cover;
}

#produkty-carousel .produkty-slider{
    max-height: unset!important;
    height: 100%!important;
}

/*homepage slider*/
.carousel, .carousel-inner, .newhero  {
    max-height:65vh!important;
}

@media only screen and (min-height:1080px) {
    .carousel, .carousel-inner, .newhero, .hero-section {
        max-height: 55vh !important; }
}
    
@media only screen and (min-height:1500px) {
        .carousel, .carousel-inner, .newhero, .hero-section {
            max-height: 45vh !important; }
}
    
@media only screen and (min-height:2000px) {
        .carousel, .carousel-inner, .newhero, .hero-section, .owl-carousel .owl-item img {
            max-height: 25vh !important; }
}
    
@media only screen and (max-width:768px) {
        .carousel, .carousel-inner, .newhero, .hero-section {
            max-height: none !important; }
}



.carousel-item img {
    object-fit:contain;
}


@media only screen and (min-width:1600px) {
   

.my-2 {
    margin-top: 5.5rem!important;
    margin-bottom: .5rem!important;
}

}
.home-angle.sluzby__ {
    width: 300px;
    height: 300px;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    left: -150px;
    margin-top: -100px;
}

.home-angle {
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    border: 1px solid #004F9F;
    opacity: 1;
    width: 300px;
    left: 0;
    height: 300px;
    z-index: -1;
    position: absolute;
    border-radius: 16px;
}

.home-angle-left {
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    /* UI Properties */
    border: 1px solid #004F9F;
    opacity: 1;
    width: 400px;
    left: 0;
    height: 400px;
    z-index: -1;
    position: absolute;
    border-radius: 16px;
    top: 216vh;
}


.home-angle-right-1{
    opacity: 1;
    width: 440px;
    right: 0;
    height: 440px;
    z-index: -2;
    position: absolute;
    top: 112vh;
    background: url("/assets/images/right-top-angles.png") no-repeat;
    background-size: cover;
}

.home-angle-right-2{
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    /* UI Properties */
    border: 1px solid #004F9F;
    opacity: 1;
    width: 500px;
    right: 60px!important;
    height: 500px;
    z-index: 0;
    position: absolute;
    border-radius: 16px;
    top: 394vh;
}

.field-detail-angle-left{
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    /* UI Properties */
    border: 1px solid #004F9F;
    opacity: 1;
    width: 350px;
    left: -200px;
    height: 350px;
    z-index: 1;
    position: absolute;
    border-radius: 16px;
    top: 205vh;
}

.field-detail-angle-right{
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    /* UI Properties */
    border: 1px solid #004F9F;
    opacity: 1;
    width: 200px;
    right: 200px;
    height: 200px;
    z-index: -1;
    position: absolute;
    border-radius: 16px;
    top: 370vh;
}

.sluzby-angle-left{
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    /* UI Properties */
    border: 1px solid #004F9F;
    opacity: 1;
    width: 450px;
    left: -250px;
    height: 400px;
    z-index: -1;
    position: absolute;
    border-radius: 16px;
    top: 190vh;
}

.place_ccc::placeholder {
    color: #000 !important;
}

.zrusit__btn {
    border: 1px solid #000000;
    border-radius: 48px;
    color: #000;
    width: 213px;
    height: 50px;
    background-color: transparent;
}

.zrusit__btn.bg___ {
    margin-left: 5px;
    background-color: #000;
    color: #FFF;
}

.bg-black {
    background-color: #000;
}

.mt____minusrd {
    top: -80px;
    position: relative;
    z-index: +99;
}

.text-359945 {
    color: #359945;
}

.blue-boxes {
    background-color: #3268C3;
}

.img____box {
    /* position: absolute; */
    margin-top: -50px;
}

.img____box1 {
    position: absolute;
    top: -25px;
    right: 30px;

}

.resturace {
    background-image: url('../images/resturace.png') !important;
}

.green-boxes {
    padding: 20px;
    background-color: #359945;
}

.bothboxes {
    position: relative;
    top: -150px;
}

.bg-ccccc {
    background: #CCCCCC 0% 0% no-repeat padding-box !important;

}

.hero-section .text1 {
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    line-height: 56px;
    text-transform: uppercase;
    letter-spacing: -2.07px;
    color: #FFFFFF;
    max-width: 586px;
    margin: auto;
    line-height: 75px;
    text-shadow: 4px 10px 24px #000000;
}

.hero-section .text2 {
    text-align: center;
    font-size: 26px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -1.02px;
    color: #FFFFFF;
    text-shadow: 4px 10px 16px #000000F7;
    padding-top: 20px;
    max-width: 550px;
    margin: auto;
    padding-bottom: 30px;
    padding-top: 0px;
}

.hero-section .text3 a {
    color: #fff;
    text-align: center;
    font-size: 28px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 1.1px;
    background: #359945;
    border-radius: 50px;
    text-decoration: none;
    padding: 15px 80px 15px;
}

.hero-section6 .text1 {
    max-width: 800px !important;
    text-shadow: 4px 10px 24px #000000;

}

.hero-section6:not(.newhero) {
    background-color:unset;
}

.hero-section6 button .fa{
    background-color: white;
    padding: 11px;
    border-radius: 50px;
}

.hero-section6 .fa-chevron-left:before{
    height: 25px;
    width: 25px;
    display: block;
    color: #359945;
}

.hero-section6 .fa-chevron-right:before{
    height: 25px;
    width: 25px;
    display: block;
    color: #359945;
}

.hero-section .text3 {
    text-align: center;
    padding-top: 20px;
}

.hero-section .child-div {
    display: flex;
    justify-content: end;
    padding-top: 50px;
    gap: 80px;
    padding-bottom: 100px;

}



.navbar-expand-md {
    flex-wrap: wrap;
}

.nav-bar {
    padding-top: 0;
}

.child-div2 {
    position: absolute;
 
}

.owl-stage .child-div2 {
    margin-bottom: 120px;
 
}

.child-div3 {
    border-radius: 5px;
    background: #FFF;
    padding: 15px;
}

.navbar-light .navbar-nav .brochure-button:focus,
.navbar-light .navbar-nav .brochure-button:hover,
.btn:hover {
    color: #fff;
    box-shadow: none;
}


.navbar-light .navbar-nav .brochure-button {
    border-radius: 5px;
    background: #C43340;
    color: #fff;
    padding: 10px 10px;
    display: inline-block;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
}

.header-text1 {
    background: #000000;
    display: grid;
}


.topbar-links {
    position: sticky;
    z-index: 999999;
    top: 0;
}

.header-text1 a {
    font-size: 14px;
    color: #c1c1c1!important;
    text-decoration: none;
    margin-left: 4px;
}

.header-flex {
    display: flex;
    align-items: center;
}

.header-main-div {
    display: flex;
    gap: 20px;
    text-align: end;
    align-items: end;
    justify-content: end;
}

/* Carousel */

.owl-nav button {
    position: absolute;
    top: 0%;
    color: #fff !important;
    margin: 0;
    transition: all 0.3s ease-in-out;
    width: 25px;
    height: 25px;
    background-color: transparent !important;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 14px !important;
    line-height: 1 !important;
    opacity: 0.5;
}

.owl-nav button.owl-prev {
    left: 20px;
    background: transparent !important;
    opacity: 0.5;
}

@media only screen and (max-width: 767px){
    #recipeCarousel .carousel {
height:unset!important
}
}

.owl-dots {
    display: none!important;
}

.owl-nav button.owl-next {
    right: 20px;
}

.owl-nav button:focus {
    outline: none;
}

.hero-carousel .owl-nav button.owl-next {
    width: 63px;
    height: 100%;
}

.hero-carousel .owl-nav button.owl-prev {
    width: 63px;
    height: 100%;
}

.hero-carousel .owl-nav button.owl-prev:hover, .hero-carousel .owl-nav button.owl-next:hover {
    opacity: 1;
}

.hero-carousel .owl-nav button {
    width: 40px;
    height: 40px;
    font-size: 25px !important;

}

.tt-overlay-green {
    position: absolute;
    left: 5%;
    top: 5%;
    font-weight: 600;
    width: 90%;
    z-index: +9;
    height: 90%;
    font-size: 69px;
    background-color: #359945;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    padding: 15px;
}

.item {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.section1 {
    background: #000000;
    padding-bottom: 90px;
}

.section1-box {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.box-head {
    margin-top: -88px;
}

.section1-box1 img {
    width: 240px;
    height: 180px;
    opacity: 0.6;
}

.section1-box1 {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.box-text {
    position: absolute;
}

.box-text {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
}

/*Služby*/

.section2 {
    background: #fff;
}



.services-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 16px 0px 0px;
    margin-bottom: 32px;
    margin-top: 72px;
}

.services-title h2 {
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    margin: 0;
    color: #359945;
    text-transform: uppercase;
}

.divider {
    height: 1px;
    width: 50%;
    background-color: #359945;
}

.reference.divider {
    height: 1px;
    width: 50%;
    background-color: #359945;
}


.all-services-button {
    z-index: 1;
}


.all-services-button a {
    color: #FFFFFF;
    text-align: center;
    font-weight: 400;
    line-height: 26px;
    background: #359945;
    border-radius: 40px;
    text-decoration: none;
    font-size: 18px!important;
    padding: 12px 45px;;
    letter-spacing: 0px;
}



.section2-heading {
    color: #24519C;
    font-size: 20px;
    font-weight: 700;
    max-width: 180px;
    line-height: normal;
}

.section2-date {
    color: #ADADAD;
    font-size: 14px;
    font-weight: 400;
    padding-top: 5px;
    letter-spacing: -0.54px;
}

.section2-img img {
    max-width: 332px!important;
}

.section2-img {
    padding-top: 16px;
}

.section2-paragraph {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    max-width: 400px;
    padding-bottom: 30px;
    letter-spacing: -0.54px;
    color: #ADADAD;
    padding-top: 40px;
}

.section2-button a {
    color: #359945;
    text-align: center;
    font-weight: 400;
    line-height: 24px;
    border: 1px solid #359945;
    border-radius: 50px;
    text-decoration: none;
    font-size: 16px;
    padding: 10px 40px;
    letter-spacing: 0px;
}

.section2-card {
    padding-top: 40px;
}

.section2-card-head {
    display: flex;
    gap: 48px;
    justify-content: center;
}

.section2-card-title-area {
        min-height:110px;
    }



.news-title {
    min-height: 110px;
}

.news-paragraph {
    height: 200px;
    max-width: 500px;
    font-size: 18px;
    font-weight: 500;
    color: #777777;
}

.testimonials-showcase .section2-heading {
    color: #000;
    margin-top: 49px;
    font-size: 33px;
    font-weight: 700;
    text-transform: uppercase;
}

.testimonials-showcase .section2-button a {
    font-size: 22px;
}

.testimonials-showcase .section2-paragraph {
    padding-top: 0px;
    font-size: 16px;
    color: #000
}

.testimonials-bottom {
    margin-top: 110px
}


.testimonials-right {
    font-size: 20px;
    line-height: 24px;
}

.testimonials-right .heading {
    font-size: 32px !important;
    line-height: 36px !important;
}

.testimonials-right ul li {
    list-style: disc;
    margin-left: 20px;
    font-size: 20px;
    line-height: 28px;
}


.testimonial-title {
    text-transform: uppercase;
    font-size: 26px;
}

.testimonials-left .testimonial-title {
    text-transform: uppercase;
    font-size: 26px !important;
    font-weight: 700;
}


.testimonials-top {
    padding: 40px !important;
}

.testimonials-section .btn {
    padding: 18px 68px !important;
    font-size: 22px;
}


.footer-heading {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    text-align: center;
    padding-top: 60px;
    letter-spacing: -0.96px;
}

.footer-paragraph {
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    line-height: normal;
    margin: auto;
    max-width: 750px;
    padding-top: 40px;
    text-align: center;
    padding-bottom: 30px;
    letter-spacing: -0.54px;
}

.social-links1 a {
    text-decoration: none;
    color: #000;
    z-index: 999;
}

.social-links1.title {
    font-size: 16px;
    font-weight: 700 !important;
    color: #000 !important;
    margin-bottom: 16px;
}

.footer-social-links {
    background: #DEDEDE;
}

.footer-social-links.rmfour {
    background: #e2e0db;
    margin-top: 100px;
}

.footer-social-div {
    padding-top: 48px;
    padding-bottom: 0px;
}

.footer-social-div.siroky {
    padding-top: 0px;
    padding-bottom: 20px;
}

.footer-copy-write {
    background: #000000;
    padding-top: 14px;
    padding-bottom: 16px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.footer-section {
    background-image: url(../images/footer-bg.png);
    background-repeat: no-repeat;
    padding-bottom: 30px;
    margin-top: 50px;
    background-size: cover;
    background-position: bottom;
}

.footer-top {
    background: linear-gradient(0deg, rgb(255 255 255 / 80%), rgb(255 255 255 / 80%)), url(../images/footer-top.png);

}

.footer-top.item {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    flex-direction: column;
    padding: 70px 0px 80px 0px
}

.footer-top-button a {
    color: #fff;
    text-align: center;
    font-weight: 400;
    letter-spacing: .9px;
    background: #359945;
    border-radius: 50px;
    text-decoration: none;
    font-size: 18px;
    padding: 14px 88px;
}

.footer-top .text1 {
    font-size: 26px;
    font-weight: 700;
    ;
}

.footer-top .text2 {
    margin: 45px 0px 62px 0px;
    width: 32%;
    font-size: 14px;
    font-weight: 500;
    padding: 0;
}

.social-icons-section {
    display: flex;
    margin-top: -60px;
}

.siroky .social-icons-section {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.siroky .row {
    align-items: flex-end;
}

.social-icons-section-bottom {
    margin-top: 30px;
}

.siroky {
    max-width: none !important
}

.social-icon {
    margin-right: 10px;
}

.social-icon img {
    width: 41px;
    /* Přizpůsobte velikost ikon podle potřeby */
    height: 41px;
    /* Přizpůsobte velikost ikon podle potřeby */
    background-color: black;
    /* Černá barva ikon */
    border-radius: 50%;
    /* Zaoblené hrany pro kulatý tvar */
    padding: 4px;
}


/* rmone page styling */

.hero-section.rmfour {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../images/rmfour/hero-section.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 52vh;
    margin-top: -1px;
}

/* .rmone-bg{
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../images/rmone/hero-section.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    height: 75vh;
} */

.rmseven-1-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('../images/ScrollGroup15.png') !important;
    background-repeat: no-repeat;
    background-size: cover;
    height: 52vh;
    background-position: center;
    margin-top: -1px;
}

.rmseven-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../images/rmseven/hero-section.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    height: 75vh;
    background-position: center;
    margin-top: -1px;
}

.rmseven-video {
    width: 100%;
    /* margin-bottom: -50px; */
    position: relative;
}

.homepage-video {
        display:flex;
       justify-content: flex-end;
    }


.hero-section.rmfour .text1 {
    padding-top: 0px;
    max-width: 100%;
}

.hero-section.rmseven-bg .text1,
.hero-section.rmfour .text2 {
    padding-top: 0px;
    padding-bottom: 30px;
}

.section1-rmone-heading {
    color: #499A4A;
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 90px;
}

.section1-rmone {
    background: #000000;
    padding-top: 40px;
    padding-bottom: 112px;
    margin-top: -1px;
}

.section1-rmone-paragraph {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-align: left;
    line-height: normal;
}

.rmone-list1 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.section1-rmone-list {
    background: #499A4A;
    display: inline-block;
    padding: 65px 80px 65px 40px;
    border-radius: 0px 30px 30px 2px;
    text-align: left;
}

.details1-icon img {
    height: 120px;
}

.details-title {
    font-size: 26px;
    color: #004f95;
    font-weight: bold;
    text-transform: uppercase;
}

.details-paragraph {
    color: #fff;
    font-size: 14px;
    max-width: 224px;
    line-height: 18px;
    margin: auto;
    font-weight: 500;
}

.section2-details1 {
    text-align: center;
}

.section2-details1 .details-paragraph {
    color:#000!important;
    font-size:14px
}

.section1-rmone .section2-details1 .details-paragraph {
    color:#fff!important;
}

.section3-rmone {
    background: #fff;
}

.section3-rmone-paragraph {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    text-align: left;
    line-height: normal;
    max-width: 450px;
}

.section4-rmone {
    padding-top: 40px;
}

.section4-rmone-img {
    text-align: left;
    padding-top: 50px;
}

.section4-rmone-img img {
    width: auto;
}

.section4-heading {
    text-align: left;
    font-size: 16px;
    line-height: normal;
    padding-top: 30px;
    padding-bottom: 20px;
    max-width: 220px;
}

.section7-rmone-button {
    padding-top: 70px;
}

.section4-button a {
    color: #fff!important;
    text-align: center;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: .9px;
    background: #359945;
    border-radius: 50px;
    text-decoration: none;
    font-size: 14px;
    padding: 10px 65px;
}

.section4-button {
    margin-left: 34px;
}

.virtual-button.section4-button{
    margin-left: unset;
}

.virtual-section{
    margin-top: 100px;
}

.virtual-desc{
    text-align: left;
}

.virtual-section iframe{
    margin-top: 50px;
}

.virtual-section p{
    color: white;
    font-size: 16px;
}

.section5-rmone {
    padding-top: 70px;
}

.section5-rmone-img1 {
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
    text-align: left;
}

.section5-rmone-img1 img {
    width: 100%;
}

.section5-rmone-img1text1 {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
}

.section5-rmone-img1text2 {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: normal;
}

.section5-rmone-div {
    position: absolute;
    padding-left: 40px;
}

.section5-rmone-img2 {
    position: relative;
}

.section5-rmone-img2 img {
    height: 100%;
    width: 100%;
}

.section5-rmone-div1 {
    position: absolute;
    padding-left: 80px;
    top: 90px;
}

.section5-rmone-img1text3 {
    padding-top: 90px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

.section5-rmone-div2 {
    background: #76746f;
    margin-top: 17px;
    width: 100%;
    height: 53%;
}

.section5-rmone-img1text4 {
    padding-top: 80px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: normal;
    max-width: 420px;
    text-align: left;
    padding-left: 60px;
}

.section5-li {
    font-size: 16px;
    color: #fff;
    line-height: normal;
    font-weight: 400;
    text-align: left;
}

.section5-ul-rmone {
    padding-top: 20px;
    padding-left: 60px;

}

.section6-rmone {
    padding-top: 100px;
}

.section6-rmone-heading {
    color: #359945;
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
}

.section6-rmone-para {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    line-height: normal;
    max-width: 460px;
}

.section6-rmone-img img {
    width: 600px;
}

.section6-rmone-bg {
    background: #e2e0db;
    height:344px;
    margin-top: -120px;
}

.section7-rmone {
    background: transparent linear-gradient(227deg, #373737 0%, #797979 100%) 0% 0% no-repeat padding-box;
    padding-bottom: 48px;
    padding-top: 48px;
}

.section7-rmone-input1 .form-control:focus {
    box-shadow: none !important;
}

.rmtwo-form-div .input3 #text{
    margin-left:41px;
}

.form-control {
    background-color: transparent !important;
    border-radius: 0px;
    height: 48px;
    border: none;
   
    padding: 24px;
    color: #ADADAD !important;
    border-bottom: 1px solid #ADADAD;
}

.section-rmone-form {
    padding-top: 0px;
}

input::placeholder {
    color: #ADADAD !important;
}

.section7-rmone-input1.input3 .form-control {
    width: 100%;
    height: 228px;
    padding-bottom: 242px;
    border: 1px solid #fff;
    border-radius: 30px;
}

.section7-rmone-text1 {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}

.section7-rmone-btn {
    padding-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section7-rmtwo-form .form-select:focus {
    box-shadow: none;
}

.section7-rmtwo-form .form-select {
    border-radius: 0px;
    background: transparent;
    height: 50px;
    padding-left: 30px;
    width: 90%;
    border: none;
    background-image: url(../icon/down.svg) !important;
    background-repeat: no-repeat;
    background-position: 96%;
    color: #FFFFFF !important;
    border-bottom: 1px solid #ADADAD;
}

select option {
    color: FFFFFF;
    background: #ADADAD;
}

.footer-section.rmone {
    margin-top: 0px;
}

.section1-rmtwo-border {
    border-left: 1px solid #373737;
    height: 300px;
}

.section1-rmtwo-border1 {
    border-left: 1px solid #373737;
    height: 750px;
}

@media only screen and (max-width:768px) {
    .section1-rmtwo-border1 {
        border-left: 1px solid #373737;
        height: auto!important;
    }
}

@media only screen and (max-width:1208px) {
    .section4-button, .rmtwo-form-div .input3 #text{
        margin-left: unset;
    }
}

.section1-rmtwo-border1.my-4{
    margin-top: 0px;
    margin-bottom: 0px;
}

.section1-rmtwo {
    padding-top: 40px;
}

.form-flex-content{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.section1-rmtwo-text1 {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}

.section1-rmtwo-text2 {
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
    color: #000000;
    max-width: 140px;
}

.section1-rmtwo-text3 {
    font-size: 13px;
    font-weight: 600;
    color: #000000;
}

.section1-rmtwo-text3 img {
    width: 20px;
}

.section1-rmtwo-img {
    margin-top: -40px;
}

.section1-rmtwo-img img {
    width: 100%;
    height: 350px;
}

.section2-rmtwo-heading {
    font-size: 14px;
    font-weight: 600;
    color: #fff
}

.section2-rmtwo-address {
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    color: #fff
}

.kontakt-prvni-radek{
    padding-top: 20px!important;
}

.section2-rmtwo-address1 {
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    max-width: 184px;
    padding-top: 16px;
    color: #D3D3D3
}

.section2-rmtwo-card {
    display: inline-block;
    padding: 40px;
    width: 100%;
    background: transparent linear-gradient(201deg, #373737 0%, #797979 100%) 0% 0% no-repeat padding-box;
}

.section2-rmtwo-card1 {
    display: inline-block;
    padding: 32px;
    width: 100%;
    background-color: #359945;
}

.section1-rmtwo-text4 {
    font-size: 13px;
    color: #fff;
    font-weight: 400;
}

.section2-rmtwo {
    padding-top: 32px;
    padding-bottom: 280px;
}

.section1-rmtwo-border1{
    height:650px;
}

.section3-rmtwo {
    font-size: 14px;
    color: #359945;
    font-weight: 600;
    padding: 0px 0px 24px 0px;
}

.section1-rmthree-img1 img {
    width: 450px;
    height: 700px;
}

.section1-rmthree-img2 img {
    width: 500px;
    height: 300px;
}

.section1-rmthree {
    padding-top: 40px;
    background: #000000;
    margin-top: -100px;
}

.section1-rmthree-heading {
    font-size: 22px;
    color: #FFF;
    font-weight: 600;
}

.section1-rmthree-para {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    color: #fff;
    max-width: 400px;
    padding-top: 10px;
}

.section1-rmthree-ul {
    padding-left: 18px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}

.section6-rmthree-text1 {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

.section6-rmone-box1 {
    background: #359945;
    display: inline-block;
    padding: 72px 28px;
    line-height: normal;
    width: 100%;
    /* height: 255px; */
    position: relative;
}

.section6-rmone-box2 {
    background: #0067be;
    display: inline-block;
    padding: 72px 28px;
    line-height: normal;
    width: 100%;
    /* height: 255px; */
    position: relative;
}

.section3-rmone-para {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    line-height: normal;
    max-width: 400px;
    padding-bottom: 35px;
}

.section4-rmthree-text {
    color: #359945;
    font-size: 22px;
    font-weight: 600;
    padding-top: 20px;
    padding-bottom: 20px;
}

.rmthree-coma {
    position: absolute;
    bottom: 236px;
    right: 0;
}

.rmsix-comma {
    bottom: 77%;
}

.section4-rmthree-haed {
    display: flex;
    justify-content: space-between;
    border-top: 2px solid #e4e2df;
    margin-bottom: 14px;
    width: 86%;
    border-bottom: 2px solid #e4e2df;
}

.detail-harmon h6 {
    font-size:21px;
}

.detail-harmon h6 span {
    color:#359945;
}

.detail-harmon img {
    width:38px;
}

.detail-harmon b {
    margin-left:32px;
}

.section2-rmfour h4 {
    font-size:24px;
}

.reference-hl-pozadavky h4{
    font-size: 1.2rem;
}

.reference-fotka-sekce h4{
    font-size: 1.2rem;
}

.section2-rmfour span {
    font-weight:700;
}


.section1-rmfour-form .form-select {
    border-radius: 100px;
    background: #359945;
    color: #fff !important;
    height: 61px;
    padding-left: 24px;
    width: 100%;
    border-color: #359945;
    background-image: url(../icon/down.svg) !important;
    background-repeat: no-repeat;
    background-position: 96%;
    font-size:14px;
}

.rmsix-sliderbtn a:hover, .footer-top-button a:hover, .hero-section .text3 a:hover, .all-services-button a:hover, .all-services-button2 a:hover, .btn:hover, .section4-button a:hover, .section2-button a:hover, .section1-servis a:hover, .section1-rmfour-formbtn a:hover, .reference-seznam .section1-rmfour-formbtn a:hover, .green-btn:hover {
    color: #359945!important;
    background-color: #fff!important;
        box-shadow: inset 0 0 0 1px #359945;
        transform: translateY(-3px);
}
    .rmsix-sliderbtn a, .footer-top-button a, .hero-section .text3 a, .all-services-button a, .all-services-button2 a, .btn, .section4-button a, .section2-button a, .section1-servis a, .section1-rmfour-formbtn a, .reference-seznam .section1-rmfour-formbtn a, .green-btn {
        transition: all 0.4s ease;
        display:inline-block;
        }


@media only screen and (max-height:800px) {
    .section1-rmfour-form .form-select {
    width: 150%;}
}

.section1-rmfour-form {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2%;
    margin-top: -33px;
    position: relative;
}

.section1-rmfour-formbtn a {
    background: #373737;
    text-decoration: none;
    color: #fff!important;
    font-size: 19px;
    font-weight: 500;
    padding: 12px 45px;
    border-radius: 100px;
}

.reference-seznam .section1-rmfour-formbtn a {
    padding: 12px 45px;
    border-radius: 100px;
    font-weight:400;
}

.section1-rmfour-formbtn {
    height:76px;}

.section2-rmfour {
    padding-top: 72px;

}

.section2-rmfour.blog-detail {
    padding-top: 90px;
    padding-bottom:90px;
}

.section2-rmfour-img1 img {
    width: 500px;
    max-width: 100%;
}

.blog-detail .section2-rmfour-img1 img {
    width: auto;
    min-height: 500px!important;
    object-fit:cover;
}

.blog-detail .row {
    align-items:start;
}

.blog-detail .section1-rmfour-formbtn a {
    padding: 18px 57px;
}

.section2-rmfour-img1 {
    text-align:left;
}


.section2-rmfour-img2 {
    text-align:right;
}

.section2-rmfour-text1 {
    font-size: 25px;
    color: #000000;
    font-weight: 700;
    line-height: normal;
}

.section2-rmfour-text2 {
    font-size: 18px;
    color: #116dc0;
    font-weight: 600;
    line-height: normal;
}

.section2-rmfour-para {
    font-size: 16px;
    color: #000000;
    font-weight: 400;
    line-height: normal;
    padding-top: 10px;
    max-width: 460px;
}

.section2-rmfour-icontext {
    color: #6d6b67;
    font-size: 16px;
    font-weight: 700;
}

.section2-rmfour-iconhead {
    display: flex;
    gap: 50px;
}

.section1-rmfour-formbtn.icon {
    padding-top: 50px;
}

.section2-rmfour.flex {
    display: flex;
    justify-content: end;
    gap: 120px;
    padding-bottom: 60px;
}

.section2-rmfour-icon1 img {
    width: 30px;
}

/* rmfive styling */

.section1-rmfive-heading {
    font-size: 38px;
    font-weight: 700;
    max-width: 650px;
    line-height: 46px;
}

.section1-rmfive-para1 {
    font-size: 16px;
    font-weight: 600;
    max-width: 364px;
    line-height: 19px;
    padding-top: 16px;
}

.section1-rmfive-para2 {
    font-size: 16px;
    font-weight: 400;
    max-width: 450px;
    line-height: normal;
    padding-top: 20px;
    color: #359945;
}

.section1-rmfive {
    padding-top: 50px;
    padding-bottom: 50px;
}

.section1-rmfive-box {
    background: #464745;
    width: 100%;
    height: 280px;
}

.section1-rmfive-boxtext {
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    color: #fff;
    padding: 51px 81px 24px 66px;
}

.section1-rmfive-boxtext p {
    margin-bottom:30px;
}

.section1-rmfive-boxdiv {
    position: relative;
}

.section1-rmfive-img1 {
    position: absolute;
    bottom: -207px;
    left: -67px;
}

.section1-rmfive-img1 img {
    width: 400px;
    max-height: 300px;
    object-fit: cover;
    padding-bottom: 32px;
}

.section2-rmfive-heading {
    font-size: 32px;
    font-weight: bold;
    color: #0067be;
    text-align:left;
}

.section2-rmfive-heading1 {
    font-size: 16px;
    /* font-weight: bold; */
    color: black;
}

.hero-section.rmfour.refhero {
    /*background-image: url('../images/refe.png');*/
    height: 65vh;
}

.hero-section.rmfour.ozanceheronew {
    /*background-image: url('../images/oznace.png') !important;*/
    height: 65vh;
}

.ozanceheronew .text2 {
    margin-bottom:40px;
}

.hero-section.rmfour.kontahero {
    /*background-image: url('../images/Scroll\ Group\ 15.png');*/
    height: 65vh;
}

.hero-section.rmfour.NOVINKYhero {
    /*background-image: url('../images/Scroll\ Group\ 15.png');*/
    height: 65vh;
}

.vadahero {
    background-image: url('../images/vadahero.png');
    height: 65vh;
}

.hero-section.rmfour.oborohero {
    background-image: url('../images/vyvarovny.png');
    height: 65vh;
}

.newhero {
    background-image: url('../images/new___.png') !important;
    height: 65vh;
}

.kets {
    left: -150px;
}

.kestanzai {
    /*background-image: url('../images/kestenzai.png') !important;*/
    height: 65vh;
}

.wsnw {
    white-space: nowrap;
}

.green-btn {
    color: #fff;
    text-align: center;
    font-weight: 400;
    margin-top: 16px;
    letter-spacing: 0.8px;
    background: #359945;
    border-radius: 50px;
    text-decoration: none;
    font-size: 14px;
    padding: 10px 65px;
}

h4{
    font-size: 1.2rem;
}
.text-blue {
    color: #3268C3;
}

.min__height {
    min-height: 274px;
}

.text--green {
    color: #359945;
    font-weight:300!important;
}

.bg-gray {
    background-color: #DEDEDE;
}

.bg-green {
    background-color: #359945;
}
.bg-green img{
    width: 27px;
    height: 27px;
}

.rounded-100 {
    border-radius: 100px;
}

.bottom-vada {
    width: 150px;
    position: absolute;
    bottom: -50px;
    right: -10px;

}

.btn___success {
    max-width: 70%;
}

.predva {
    bottom: -55px;
    position: absolute;
}

.ref-arrows {
    bottom: 155px;
    position: absolute;
}


.bg-525252 {
    background-color: #525252;
}

.bg-black {
    background-color: #2C2C2C;
}

.btnOutline {
    padding: 14px 25px;
    height: 100%;
    background-color: transparent;
    border-radius: 100px;
    border: 1px solid #fff;
    color: #fff;
}

.section2-rmtwo-card1,
.section2-rmtwo-card {
    min-height: 445px;
}

.hledat {
    color: #fff;
    text-align: center;
    font-weight: 400;
    letter-spacing: 1.1px;
    background: #24519C;
    border-radius: 50px;
    text-decoration: none;
    height: 100%;
    font-size: 18px;
    border: 0;
    padding: 10px 65px;
}

.model__rounded {
    border-radius: 100px;
}

.model__rounded  input {
    color:#fff;
}

.model__rounded  input:focus-visible {
    border:none!important;
}

.section2-rmfive {
    margin-top: 168px;
    padding-top: 58px;
    padding-bottom: 77px;
    background: #DEDEDE;
}

.section2-rmfive1 {
    margin-top: 104px;
    background: #B7B7B7;
    max-height:96px;
}

.section2-rmfive-text {
    font-size: 24px;
    font-weight: 600;
    color: #000000;
    text-align:left;
}

.section2-rmfive-para {
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    line-height: normal;
    max-width: 267px;
    margin: auto;
    text-align:left;
}

.section2-border-right {
    border-right: 1px solid #373737;
    height: 100px;
}

.section2-rmfive-flex {
    display: flex;
    gap: 30px;
}

.section3-rmfive-img1 img {
    width: 83%;
    max-height:320px;
    object-fit:cover
}

.section3-rmfive-img1-made img {
    width: 90%;
    margin:-25px;
}

.section3-rmfive {
    margin-top: -40px;
}

.section3-rmfive-text {
    font-size: 20px;
    color: #359945;
    font-weight: 700;
    padding-top: 16px;
}

.section3-rmfive-para {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    max-width: 500px;
    padding-top: 20px;
}

.section4-rmfive-img img {
    width: 100%;
}

/* .section4-rmfive{
    padding-top: 40px;
} */

.section5-rmfive {
    padding-top: 104px;
    padding-bottom:104px;
    background: #F0F0F0;
    height:400px;
}

.section5-rmfive-text1 {
    font-size: 13px;
    font-weight: 500;
    max-width: 280px;
    line-height: normal;
}

/* timeline styling */


.time-line-box {
    height: 100px;
}

.time-line-box .timeline {
    list-style-type: none;
    display: flex;
    padding: 0;
    text-align: center;
}

.time-line-box .timestamp {
    margin: auto;
    margin-bottom: 5px;
    padding: 0px 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.time-line-box .status {
    padding: 10px 10px;
    display: flex;
    justify-content: center;
    border-top: 3px solid #373737;
    position: relative;
    transition: all 200ms ease-in;
    font-size: 16px;
    font-weight: 500;
    padding-top: 20px;
}

.time-line-box .status span {
    padding-top: 8px;
}

.time-line-box .status span:before {
    content: '';
    width: 12px;
    height: 12px;
    background-color: #373737;
    border-radius: 12px;
    border: 2px solid #373737;
    position: absolute;
    left: 50%;
    top: 0%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all 200ms ease-in;
}

.swiper-container {
    width: 95%;
    margin: auto;
    overflow: hidden;
}

.swiper-wrapper {
    display: inline-flex;
    flex-direction: row;
    overflow: auto;
    justify-content: center;
}

.swiper-container::-webkit-scrollbar-track {
    background: #a8a8a8b6;
}

.swiper-container::-webkit-scrollbar {
    height: 2px;
}

.swiper-container::-webkit-scrollbar-thumb {
    background: #4F4F4F !important;
}

.swiper-slide {
    text-align: center;
    font-size: 12px;
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper-wrapper .swiper-slide .section5-rmfive-text1 {
    height: 100px;
}

.swiper-wrapper .swiper-slide:nth-child(odd) {
    padding-top: 0px;
}

.swiper-wrapper .swiper-slide:nth-child(even) {
    padding-bottom:0px;
    padding-top:100px;
}

/* rm6 style */

.owl-dots {
    display: block;
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
    padding-top: 15px;
    z-index: 1000;
}

.owl-dots button.owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    background: #C4C4C4 !important;
    margin: 0 7px;
}

.owl-dots button.owl-dot.active {
    width: 12px;
    height: 12px;
    background: #359945 !important;
    border: 2px solid #C4C4C4;
}

.owl-dots button.owl-dot:focus {
    outline: none;
}

.rm6-section {
    position: relative;
}

.rm6-section .container {
    padding: 60px 0px;
    color: #fff;
}

.rm6-section .left-img {
    height: 100%;
    background-image: url('../images/rmone/img2.png');
    background-size: cover;
    display: flex;
    align-items: end;
    padding: 60px 160px 60px 60px;
    background-repeat: no-repeat;
}

.rm6-section .heading {
    font-size: 69px;
    font-weight: 700;
    margin-bottom: 10px;
}

.rm6-section .text {
    font-size: 18px;
    line-height: 1.2;
}

.rm6-section .text-content {
    background-color: #76746f;
    padding: 30px;
}

.rm6-section .text-content .right-heading {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}

.rm6-section .text-content ul {
    list-style: none;
    padding-left: 0px;
}

.rm6-section .vector-content {
    position: absolute;
    bottom: -60px;
    right: 45px;
    width: 336px;
    height: 332px;
    padding: 40px 30px 30px;
    background: #359945;
    display: flex;
    align-items: center;
}

.rm6-section .vector-content .text {
    font-size: 20px;
    line-height: 24px
}

.vector-content {
    position: relative;
}

.details-paragraph.rmsix {
    color: #000000;
}

.rmsix-section-heading {
    font-size: 21px;
    font-weight: 700;
    color: #359945;
}

.rmsix-section1-video {
        position:relative;
        z-index:99;
        margin-left:40px;
    }

iframe {
    z-index:999!important;
}

.details-paragraph.rmsix {
    color: #ADADAD;
}

.box-head.rmsix {
    margin-top: 16px !important;
}

.rmsix-section1 {
    padding-top: 45px;
    position: relative;
    margin-top: -1px;
}

.rmsix-section1::before {
    background-color: #000000;
    height: 80%;
    width: 100%;
    top: 0px;
    position: absolute;
    content: " ";
    z-index: -1;
}

.rmsix-section1-text1 {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 19px;
    max-width: 95%;
    padding-top: 16px;
}

.position-absolute {
    color: #fff;
    bottom: -40px;
    width: 50%;
    background: #359945;
    border-radius: 45px 0px 0px 45px;
    padding: 83px 48px 88px 69px;
    bottom: -40%;
}

.rmsix-section2 {
    top: 80px;
    position: relative;
    padding: 50px 0px 100px;
}

.rmsix-section2 p {
    text-align:center;
}

.rmsix-section2 .col-lg-3 {
    padding: 4px;
    margin-bottom: 0px !important;
}

.rmsix-section2 .col-12 .bg_img {
    height: 206px;
    width: 100%;
    background-size: cover;
    background-image: url('../images/inbox/img1.png');
    position: relative;
}


.rmsix-section2 .col-12 .bg_img::before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: .3;
    z-index: 1;
}

.rmsix-section2 .col-12 .bg_img .heading {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    max-height: 353px;
    position: relative;
    z-index: 4;
    text-transform: uppercase;
    padding: 40px;
    text-align: center;
}

.rmsix-section2 .col-12 .bg_img .bg_data {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #359945;
    padding: 70px 33px;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px;
    z-index: 10;
    display: none;
    top: 0px;
    cursor: pointer;
}

.rmsix-section2 .col-12 .bg_img .bg_data .text {
    font-size: 14px;
    color: #fff;
    line-height: normal;
    letter-spacing: -0.6px;
}

.rmsix-section2 .col-12 .bg_img:hover .bg_data {
    display: flex;
    justify-content: center;
}

.index-bg-img1 {
    background-image: url('../images/inbox/img1.png') !important;
}

.oborova-bg-img1 {
    background-image: url('../images/Group\ 373.png') !important;
}

.oborova-bg-img2 {
    background-image: url('../images/Group\ 372.png') !important;
}

.oborova-bg-img3 {
    background-image: url('../images/Group\ 371.png') !important;
}

.oborova-bg-img4 {
    background-image: url('../images/Group\ 370.png') !important;
}

.oborova-bg-img5 {
    background-image: url('../images/Group\ 369.png') !important;
}

.oborova-bg-img6 {
    background-image: url('../images/Group\ 368.png') !important;
}

.oborova-bg-img7 {
    background-image: url('../images/Group\ 367.png') !important;
}

.oborova-bg-img8 {
    background-image: url('../images/Group\ 366.png') !important;
}

.index-bg-img2 {
    background-image: url('../images/inbox/img2.png') !important;
}

.index-bg-img3 {
    background-image: url('../images/inbox/img3.png') !important;
}

.index-bg-img4 {
    background-image: url('../images/inbox/img1.png') !important;
}

.index-bg-img5 {
    background-image: url('../images/inbox/img4.png') !important;
}

.index-bg-img6 {
    background-image: url('../images/inbox/img5.png') !important;
}

.index-bg-img7 {
    background-image: url('../images/inbox/img6.png') !important;
}

/* rmseven styling */

.section1-rmseven-heading {
    font-size: 28px;
    font-weight: 700;
    color: #24519C;
    text-transform: uppercase;
}

.section1-rmseven-para {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    max-width: 350px;
    padding-bottom: 30px;
    color: #fff;
}

.section1-rmseven {
    padding-top: 40px;
    background: #000000;
    margin-top: -1px;
}

.bg-rows-sections {
    padding: 96px 0px;
}

.bg-rows-sections .bg-row {
    position: relative;
    margin-bottom: 30px;
}

.bg-rows-sections .bg-row .col-12 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.bg-rows-sections .bg-row .col-12 .heading {
    padding-left: 20px;
}

.bg-DEDEDE {
    background-color: #DEDEDE;
}

.accordion-collapse .accordion-body img {
    object-fit:cover;
    object-position:center;
}

/* .bg-rows-sections .bg-row:nth-child(3):before,
.bg-rows-sections .bg-row:nth-child(7):before{
    position: absolute;
    content: " ";
    background: #DEDEDE;
    width: 40%;
    height: 100%;
    z-index: -1;
    top: 0px;
} */
/* .bg-rows-sections .bg-row:nth-child(3) .col-12,
.bg-rows-sections .bg-row:nth-child(7) .col-12{
    background: #DEDEDE;
}
.bg-rows-sections .bg-row:nth-child(3) .col-12:last-child,
.bg-rows-sections .bg-row:nth-child(7) .col-12:last-child{
    background: transparent;
}
.bg-rows-sections .bg-row:nth-child(1):before,
.bg-rows-sections .bg-row:nth-child(5):before{
    position: absolute;
    content: " ";
    background: #DEDEDE;
    width: 88%;
    height: 100%;
    right: 0px;
    z-index: -1;
    top: 0px;
}
.bg-rows-sections .bg-row:nth-child(1) .col-12,
.bg-rows-sections .bg-row:nth-child(5) .col-12{
    background: #DEDEDE;
} */
.bg-rows-sections .bg-row .heading {
    font-size: 34px;
    color: #00458c;
    font-weight: 700;
    line-height: 1.2;
    height: 100%;
    display: flex;
    align-items: center;
}

.bg-rows-sections .bg-row .text {
    font-size: 17px;
    color: #373737;
    font-weight: 400;
    line-height: 1.2;
}

.vice____ {
    position: absolute;
    right: 20px;
}

.flex-form-section {
    background: #525252;
    /* padding: 0px 0px 60px; */
}

.flex-form-section .title {
    background-color: #FFF;
    margin-bottom: 60px;
    padding-bottom: 10px;
    font-weight: 700;
    font-size: 20px;
}

.flex-form-section .flex-form {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 30px;
    border-bottom: 2px solid #cdc9c441;
}

.flex-form-section .flex-form .input-div {
    background: #2e2e2e;
    padding: 10px 14px;
    border-radius: 50px;
}

.flex-form-section .flex-form .input-div input {
    background-color: transparent;
    color: #fff;
    padding-bottom: 8px;
    border: 0px;
    border-bottom: 2px solid #cdc9c441;
    outline: none;
}

.flex-form-section .flex-form .btn-submit {
    background-color: #00458c;
    color: #fff;
    padding: 10px 30px;
    border-radius: 50px;
}

.flex-form-section .btn-download {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 30px;
    width: 100%;
    border: 1px solid #ffffff98;
    color: #fff;
    font-size: 14px;
    border-radius: 50px;
    margin-bottom: 20px;
}

.section6-rmone-para.new {
    color: #000000;
}

.section2-rmone-flex {
    display: flex;
    justify-content: center;
    padding-top: 48px;
    padding-bottom:32px;
}

.section2-rmthree {
    padding-top: 50px;
    padding-bottom: 30px;
}

.button .rmsix-box {
    text-align: center;
}

.section3-rmthree {
    padding-top: 60px;
}

.button .rmsix-box a {
    padding: 20px;
}

.section6-rmthree-head {
    margin-bottom: -75px;
}

.bg-76746f {
    background-color: #76746f;
    height: 100%;
}

.bg-76746f .section5-rmone-img2 {
    background: #fff;
    width: calc(100% + 2px);
    padding-bottom: 15px;
    margin-left: -1px;
}


/*Tlačítka vpravo*/

.side-buttons {
    position: fixed;
    top: 73%;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-end;
    z-index: 99999;
}

.side-buttons button {
    border: none;
    padding: 26px;
    cursor: pointer;
    display: flex;
    align-items: center;
    color: white;
    font-size: 14px;
    transition: background-color 0.3s, width 0.3s, padding 0.3s;
    width: 88px; /* Start with icons visible only */
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 90px;
    margin: 0px!important;
}

.side-buttons button img {
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

.side-buttons button span {
    opacity: 0; /* Hide text initially */
    white-space: nowrap;
    transition: opacity 0.3s;
    position: absolute;
    left: 75px; /* Position text to the right of the icon */
    font-size: 32px;
    letter-spacing: -0.96px;
}

.side-buttons .zavolejte-nam{
    background-color: #003D91;
}

.side-buttons .napiste-nam {
    background-color: #00439F;
}

.side-buttons .zastavte-se {
    background-color: #004F9F;
}

/* Styles for individual button hover effects */
.side-buttons .zavolejte-nam:hover {
    background-color: #003D91;
    width: 320px; /* Expand to show text on hover */
}

.side-buttons .zavolejte-nam:hover span {
    opacity: 1; /* Show text on hover */
}

.side-buttons .napiste-nam:hover {
    background-color: #00439F;
    width: 320px; /* Expand to show text on hover */
}

.side-buttons .napiste-nam:hover span {
    opacity: 1; /* Show text on hover */
}

.side-buttons .zastavte-se:hover {
    background-color: #004F9F;
    width: 320px; /* Expand to show text on hover */
}

.side-buttons .zastavte-se:hover span {
    opacity: 1; /* Show text on hover */
}


.slider-home {
    /* padding: 0 59px; */
    /* background: #132311 0% 0% no-repeat padding-box; */

}

.newhero {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    left: 0;
}


.carousel-item .carousel-obrazek img{
    min-height: 13vw;
}

/* .sldier-home-inner{
    height: 90vh;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    justify-content: center;
    background-image: url('../images/homepage.png');
} */

.bg-DED1EDE {
    background-color: #DEDEDE;
}

.bg-fff {
    background-color: #fff;
}

.bg-fff.border-bottom {
    border:none!important;
}

.bg-fff.accordion-button:not(.collapsed), .bg-fff.accordion-button:focus {
    background-color: #fff;
}

.mb-0 {
    margin-bottom:0px!important;
}

.accordion-button {
    min-height:202px!important;
}

.accordion-button .heading {
    font-size:33px!important;
}

.accordion-button .text {
    font-size:15px!important;
    font-weight:500!important;
}

.accordion-button .d-flex img{
    width:72px;
}

.accordion-body {
    padding:1rem 0.75rem!important;
}

.border-000 {
    border-bottom: 1px solid #000;
}

.bg-green-radius {
    border-bottom-left-radius: 56px;
    border-top-left-radius: 56px;
    width: fit-content;
    position: absolute;
    top: 0;
    left: -144px;
    top: 10%;
    padding: 20px;
    background-color: #359945;
}
.navbar-light .navbar-toggler{
    padding-top: 15px;
    margin-bottom: -20px;
}


@media screen and (max-width: 992px){
    .navbar-light .navbar-toggler-icon {
        background-image: url(../icon/bar.svg) !important;
        font-size: 13px !important;
    }

    .navbar-nav.ms-auto{
        text-align: center;
    }

    .navbar-collapse .navbar{
        display: flex;
        flex-direction: column;
    }

    .dropdown-content {
        position: relative!important;
    }

    .dropdown{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .navbar {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .navbar-light .navbar-toggler{
        padding-top: unset;
        margin-bottom: unset;
    }
}


@media screen and (max-width: 767px) {
    .hero-section{
        margin-top: 0px!important;
    }

    .virtual-section p{
        text-align: center;
    }

    .virtual-section{
        padding-left: 12px;
    }

    .virtual-button a{
        padding: 10px 32px !important;
    }

    .vice____ {
        position: static;
        padding: 0;
    }

    .bothboxes {
        position: relative;
        top: 20px;
    }

    .blue-boxes {
        height: 250px !important;
    }

    .section2-rmfour-iconhead {
        gap: 0px;
    }

    .slider-home {
        padding: 0 20px;
        background: #132311 0% 0% no-repeat padding-box;
    }

    .sldier-home-inner {
        height: 100%;
        display: flex;
        align-items: center;
    }

    .hero-section .text1 {
        font-size: 22px;
        padding-top: 0px !important;
        line-height:38px;
    }

    .hero-section .text2 {
        padding-bottom: 20px !important;
    }

    .section2-rmfour-text1 {
        font-size: 25px;
    }

    .section2-rmfour-para,
    .section2-rmfour-text2 {
        font-size: 13px;
    }

    .hero-section .child-div {
        flex-direction: column;
        gap: 36px;
        padding-top: 206px;
    }

    .navbar-nav {
        text-align: center;
        padding: 0.068px 0px 0.068px 0px;
    }


    .carousel2 .owl-nav button.owl-next {
        right: 10px !important;
    }

    .carousel2 .owl-nav button.owl-prev {
        left: 10px !important;
    }

    .owl-carousel.carousel0 {
        position: relative;
    }

    .hero-section .hero-absolute {
        position: unset;
        background-color: #ffd959;
    }

    .hero-section .child-div {
        height: 100%;
        max-width: 100%;
        padding: 20px;
    }

    .hero-section .child-div .child-div3 {
        background-color: #ffd959;
    }

    .carousel3 .owl-nav button.owl-next {
        right: 12px;
    }

    .carousel3 .owl-nav button.owl-prev {
        left: 18px;
    }

    .section1-box {
        flex-wrap: wrap;
    }

    .section2-card-head {
        flex-wrap: wrap;
        margin-bottom: 110px;
    }

    .container .navbar-brand img {
        width: 100px;
        height: 100px;
        top: 0px;
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url(../icon/bar.svg) !important;
        font-size: 13px !important;
    }

    .navbar-expand-md {
        padding-top: 12px;
    }

    .hero-section {
        margin-top: -1px;
    }

    .hero-section .text2 {
        font-size: 15px;
        padding-top: 0px;
        line-height: 20px;
        max-width: 290px;
    }

    .box-head {
        margin-top: -7px;
    }

    .owl-carousel.carousel0.hero-carousel .item img {
        height: 300px !important;
    }

    .hero-section .text3 a {
        font-size: 15px;
        padding: 10px 32px;
    }

    .section2-card-head {
        gap: 35px;
        text-align: center;
    }
    .section2-card{
        padding-top: 0px;
    }

    .footer-paragraph {
        max-width: 350px;
        font-size: 15px;
    }

    .social-links1 a {
        font-size: 15px;
    }

    .mob-social-pt {
        padding-top: 20px;
        text-align: center;
    }

    .section1-rmfour-form {
        gap: 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .hero-section.rmfour {
        height: 60vh!important;
    }

    .hero-carousel .owl-nav button.owl-next {
        right: 3px;
    }

    .hero-carousel .owl-nav button.owl-prev {
        left: 3px;
    }

    .section1-rmfour-form .form-select {
        width: 100%;
    }

    .section1-rmfour-formbtn a {
        padding: 12px 28px;
    }

    .section2-rmfour-img1 img {
        width: 100%;
    }

    .fd-cr {
        flex-direction: column-reverse;
    }

    .section2-rmfour .fd-cr {
        flex-direction: row;
    }

    .section2-rmfour-icon1 img {
        width: 16px;
    }

    .section2-rmfour-icon1 {
        display: flex;
        justify-content: center;
        text-align: center;
    }

    .section2-rmfour-icontext {
        font-size: 12px;
        margin-right: 21px;
    }

    .section2-rmfour.flex {
        flex-wrap: wrap;
        padding: 15px;
        margin-top: 30px;
        gap: 25px;
    }

    .section2-rmfour-img1 {
        padding-top: 0;
    }

    .section1-rmtwo-img {
        margin-top: 29px;
    }

    .section1-rmtwo-img img {
        height: 100%;
    }

    .section2-rmtwo-card {
        margin-bottom: 0px;
    }

    .rmtwo-form-div {
        padding-left: 12px;
    }
    .rmtwo-form-div .w-100{
        width: 90%!important;
    }

    .section7-rmone-btn.rmtwo {
        padding-left: 12px;
        flex-wrap: wrap;
    }

    .section5-rmone-img2 img {
        width: 100%;
    }

    .section5-rmone-img1text4 {
        padding-top: 30px;
        padding-left: 30px;
    }

    .section5-ul-rmone {
        padding-left: 22px;
    }

    .section5-rmone-div1 {
        top: 50px;
    }

    .section6-rmone-img img {
        width: 100%;
    }

    .section1-rmone-heading {
        font-size: 20px;
        padding-left: 10px;
    }

    .section1-rmone-paragraph {
        font-size: 14px;
    }

    .section1-rmone-list {
        padding: 32px 30px;
        margin-top: 20px;
    }

    .details1-icon img {
        height: 50px;
    }

    .section2-rmone-flex {
        display: flex;
        align-items: center;
        padding-top: 0px!important;
    }

    .section3-rmone-paragraph {
        font-size: 14px;
        padding-bottom: 30px;
    }

    .section4-rmone {
        padding-top: 0px;
    }

    .section4-rmone-img {
        text-align: center;
        padding-top: 0px;
        width: 350px;
    }

    .section4-heading {
        margin: auto;
        text-align: center;
    }

    .section4-button.text-start {
        text-align: center !important;
        padding-top: 28px;
        padding-bottom: 25px;
    }

    .section5-rmone-img1text1 {
        font-size: 26px;
    }

    .rmsix-section1,
    .section1-rmthree {
        margin-top: -1px;
    }

    .section5-rmone-img1 {
        padding-bottom: 20px;
    }

    .section6-rmone-heading {
        font-size: 20px;
    }

    .section1-rmthree-heading {
        font-size: 15px;
        padding-bottom: 6px;
    }

    .section6-rmone-box2,
    .section6-rmone-box1 {
        width: 100%;
        margin-top: 30px;
    }

    .section3-rmfive-img1 img .swiper-container,
    .section4-rmthree-haed,
    .section1-rmfive-img1 img {
        width: 100%;
    }

    .section1-rmfive-box {
        width: 80%;
        margin-top: 16px;
    }

    .section1-rmfive-img1 {
        bottom: -207px;
        left: -67px;
    }

    .bg-rows-sections .bg-row .heading {
        font-size: 20px;
        padding-bottom: 20px;
    }

    .section1-rmseven-heading,
    .rm6-section .text-content .right-heading,
    .rmsix-section-heading,
    .section1-rmfive-heading,
    .section4-rmthree-text,
    .section3-rmfive-text,
    .section2-rmfive-text {
        font-size: 18px;
        text-align: center;
    }
    .section2-rmfive-heading{
        font-size: 25px;
        text-align: center;
    }

    .section2-rmfive {
        margin-top: 275px;
        padding-top: 75px;
    }

    .section2-border-right {
        display: none;
    }

    .section2-rmfive-flex {
        justify-content: center;
        padding-bottom: 30px;
    }

    .section3-rmfive-img1,
    .section3-rmfive {
        padding-top: 30px;
    }

    .section5-rmfive-text1 {
        font-size: 15px;
        max-width: 215px;
        margin: auto;
    }

    .time-line-box .status{
        font-size: 18px;
    }

    .swiper-wrapper {
        width: 100%;
    }

    .position-absolute {
        top: 340px;
        width: 100%;
        font-size: 18px;
        left: 0px;
        height: 100%;
    }

    .section2-details1 {
        padding-top: 0px;
    }

    .rm6-section-img3 {
        margin-top: 20px;
    }

    .rm6-section .text {
        font-size: 15px;
    }

    .rm6-section .vector-content {
        bottom: -168px;
        height: 195px;
        width: 93%;
        right: 15px;
    }

    .footer-top .text2 {
        margin: 56px 0px 78px 0px;
        width: 90%;
    }

    .section7-rmone-input1 .form-control {
        background-color: transparent !important;
        border-radius: 0px;
        height: 60px;
        width: 100%!important;
        font-size: 15px!important;
    }
    .section7-rmtwo-form .form-select{
        width: 100%!important;
        font-size: 15px!important;
    }

    .footer-top-button a {
        color: #fff;
        text-align: center;
        font-weight: 400;
        letter-spacing: .9px;
        background: #359945;
        border-radius: 50px;
        text-decoration: none;
        font-size: 12px;
        padding: 12px 63px;
    }

    .section2-heading {
        width: 100%;
        text-align: center!important;
        max-width: 100%;
    }

    .rmseven-bg {
        height: 30vh;
    }

    .rmseven-video {
        padding-top: 20px;
        margin-bottom: 0px;
    }

    .bg-rows-sections .bg-row .text {
        font-size: 15px;
    }

    .bg-rows-sections .bg-row:nth-child(3):before,
    .bg-rows-sections .bg-row:nth-child(7):before,
    .bg-rows-sections .bg-row:nth-child(1):before,
    .bg-rows-sections .bg-row:nth-child(5):before {
        width: 100%;
    }

    .bg-rows-sections {
        padding: 0px 0px;
    }

    .flex-form-section .title {
        padding-top: 20px;
    }

    .flex-form-section .flex-form .input-div {
        padding: 10px 28px;
        width: 100%;
    }

    .owl-dots {
        bottom: 17px;
    }

    .rmsix-boxing-head {
        padding-top: 0px !important;
    }

    .rmsix-section2 .col-12 .bg_img {
        height: 282px !important;
    }

    .rm6-section .left-img {
        min-height: 70vh;
        background-size: 100%;
    }

    .rmsix-section2-cards {
        padding-top: 0px !important;
    }

    .owl-carousel .owl-item img {
        height: 65vh !important;
        object-fit: cover;
        object-position: top;
    }

    .rmthree-coma {
        bottom: 75%;
    }

    .section6-rmthree-head {
        padding-bottom: 22px;
        margin-bottom: 0px;
    }

}

@media screen and (min-width: 1900px) {
    .hero-section {
        margin-top: -1px;
    }

    .pl-120 {
    padding-left:120px;
    }

     .pr-120 {
    padding-right:120px!important;
    }


    .header-section {
        margin-top: -2px;
    }

    .rmthree-coma {
        bottom: 77%;
    }



    .hero-section .text1 {
        font-size: 69px;
    }

    .hero-section .text2 {
        line-height: 32px;
        font-size: 27px;
        max-width: 640px;
    }

    .rmsix-section2 .col-12 .bg_img .heading {
        font-size: 22px;
        font-weight: 600;
        line-height: 26px;
    }

    .rmsix-section2 .col-12 .bg_img {
        height: 256px;
    }

    .section2-heading {
        font-size: 24px;
        max-width: 240px;
    }

    .section2-paragraph {
        max-width: 400px;
        font-size: 14px;
    }

    .section2-date {
        font-size: 14px;
    }

    .section2-button a {
        padding: 10px 40px;
    }

    .footer-heading {
        font-size: 32px;
    }

    .social-links1 a {
        font-size: 14px;
    }

    .section2-rmfour-img1 img {
        height: auto;
        width: 55%;
        object-fit:cover;
    }

      .section2-rmfour-img2 img {
        height: auto;
        width: 80%;
        object-fit:cover;
    }


    .section2-rmfour-text1 {
        font-size: 33px
    }

    .section2-rmfour-text2 {
        font-size: 15px;
        padding-top: 8px;
    }

    .section2-rmfour-para {
        font-size: 15px;
        max-width: 560px;
        font-weight:500;
    }

    .section6-rmone-heading,
    .section1-rmone-heading {
        font-size: 25px;
        padding-left: 0px;
    }

    .section1-rmone-paragraph {
        font-size: 16px;
    }

    .section3-rmone-paragraph {
        font-size: 16px;
        max-width: 600px;
    }

    .section6-rmone-para.new {
        font-size: 14px;
        max-width: 448px;
    }

    .rmone-list1 {
        font-size: 16px;
    }

    .details1-icon img {
        height: 72px;
    }

    .section4-box-tc {
        display: flex;
        justify-content: center;
    }

    .section4-rmone-img img {
        width: 80%;
    }

    .section5-rmone-img1text2 {
        font-size: 22px;
        font-weight: 400;
        line-height: normal;
        text-align: left;
    }

    .section5-rmone-img1text3 {
        font-size: 32px;
        font-weight: bold;
    }

    .section4-heading {
        font-size: 16px;
    }

    .section4-button a {
        padding: 10px 40px;
    }

    .section5-rmone-img2 img {
        width: 100%;
    }

    .section5-rmone-div1 {
        top: 200px;
    }

    .section5-li {
        font-size: 20px;
    }

    .section5-rmone-img1text4 {
        max-width: 640px;
        font-size: 20px;
    }

    .section5-rmone-div2 {
        height: 53%;
        margin-top: 26px;
    }

    .section6-rmone-bg {
        margin-top: -100px;
    }

    .section6-rmone-img img {
        width: 100%;
    }

    .section7-rmone-button {
        padding-top: 60px;
    }

    .flex-form-section .flex-form .input-div {
        padding: 10px 38px;
    }

    .flex-form-section .flex-form .btn-submit {
        width: 250px;
        padding: 14px 30px;
    }

    .hero-section6 .text1 {
        max-width: 100% !important;
    }

    .section4-rmthree-text,
    .section1-rmthree-heading {
        font-size: 32px;
    }

    .section3-rmfive-para,
    .section1-rmthree-para {
        font-size: 16px;
        max-width: 480px;
    }

    .section6-rmone-para {
        max-width: 525px;
    }

    .section3-rmone-para {
        max-width: 500px;
    }

    .section3-rmtwo {
        font-size: 19px;
    }

    .section1-rmfive-box {
        width: 85%;
    }

    .home-sec-2.box-head.rmsix1 .container {
    margin-top:-98px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1300px) {

    .rmsix-section2 .col-12 .bg_img .heading {
        font-size: 18px;
    }

    .hero-section .text2,
    .hero-section .text1 {
        padding-top: 0px;
    }

    .item {
        align-items: center;
    }

    .section2-button a {
        padding: 12px 60px;
    }

    .section5-rmone-img2 img,
    .section6-rmone-img img {
        width: 100%;
    }


}


@media only screen and (min-width: 768px) and (max-width: 1100px) {
    .section2-rmfour.flex {
        flex-wrap: wrap;
    }

    /* .fd-cr{
        flex-direction: column-reverse;
    } */

    .section2-rmfour-img1 img {
        height: 100%;
    }

    .section2-rmfour.flex {
        gap: 60px;
    }

    .section2-rmfour-img1 {
        flex: 0 0 44%;
        height: 100%;
    }

    .section2-rmfour {
        padding-top: 50px;
    }

    .section1-rmfive-box {
        width: 100%;
    }

    .section1-rmfive-img1 {
        left: 0px;
    }

    .section1-rmfive-img1 img {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {

    .rmsix-comma {
        bottom: 78% !important;
    }

    .swiper-wrapper .swiper-slide .section5-rmfive-text1 {
        height: 140px;
    }

    .swiper-wrapper .swiper-slide:nth-child(odd) {
        padding-top: 140px;
    }

    .section5-rmfive {
        height: 400px;
    }

    .rm6-section .left-img {
        min-height: 80vh;
    }

    .rm6-section-img3 {
        padding-top: 20px;
    }

    .rm6-section {
        padding-bottom: 40px;
    }

    .section5-rmone-div1 {
        top: 60px;
    }

    .section5-rmone-img1text4 {
        padding-top: 20px;
        font-size: 13px;
        padding-left: 26px;
    }

    .section5-rmone-div2 {
        margin-top: 10px;
        width: 100%;
        height: 271px;
    }

    .section5-ul-rmone {
        padding-left: 20px;
    }

    .section5-li {
        font-size: 13px;
    }

    .section2-rmtwo-card {
        margin-top: 20px;
    }

    .section6-rmone-box2,
    .section6-rmone-box1 {
        padding: 72px 6px;
    }

    .rmthree-coma {
        position: absolute;
        bottom: 278px;
        right: -43px;
    }

    .section6-rmthree-text1 {
        font-size: 15px;
    }

}

@media only screen and (min-width: 1101px) and (max-width: 1200px) {
    .section1-rmfive-img1 img {
        width: 450px;
    }

    .section1-rmfive-box {
        width: 100%;
    }
}



@media only screen and (min-width: 768px) and (max-width: 850px) {

    .bg-rows-sections .bg-row:nth-child(1):before,
    .bg-rows-sections .bg-row:nth-child(5):before {
        width: 96%;
    }

    .bg-rows-sections .bg-row .heading {
        font-size: 22px;
    }

    .bg-rows-sections .bg-row .text {
        font-size: 14px;
    }
}

@media only screen and (min-width: 300px) and (max-width: 576px) {
    .fd-cr-rmseven {
        flex-direction: column-reverse;
    }

    .video-container.sluzby{
        bottom: unset!important;
    }

    .section1-rmseven-para {
        max-width: 560px;
    }

    .section2-rmfour .fd-cr {
        flex-direction: column-reverse;
    }

    .section2-rmfour img {
        margin-bottom: 15px;
    }

    .section2-rmfour-img1 {
        padding-top: 0px;
    }

    .section2-rmfour {
        padding-top: 30px;
    }

    .section1-rmfour-formbtn.icon {
        padding-top: 15px;
        text-align: center;
    }

    .section1-rmfour-formbtn a {
        display: inline-block;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1100px) {
    .rmthree-coma {
        position: absolute;
        bottom: 276px;
        right: 0;
    }

    .rmsix-comma {
        bottom: 78%;
    }

    .rm6-section .vector-content {
        bottom: -12px;
        right: 12px;
    }
}



/*  */


#paragraph-green {
    width: 528px;
    background: #359945 0% 0% no-repeat padding-box;
    border-radius: 45px 0px 0px 42px;
    opacity: 1;
}



@media only screen and (max-width:768px) {
#paragraph-green {
    top:200px!important;
    height: 200%!important}
}

#paragraph-green p {
    font-size: 21px;
    color: var(--unnamed-color-ffffff);
    text-align: left;
    letter-spacing: -0.28px;
    color: #FFFFFF;
    opacity: 1;
}

#paragraph-green img {
    position: absolute;
    top: -66px;
    left: -54px;
    width: 112px;
    /* UI Properties */
    /*background: transparent url('img/Group 404.png') 0% 0% no-repeat padding-box;*/
    opacity: 1;
    z-index:100
}

.services-section2 {
    margin-top: 89px!important;
}

.services-section2 a {
    font-size: small;
}


.all-services-button2 a {
    border: 1px solid #359945;
    text-align: center;
    line-height: 24px;
    color: #359945;
    border-radius: 50px;
    text-decoration: none;
    font-size: small;
    padding: 10px 40px;
    letter-spacing: 0px;
    font-size: 18px!important;
}

.section-cards {
    border: none;
    display: flex;
    justify-content: center;
}

.section-cards p {
    width: 372px;
    height: 19px;
    /* UI Properties */
    text-align: center;
    font: normal normal medium 16px/19px Montserrat;
    letter-spacing: -0.48px;
    color: #000000;
    opacity: 1;
}

.section-cards .card {
    border: none;
}

.section-cards h6 {
    margin-top: 35px;
    font: normal normal bold 33px/40px Montserrat;
    font-size: 33px;
    letter-spacing: -0.99px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}

.section-cards img {
    top: 3577px;
    left: 1244px;
    width: 300px;
    height: 200px;
    background: transparent url('img/Image_4b.png') 0% 0% no-repeat padding-box;
    opacity: 1;
}

.section-card2 {
    margin-top: 120px!important;
}

.section-card2 .boder-none {
    border: none;
}

.section-card2.edit-card {
    position: relative;
}

.edit-card img{
    object-fit: cover!important;
}

.saction-card2 h6 {
    top: 750px;
    position: absolute;
    color: var(--unnamed-color-ffffff);
    text-align: center;
    font: normal normal bold 69px/84px Montserrat;
    letter-spacing: -2.07px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

.saction-card2 p {
    top: 850px;
    color: var(--unnamed-color-ffffff);
    text-align: left;
    letter-spacing: NaNpx;
    color: #FFFFFF;
    opacity: 1;
    position: absolute;
}


/*oborova řešení*/
.brozura {
    position:absolute;
    margin-top:2.5rem!important;
}

@media only screen and (max-width:768px) {
.brozura {
    margin-top:0.5rem!important;}
}



/*Pagination*/
.page-link {
    border:none!important;
    color:#40B37A;
    background:none!important;
}
.page-item.active .page-link {
    color:#40B37A;
}

/*Reference hp*/
.reference-hp img {
    max-width:85%!important;
    max-height: 195px;
    object-fit: cover;
}

/*Podstránka reference*/
.reference-seznam {
    margin-bottom:100px
}

.reference-seznam img {
    max-height:487px;
    width:584px;
    object-fit:cover;
    max-width: 100%;
}

/*Homepage úpravy*/
.rmsix-section1 .position-absolute {
    padding:48px 48px;
    bottom: -16%!important;
}

@media screen and (min-width:993px) and (max-width:1440px) {
.rmsix-section1 .position-absolute {
    padding:60px 200px 60px 60px!important;
    bottom: -20%!important;}

    #paragraph-green p {
        font-size:21px!important}
}

@media screen and (min-width:1000px)  {
 
    .swiper-container {
        width: 59vw;
        margin: auto;
        overflow: hidden;
    }
}



.swiper-wrapper .swiper-slide:nth-child(even) {
    padding-bottom: 0px;
    padding-top: 69px;
}

.swiper-wrapper .swiper-slide .section5-rmfive-text1 {
    height: 69px;
}
.greenboxhome {
    margin-top:-174px!important;
    margin-right:50px!important;

}

/*events list*/
.akce-seznam b {
    font-weight:bold;
}

.past-event{
    opacity: 0.5;
    pointer-events: none;
    cursor: default; /* Volitelně pro změnu kurzoru */
}
/**/

/*akce galerie*/
.nanogallery_gallerytheme_dark_my_nanogallery .nGY2GThumbnail_l1 {
    border-top-width: 10px!important;
    border-right-width: 20px!important;
    border-bottom-width: 10px!important;
    border-left-width: 0px!important;
    border-color: #fff!important;
}

/*Formulář akce součet*/
.event-recap {
    display: flex;
        justify-content: space-around;
        margin-top: 45px;
    }

.event-recap-p {
    color:#adadad
}

.event-recap-p span {
    font-size:28px;
    color:#359945;
    font-weight: 600;
}

.event-recap label {
    color:#fff
}

.event-recap label a {
    color:#fff
}

/*dropdown menu*/
.dropdown-main-link{
    display: flex;
    align-items: center;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
/* Links inside the dropdown */
.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}
  
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content .nav-link{
    background-color: black;
    text-align: center;
}

.dropdown-main-link i{
    padding-left: 10px;
    color: white;
}

.navbar.menu-items{
    gap: 14px;
}




.switch-lang {
    width: 110px;
    text-align: left;
    cursor: pointer;
    z-index: 50;
    position: absolute;
    top: 5px;
}
.switch-lang:hover .lang-dropdown {
    display: block;
}
.switcher-link {
    color: #fff;
}
.switcher-link:hover {
    color: #fff;
}
.current-lang {
    padding: 3px 5px 0px 5px;
    color: #c1c1c1;
    font-size: 14px;
}
.lang-flag {
    width: 20px;
    display: inline-block;
}
.lang-text {
    display: inline-block;
    margin-left: 5px;
    vertical-align: top;
    margin-top: 2px;
    margin-bottom: 4px;
}
.lang-dropdown {
    display: none;
    background: #373737;
    border-radius: 5px;
    margin-top: 2px;
}
.selecting-lang {
    padding: 3px 5px 3px 5px;
    cursor: pointer;
}
.selecting-lang:hover {
    background: #22313f;
}
ul > :first-child {
    border-radius: 5px 5px 0px 0px;
}
ul > :last-child {
    border-radius: 0px 0px 5px 5px;
}
li {
    list-style-type: none;
}
.menu-arrow {
    display: inline-block;
    width: 10px;
    margin-left: 10px;
    vertical-align: top;
    margin-top: 6px;
}

.navbar-light .navbar-nav .nav-link:focus{
    color: white!important;
}

.nav-link.active{
    color: white!important;
    text-decoration: underline;
    font-weight: bold!important;
}

.navbar-toggler{
    z-index: 99;
}

/*Formulář autofill*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #ADADAD !important;
}

    .input3 textarea {
        resize: none; /* Prevents the user from resizing the textarea */
        overflow: auto; /* Allows scrolling */
        width: 100%; /* Ensures the textarea takes the full width of its container */
        height: 100px; /* Set a fixed height or use a relative unit */
        box-sizing: border-box; /* Includes padding and border in the element's total width and height */
    }

    /* Hide scrollbar for Chrome, Safari, and Opera */
    .input3 textarea::-webkit-scrollbar {
        display: none;
    }

    /* Hide scrollbar for IE, Edge, and Firefox */
    .input3 textarea {
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }



/*Stránka kontakt*/
.contact-green {
    color:#359945;
}


.contact-detail .contact-map {
    align-items:center;
}

.width50 {
    width:50%;
}

.rmsix-section1-video video{
    max-width: 100%;
    max-height: 400px;
}

.section1-rmtwo-border .ps-4{
    border-left: 2px solid grey;
}

.section1-rmtwo-border{
    border-left: unset;
}

.navbar-expand-lg {
    flex-wrap: wrap;
}

.section1-rmtwo-text2{
    max-width: 100%;
}
.carousel-control-prev{
    left: 20px;
}
.carousel-control-next-icon{
    background-image: url("/assets/images/right-chevron.svg")!important;
    color: #359945!important;
    background-color: white;
    border-radius: 50px;
    padding: 26px;
    background-size: 32px;
}
.error{
    color: red;
}
.carousel-control-prev-icon{
    background-image: url("/assets/images/left-chevron.svg")!important;
    color: #359945!important;
    background-color: white;
    border-radius: 50px;
    padding: 26px;
    background-size: 32px;
}
.carousel-control-next {
    right: 20px;
}

.carousel-control-next, .carousel-control-prev {
    width: 3%!important;
}

.section4-rmone-img img {
    width: 80%;
    max-height: 250px;
}

.carousel-inner .carousel-item.active, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev{
    display: flex;
    justify-content: center;
}

@media screen and (min-width: 769px) and (max-width: 1800px){
    .home-angle-right-1, .home-angle-left, .home-angle-right-2, .home-angle, .field-detail-angle-left, .field-detail-angle-right, .sluzby-angle-left-servis{
        display: none;
    }
}

/* Servis stránka */
    .section1-servis{
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
    }
    
    .section1-servis a{
        color: #fff !important;
        text-align: center;
        font-weight: 400;
        line-height: 45px;
        letter-spacing: 1.1px;
        background: #359945;
        border-radius: 50px;
        text-decoration: none;
        font-size: 14px;
        padding: 0px 40px;
    }

    .servis-prvni-sekce .section1-rmfive-para1{
        max-width: 685px;
        font-size: 13px;
    }

    .servis-prvni-sekce .section1-rmfive-heading{
        max-width: 100%;
        font-size: 34px;
    }

    .servis-prvni-sekce-druhy-sloupec{
        display: flex;
    }
    
    .servis-odrazky li{
        list-style-type: unset;
        font-weight: 500;
    }

    

    .servis-odrazky li::marker{
        color: #359945;
        font-size: 21px;
    }

    .servis-druha-sekce{
        padding: 100px 0px;
    }

    .servis-druha-sekce .rmsix-section-heading{
        padding-bottom: 30px;
    }

    .service-section-video{
        margin-bottom: 100px;
    }

    .grey-box{
        background: transparent linear-gradient(214deg, #6E6E6E 0%, #373737 100%) 0% 0% no-repeat padding-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 100px;
        max-height: 29rem;
    }

    .grey-box p{
        color: white;
    }
    
    .grey-box-title{
        color: white;
        font-size: 31px;
    }

    .servis-video{
        width: 700px;
        position: relative;
    }

    .servis-section-video{
        padding-bottom: 100px;
    }

    .service-row{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        padding-top: 50px;
    }

    .service-section-black{
        background-color: black;
        color: white;
        padding: 100px 0px;
    }

    .text-section{
        padding-right: 100px;
    }

    .image-section img{
        max-width: 100%;
    }

    .service-section-black h2{
        color: #359945;
        font-weight: 700;
    }

    @media (min-width: 769px) and (max-width: 880px)

{ 
    .hp-video-section {
        margin-top: 4.5rem!important;
       
    }

}

    .icon-row{
        text-align: center;
        padding: 50px 0px;
    }

    .icon-col{
        font-weight: 700;
        font-size: 14px;
    }

    .servis-contact i{
        padding-right: 10px;
    }

    .servis-contact{
        margin-top: 100px;
        margin-bottom: 100px;
        border-left: 2px solid grey;
    }

    .sluzby-angle-left-servis{
        transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
        /* UI Properties */
        border: 1px solid grey;
        opacity: 1;
        width: 450px;
        left: -300px;
        height: 450px;
        z-index: -1;
        position: absolute;
        border-radius: 16px;
        top: 250vh;
    }

    .servis-contact h5{
        color: #359945;
        font-weight: 700;
    }

    .servis-contact h5, .servis-contact h6 {
        font-weight: 700;
        font-size: 18px;
        margin-bottom: 1.2rem;
    }

    .servis-contact p{
        margin-bottom: 0px;
    }

    .nadpis-druhy-radek{
        margin-top: 1.5rem;
    }

    .contact-servis-column-third{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
    }

    .contact-servis-column-first{
        padding-left: 30px;    
    }

    .servis-contact a{
        color: black;
        text-decoration: none;
    }
    



    

/*Responsive mobil*/
@media only screen and (max-width: 767px) {

    /* Servis */
    .servis-prvni-sekce .section1-rmfive-heading, .grey-box-title, .service-section-black h2{
        line-height: unset;
        font-size: 18px!important;
    }

    .icon-row{
        max-width: 100%;
        margin: auto;
    }

    .service-section-black .service-row p{
        padding: 0px 20px;
    }

    .servis-contact .row, .servis-druha-sekce .row, .service-section-video .row{
        max-width: 100%;
        margin: auto;
    }

    .left-bullets, .right-bullets{
        display: flex;
        justify-content: center;
    }

    .service-section-black h2{
        text-align: center;
    }

    .servis-prvni-sekce .section1-rmfive-para1{
        text-align: center;
        font-size: 15px;
    }

    .servis-druha-sekce li, .grey-box p{
        font-size: 15px;
    }

    .servis-prvni-sekce-druhy-sloupec {
        display: flex;
        justify-content: center;
    }

    .servis-video {
        width: 100%;
        position: relative;
    }

    .grey-box {
        padding: 50px;
        text-align: center;
    }

    .service-section-video .col-md-6.image-container{
        padding: 0;
    }

    .text-section {
        padding-right: 0px;
        text-align: center;
    }
    
    .service-row {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        padding-top: 0px;
    }

    .contact-servis-column-first, .contact-servis-column-second, .contact-servis-column-third {
        padding-left: 30px;
    }

    .contact-servis-column-third {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .contact-servis-column-third h6, .contact-servis-column-second h6{
        margin: 24px 0px;
    }

    body{
        width: 100%;
        overflow-x: hidden;
    }

    .header-main-div {
        justify-content: center;
        margin-left: -36px!important;
    }

    
    .carousel-item img{
        min-height: 100%;
    }

    #paragraph-green p{
        font-size: 15px;
        padding-top: 35px;
        text-align: center;
    }

    .rmsix-section1-video video{
        max-width: 100%;
        max-height: 200px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .rmsix-section1-video {
        margin-left: 0px;
        max-width:100%;
    }

    .video-container {
        max-width:100%;
        max-height:200px
    }

    .section1-rmseven .video-container {
        max-width:100%;
        max-height:150px
    }

    #paragraph-green img{
        left: 34%;
        top: 10px;
    }

    .home-angle-right-1, .home-angle-left, .home-angle-right-2, .home-angle, .field-detail-angle-left, .field-detail-angle-right, .sluzby-angle-left-servis{
        display: none;
    }

    .pt-5.container.mt-lg-5.rmsix-boxing-head{
        margin-top: 350px;
    }

    .all-services-button a{
        font-size: 15px!important;
        margin-right: 15px;
    }

    .section1-rmfive-boxtext{
        padding: 64px 20px 30px 20px;
    }

    .section1-rmfive-box{
        height: 285px;
    }
    .carousel-control-prev-icon{
        background-image: url("/assets/images/left-chevron.svg")!important;
        color: #359945!important;
        background-color: white;
        border-radius: 100px;
        padding: 16px;
        background-size: 16px;
    }
    .carousel-control-next-icon{
        background-image: url("/assets/images/right-chevron.svg")!important;
        color: #359945!important;
        background-color: white;
        border-radius: 100px;
        padding: 16px;
        background-size: 16px;
    }

    .section2-rmfive1{
        margin-top: 60px;
        padding-top: 40px;
    }

    .section3-rmfive-img1-made .w-50{
        width: 33%!important;
    }

    .section5-rmfive {
        padding-top: 60px;
        padding-bottom: 60px;
        height: 700px;
    }

    .section5-rmfive .time-line-box .swiper-wrapper{
        flex-direction: column;
    }

    .section5-rmfive .time-line-box .swiper-wrapper .swiper-slide{
        display: flex;
        flex-direction: row;
    }

    .time-line-box .status{
        border: unset;
    }

    .section5-rmfive .time-line-box .swiper-wrapper .swiper-slide .timestamp{
        order: 1;
    }

    .section5-rmfive .time-line-box .swiper-wrapper .swiper-slide .section5-rmfive-text1{
        order: 3;
    }

    .section5-rmfive .time-line-box .swiper-wrapper .swiper-slide .status{
        order: 2;
    }

    .swiper-wrapper .swiper-slide:nth-child(even){
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .hero-carousel .owl-nav button.owl-next{
        right: 0px;
    }

    .hero-carousel .owl-nav button.owl-next{
        width: 30px;
    }

    .hero-carousel .owl-nav button.owl-prev{
        left: 0px;
    }

    .hero-carousel .owl-nav button.owl-prev{
        width: 30px;
    }

    .pt-5.container.mt-lg-5.rmsix-boxing-head.obory{
        margin-top: 100px!important;
    }

    .section1-rmone .section2-rmone{
        margin-top: 100px;
    }

    .rmseven-video{
        position: unset;
    }

    .accordion-button{
        flex-direction: column;
        padding: 20px 20px;
        text-align: center;
    }

    .accordion-button::after{
        margin-left: 0px;
    }

    .accordion-button.collapsed::after, .accordion-button:not(.collapsed)::after{
        right: 0px!important;
    }
    
    .section2-rmfour-img1{
        padding-top: 30px;
    }

    .reference-seznam img{
        width: 100%;
    }

    .stahnout-text-ikona{
        display: flex;
    }

    .kontakt-mapa{
        margin-top: 50px;
    }

    .social-icons-section{
        margin-top: 0px;
    }

    .col-lg-4.reference-hp{
        padding-top: 10px;
        text-align: center;
        padding-bottom: 25px;
    }

    .slider-home{
        padding: 0px;
    }
    .section-card2{
        margin-top: 80px!important;
    }
    .fs-20{
        font-size: 15px!important;
    }
    .greenboxhome{
        margin-right: auto!important;
        width: 300px!important;
        display: none!important;
    }
    .section4-rmone-img img{
        max-width: 100%;
    }
    .navbar-collapse{
        flex-grow: 0;
        flex-basis: 0;
        display: block;
        min-width: 100%;
        padding-top: 20px;
    }
    .col-12 .section2-rmfour-text1, .section2-rmfour-text2, .section2-rmfour-para{
        text-align: center;
    }
    .ps-5{
        padding-left: 2rem!important;
    }
    .col-6{
        width: 100%;
        text-align: center;
    }
    .social-links1.title{
        margin-top: 16px;
        font-size: 16px!important;
    }
    .siroky .social-icons-section{
        justify-content: center;
    }
    .bg-rows-sections .bg-row .col-12 .heading{
        padding-left: 0px;
    }
    .accordion-button .text{
        font-size: 16px!important;
    }
    .bg-rows-sections .bg-row .heading{
        font-size: 28px !important;
    }
    .section2-button{
        text-align: center;
    }
    .section1-rmseven-para{
        text-align: center;
    }
    .section4-rmfive-img{
    min-height: 200px!important;
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    }
    .carousel-item img{
        object-fit: contain;
        filter: brightness(0.7)!important;
        height: 24.5vh;
    }

    .carousel-item .carousel-obrazek img{
        object-fit: contain;
    }


    .hero-carousel .owl-nav button.owl-next, .hero-carousel .owl-nav button.owl-prev {
        width: 50px;
    }

    .hero-section6 button .fa {
        padding: 8px;
    }

    .hero-section6 .fa-chevron-right:before, .hero-section6 .fa-chevron-left:before {
        height: 16px;
        width: 16px;
    }

    .hero-carousel .owl-nav button{
        font-size: 16px!important;
    }


    .rmsix-section1-text1{
        font-size: 15px!important;
        padding-left: 15px!important;
        text-align: center;
    }
    .section2-details1 .details-paragraph{ 
        font-size: 15px!important;
        max-width: 200px !important;
    }
    .services-title h2{ 
        padding-left: 15px!important;
    }
    .position-absolute{
        border-radius: 0px!important;
    }
    .homepage-video{
        padding: 0px!important;
    }
    .rmsix-section1::before{
        height: 100%!important;
    }
    .container{
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    .rmsix-section2 .col-lg-3 {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: none;
    }
    .card-text{
        font-size: 15px!important;
    }
    .reference-hp img{
        max-width: 94%!important;
    }
    .col-lg-7 .card-img-top{
        display: none;
    }
    .bg-373737{
        margin-top: -450px!important;
    
    }
    .col-lg-5 .h-100 {
        height: 70% !important;
    }
    .services-section{
        padding: 0px!important;
    }
    .section2-paragraph{
        font-size: 15px!important;
        color: black!important;
        padding-left: 15px!important;
        max-width: 100%!important;
    }
    .section2-card-title-area{
        min-height: 0px;
    }
    .section2-date{
        font-size: 15px!important;
    }
    .social-links1{
        font-size: 15px!important;
    }
    .section3-rmtwo{
    font-size: 20px;
    text-align: center;
    color: #359945;
    font-weight: 600;
    padding: 0px 0px 30px 0px;
    }
    .rmtwo-form-div .col-lg-7 {
        display: grid;
        justify-content: center;
    }
    [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
        cursor: pointer;
        justify-content: center;
        display: flex;       
    }
    .section-rmone-form {
        padding-top: 0px;
        width: 100%;
    }
    .section4-button a {
        line-height: 28px;
        font-size: 15px;
        padding: 1px 65px;
        margin-left: 34px;
    }
    .current-lang{
        padding-top: 65px;
    }
    .topbar-links{
        display: none;
    }
    .social-icon img{
        width: 35px!important;
        height: 35px!important;
    }
    .m-width-100{
        max-width: 100%!important;
        overflow-x: hidden!important;
    }

    .o-znacce-nadpis1{
        line-height: 25px;
        font-size: 18px;
        color: #359945;
    }

    .o-znacce-udalosti-text, .o-znacce-obrazky-text{
        text-align: center;
    }

    .hero-section.rmfour.ozanceheronew{
        min-height: 24.5vh!important;
        height: unset!important;
    }

    .hero-section .text3{
        padding-top: unset!important;
    }

    .ozanceheronew .text2{
        margin-bottom: 0px;
    }

    .o-znacce-prvni-sekce .section1-rmfive-para1, .o-znacce-prvni-sekce .section1-rmfive-boxtext{
        text-align: center;
        font-size: 15px;
    }

    .section2-rmfive{
        margin-top: 285px;
        padding-bottom: 50px;
    }

    .section3-rmfive{
        margin-top: 57px!important;
        padding-top: 0px!important;
    }

    .section2-rmfive1{
        margin-top: 37px;
    }

    .section2-rmfive-heading1{
        font-size: 16px!important;
    }

    .carousel, .carousel-inner, .newhero{
        height: 24.5vh;
    }

    .section2-rmfive-flex{
        padding-bottom: 40px;
    }

   

    .pt-5.container.mt-lg-5.rmsix-boxing-head.obory{
        margin-top: 145px!important;
    }

    .rmsix-section2{
        padding: 50px 0px 45px;
    }

    .section1-rmseven.py-5{
        padding-top: 0px!important;
        padding-bottom: 0px!important;
    }

    .accordion-button{
        padding: 40px 80px!important;
    }

    .section1-rmseven.py-5 .section1-rmseven-para p{
        font-size: 16px!important;
        padding-top: 20px;
    }

    .section1-rmseven.py-5 .section1-rmseven-heading{
        font-size: 18px!important;
        padding-top: 10px;
    }

    .rmtwo-form-div .col-lg-7{
        display: unset!important;
    }
    
    .section4-button.text-end, .hledat.text-end{
        margin: auto;
    }

    .section2-rmfour-text1{
        font-size: 18px;
    }

    .section1-rmfour-formbtn a, .reference-seznam .section1-rmfour-formbtn a, #myBtn, .blog-detail .section1-rmfour-formbtn.icon, .section4-button.text-start.section7-rmone-button a, .hledat.text-end{
        padding: 10px 32px!important;
        font-size: 16px!important;
    }

    .reference-seznam .section1-rmfour-formbtn.icon a{
        font-size: 16px!important;
    }

    .section1-rmfour-form .form-select{
        height: 45px;
    }

    .section1-rmfour-formbtn{
        height: unset;
    }

    .reference-seznam{
        margin-bottom: 60px;
    }

    .reference-seznam .section2-rmfour-img1{
        padding-top: 0px;
    }

    .reference-seznam .section2-rmfour-para p{
        font-size: 15px;
    }

    .reference-seznam .section2-rmfour-text2{
        font-size: 17px;
        padding-top: 5px;
    }

    .mt____minusrd{
        top: 0px;
    }

    .mt____minusrd img{
        padding: 25px;
    }

    .bg-black.pb-5.reference-fotka-sekce{
        padding-top: 0px;
    }

    .bg-black.pb-5.reference-fotka-sekce .col-lg-6{
        text-align: center!important;
    }

    .vypis-odkaz-tlacitko a{
        display: flex;
        justify-content: center;
    }

    .vypis-odkaz-tlacitko button{
        padding: 10px 32px;
        font-size: 15px!important;
    }

    .vypis-technologii-reference{
        padding-left: 0px!important;
    }

    .reference-postup-realizace{
        text-align: center;
    }

    .resturace .ref-arrows{
        bottom: unset;
    }

    .resturace .ref-arrows img{
        width: 35px;
    }

    .reference-postup-realizace .mt-5.text-359945.fw-bolder{
        margin-top: 0px!important;
    }

    .reference-postup-realizace, .vypis-technologii-reference, .reference-hl-pozadavky .text-white{
        padding: 10px!important;
    }

    .reference-fotka-sekce .row,  .reference-postup-realizace .row{
        --bs-gutter-x: unset!important;
    }

    .blog-detail .section2-rmfour-para p{
        font-size: 15px;
    }

    .blog-detail .section2-rmfour-img1 img{
        min-height: 300px!important;
    }

    .section2-rmfour.blog-detail{
        padding-top: 60px;
    }

    .homepage-reference-detail{
        display: none;
    }

    #paragraph-green img{
        position: unset;
        margin: 0 auto;
    }

    #paragraph-green{
        display: flex;
        flex-direction: column;
    }
    
    .section2 .container{
        padding-right: 15px!important;
    }

    .hero-section.rmfour .text2{
        padding-bottom: 0px!important;
        padding-top: 0px!important;
    }

    .section1-rmone-heading.pb-2, .section1-rmone-paragraph, .section6-rmone-para.new, .section6-rmone-heading.pb-2, .section3-rmone-paragraph.mw-100{
        text-align: center;
    }

    .section6-rmone .col-lg-5.col-md-6.col-sm-12.col-12.ps-0, .col-lg-7.col-md-6.col-sm-12.col-12.ps-0{
        padding-left: 12px!important;
    }

    .section6-rmone-bg{
        height: 180px!important;
    }

    .section6-rmone-para.new p{
        margin-bottom: 0px!important;
    }

    .section6-rmone{
        padding-top: 60px;
    }

    .section1-rmone, .section3-rmone-paragraph.mw-100{
        padding-bottom: 0px!important;
    }

    .bg-525252 .container.py-5 .mt-3{
        padding-left: 15px!important;
        padding-right: 15px!important;
    }

    .container.py-5 .text-white.fw-bolder{
        text-align: center;
    }

    .section2-rmfour .d-flex.align-items-center.mt-5{
        flex-wrap: wrap!important;
        justify-content: center!important;
    }

    .side-buttons button img{
        width: 20px;
        height: 20px;
        margin-right: 0px;
    }

    .side-buttons{
        top: 77.7%;
    }

    .side-buttons button{
        padding: 0px;
        height: 54px;
        width: 58px;
    }

    .side-buttons .zavolejte-nam:hover {
        width: 58px; /* Expand to show text on hover */
    }
    
    .side-buttons .napiste-nam:hover {
        width: 58px; /* Expand to show text on hover */
    }

    .side-buttons .zastavte-se:hover {
        width: 58px; /* Expand to show text on hover */
    }

    .section5-rmfive-text1 {
        position: relative;
        display: inline-block; /* Pro blokové elementy */
    }
    
    .section5-rmfive .swiper-slide:not(:last-child) .status:after {
        content: '';
        position: absolute;
        left: 50%; /* Posunutí do středu horizontálně */
        bottom: 0;
        width: 1px;
        height: 60%;
        background-color: black;
        transform: translateX(-50%); /* Korekce pozice do středu */
    }

    .section5-rmfive .timestamp {
        display:none
    }

    .time-line-box .status span:before {
        display:none;
    }



    .section5-rmfive-text1 {
        padding-top:0px;
    }

    .time-line-box .status, .time-line-box .status span {
        padding-top:0px;
        margin-bottom:10px;
    }



    .swiper-slide:nth-child(6) .section5-rmfive-text1::after{
        display: none!important;
    }

    .swiper-slide:nth-child(1) .section5-rmfive-text1::after{
        height: 80%!important;
    }

    .rmsix-section1-text1{
        max-width: 100%!important;
    }

    #myBtn{
        color: #FFFFFF;
        background: #359945;
        text-decoration: none;
        border-radius: 50px;
        margin: 0 auto;
    }

    #more {display: none;}
    #myBtn{
        display: block!important;
        border: none;
    }
   

    .contact-map{
        display: none;
    }

    .footer-copy-write{
        font-size: 15px;
    }
}

#myBtn{display: none;}
.tecky-hp{
    display: none;
}


@media screen and (min-width: 992px){
    .topbar-links-mob{
        display: none;
    }
    
}
@media screen and (min-width: 767px) and (max-width: 992px){
    .topbar-links{
        display: none;
    }
    .current-lang{
        padding-top: 41px;
    }
}

.registration-button {
    color:#fff}


/*Homepage video*/
.video-container {
    position: relative;
    width: 560px;
    height: 320px;
}

@media screen and (min-width: 1024px) and (max-width: 1199px){
    .video-container {
    position: relative;
    width: 500px;
    height: 300px;}
}

@media screen and (min-width: 980px) and (max-width: 1023px){
    .video-container {
        position: relative;
        width: 500px;
        height: 300px;
    }
}



@media screen and (min-width: 1200px) and (max-width: 1440px){
    .video-container {
    position: relative;
    width: 550px;
    height: 350px;}
}

#myVideo {
    width: 100%;
    height: 100%;
    display: block;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    overflow: hidden; /* Zajistí, že obsah overlaye nepřesáhne velikost videa */
}

.overlay img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1; /* Obrázek na pozadí */
}

.play-icon {
    position: absolute;
    z-index: 2; /* Ikona Play nad obrázkem */
    font-size: 80px;
    color: white;
    cursor: pointer;
    opacity: 0.8;
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: all; /* Aby tlačítko bylo klikatelné */
}

.fa-play{
    z-index: 2;
    font-size: 45px;
    color: white;
    cursor: pointer;
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: all; /* Aby tlačítko bylo klikatelné */
}

/* Styl pro hover efekt */
.play-icon:hover {
    opacity: 1;
    transform: scale(1.1); /* Zvětší ikonu při hoveru */
}

/* Efekt blikání na hover */
@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

.play-icon:hover {
    animation: blink 1s infinite;
}

.references-selector{
    width: 30%;
}

/*Zmenšení webu na 80% */

.navbar{
    max-height:70px;
}

.navbar .menu-items{
    gap: 9px;
    top: -6px;
    left: -74px;
}

.navbar .menu-items .nav-link{
    font-size:14px;
}

.header-text1 a {
    font-size: 12px;
}

.header-main-div{
    min-height: 21px;
}

.container .navbar-brand img {
    height:160px;
    top:-16px;
}

#carouselExampleControls{
    max-height:52vh!important;
}

#carouselExampleControls .carousel-inner{
    max-height:52vh!important;
}

.carousel-control-next-icon {
    padding: 21px;
    background-size: 26px;
}

.carousel-control-prev-icon{
    padding: 21px;
    background-size: 26px;
}

.hero-section .text1{
    font-size: 55px;
}

.hero-section .text3 a{
    padding: 12px 40px;
    font-size: 22px;

}

.sldier-home-inner{
    margin-top:-5%;
}

.side-buttons a{
    max-width: 70px;
    max-height:216px
}

.side-buttons img{
    max-width: 26px;
    max-height:26px
}

.side-buttons a:hover{
    max-width: 520px;
    max-height:250px
}

.side-buttons button span{
    font-size:26px
}

.details1-icon .pb-4{
    padding-bottom: 1,2rem!important;
}

.btn{
    padding: .300rem, .60rem;
    line-height: 1,2;
    font-size: .800rem;
}

.card-title{
    font-size:26px!important;
    margin-bottom: .4rem;
}

.section-card2  .col-lg-5{
    width: 41% !important;
   
}



.section-card2 .greenboxhome{
    width:269px;
    height:204px;
}
.bg-373737{
    max-height: 378px;
    max-width: 697px;
}



.fs-20{
    font-size: 16px!important;
}

.h2, h2 {
    font-size: 1.6rem;
}

.greenboxhome .text-white{
font-size: .8rem;
}

.quotes__ img{
    width: 75px;
}

.form-control{
font-size: .8rem;
}



.section3-rmfive-img1-made .w-50{
    width: 41%!important;
}

.carousel6 {
    max-height: 473px!important;
}

.paddingRectangle .section1-rmseven-heading{
    font-size: 33px!important;
}

.paddingRectangle .section1-rmseven-para{
    font-size: 15px!important;
}

.accordion-button.collapsed::after{
    width:171px!important;
    padding: 24px 32px 24px 0px!important;
    line-height: 45px!important;
    font-size: 14px!important;
}

.accordion-button:not(.collapsed)::after{
    width:171px!important;
    padding: 24px 32px 24px 0px!important;
    line-height: 45px!important;
    font-size: 14px!important;
}

.accordion-body .px-lg-5{
    max-width:42rem;
}

.accordion-body .py-5 {
padding-top:2rem!important;
padding-bottom: 2rem!important;
}

.accordion-body .py-5  h1,h2{
   font-size:1.6rem;
    }

.bg-373737 .mt-3{
    width:158px!important;
    margin-top: .4rem!important;
}

.bg_data .text p{
    margin-bottom: -1rem;
}

.accordion-body .row {
margin-right: calc(var(--bs-gutter-x) * -7.5);
}

.reference-seznam .section1-rmfour-formbtn.icon a{
    font-size:18px!important;
}

.obrazek_cover{
    object-fit: cover;
    object-position: right;
}



/* RESPONSIVE ------------------------------------------------------------RESPONSIVE*/

@media (max-width: 400px) 
{
    .container .navbar-brand img {
        width: 79px;
    }
}

@media (max-width: 480px) 
{ 
    .hero-section .text1{
        font-size: 166%;
    }

    .owl-stage .child-div2 {
        margin-bottom: 21px;
    }

    .hero-section .text3 a{
        padding: 3% 10px 3%;
        font-size: 109%;
    }

    body {
    
        font-size: 1rem!important;
    }

    .section1-rmfour-form {
        gap: 6px;
        flex-direction: row;
    }

    .reference-seznam {
        margin-bottom: 5%;
    }
    


    .carousel-control-next-icon {
        padding: 97%;
        background-size: 64%;
        margin-right: 133%;
    }

    .carousel-control-prev-icon {
        padding: 97%;
        background-size: 64%;
    }

    #myBtn {
        display: block!important;
        border: none;
        margin-bottom: 5%;
        margin-top: -10%;
    }

    .tecky-hp {
        display: none;
    }

    #paragraph-green {
        padding: 14% 5% 12%!important;
    }

    .rmtwo-form-div .input3 #text {
        margin-left: 0px!important; 
    }

    .section4-button a {
         margin-left: 0px!important; 
    }

    .carousel, .carousel-inner, .newhero {
        height: 35.5vh!important;
    }
    .carousel-item {
        height: 100%!important;      
    }

    #paragraph-green {
        top: 85%!important;
        height: 170%!important;
    }

    .services-section {
        margin-top: 5%;
    }

    .navbar {
       max-height: unset;
    }

    .container .navbar-brand img {
        height:unset;
        top:5%;
    }

    .navbar .menu-items {
         left: 0px!important; 
    }

    .owl-carousel .owl-item img, .owl-stage-outer.owl-height, .rmseven-1-bg, .hero-section.rmfour.refhero.NOVINKYhero, .hero-section.rmfour.refhero, .hero-section.rmfour.kontahero, .hero-section.rmfour {
        height: 35.5vh;
    }

    .section1-rmfive-para1 {
         max-width: unset;    
    }

    .section1-rmfive-box {
        width: 100%; 
        margin-top: 7px;
        height: 191px;
    }

    .section1-rmfive-img1 {
      left: 0px;
      position: unset;
    }

    .section1-rmfive-img1 img {
        max-height: 100%;
    }

    .section1-rmfive-boxtext {
        padding: 48px 20px 30px 20px;
    }
    .section2-rmfive {
        margin-top: -22%;
    }

    .section2-rmfive1 {
        padding-top: 5%;
        max-height: 249px;
    }

    .section2-rmfive1 {
        margin-top: 0%;
        
    }

    .section5-rmfive {
        height: 642px!important;
    }

    .section1-rmone-heading {
         padding-top: 0px; 
    }

    .section2-rmfive {
        padding-bottom: 19px;
    }

    .carousel6 {
        max-height: 418px!important;
    }

    .grey-box {
        padding: 5% 5% 0% 5%;
    }
    .section2-rmfour {
        padding-top: 0px!important;
    }

    .icon-row {
        padding: 5% 0% 0%;
    }
    .mb-5 {
        margin-bottom: 0px!important;
    }

    .owl-carousel .owl-item img, .owl-stage-outer.owl-height, .rmseven-1-bg, .hero-section.rmfour.refhero.NOVINKYhero, .hero-section.rmfour.refhero, .hero-section.rmfour.kontahero, .hero-section.rmfour {
        height: 35.5vh!important;
    }
    .section2-rmfour.blog-detail {
        padding-bottom: 5%;
    }

    .section1-rmfive {
        padding-top: 5%;
        padding-bottom: 10%;
    }
    .footer-social-div {
        padding-top: 5%;
        padding-bottom: 0px;
    }


    .servis-contact {
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .service-section-black {
        padding: 7% 0%;
    }

    .service-section-video {
        margin-bottom: 0px
    }

    .section1-rmone .section2-rmone {
        margin-top: 12%;
        margin-bottom: 7%;
    }

    .accordion-body .col-lg-4{
        height: 200px!important;
    }

    .section3-rmfive {
        margin-top: 3%!important;
        padding-top: 0px!important;
    }

    .hero-section.rmfour {
        height: 35vh!important;
    }

    .section6-rmone {
        padding-top: 0px;
    }

    .section6-rmone-bg {
        height: 156px!important;
    }

    .section4-heading {
        margin-top: -25%;
    }

    .section2-rmfive-flex {
        padding-bottom: 6%;
    }

    .reference-pt{
        margin-top:15%;
    }
    .reference-fotka-sekce{
        padding-bottom: 5%!important;
    }

    .reference-postup-realizace {
        margin-top: 2rem!important;
    }

    .img____box1, .img____box {
        margin-top:-20%!important;

    }

    .bothboxes{
        max-height:85%;
        height: 250px!important;
    }

    .reference-hl-pozadavky img{
        width: 71%!important;
    }

    .text-359945{
        margin-top: 0rem!important;
    }

    .akce-seznam{
        justify-items: center!important;
    }

    .align-items-center-r{
        align-items: center;
        text-align: center;
    }
    .section3-rmfive-img1-made{
        padding: 5%;
    }

    .obrazek_cover{
        margin-top: 10%;
    }

    .section1-rmtwo {
        padding-top: 0px;
    }

    .section2-rmfour .registration-button img{
        margin-top: 0!important;
    }

    .event-prev{ 
        max-width: 40px!important;     
        top: 36%;    
        left:1%;
        position: fixed;
    
}

.clanek-responsiv {
    flex-direction: column-reverse;
}

.accordion-collapse .row {
        width: 100vw;
}

.section1-rmfive-boxtext {
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    color: #fff;
    padding: 28px 47px 26px 43px!important;
}

.event-prev img{      
    width: 30px!important;

}

.section2-rmtwo-card1, .section2-rmtwo-card {
    min-height: unset; 
}


.event-next {
position: fixed;
top: 36%;
right: 1%;
max-width: 40px;
}
.event-next img{
width: 30px!important;
}

}


@media (min-width: 481px) and (max-width: 768px)
{ 
    .hero-section .text1{
        font-size: 166%;
    }

    .owl-stage .child-div2 {
        margin-bottom: 21px;
    }

    .hero-section .text3 a{
        padding: 3% 10px 3%;
        font-size: 109%;
    }

    body {
    
        font-size: 1rem!important;
    }

    .section1-rmfour-form {
        gap: 6px;
        flex-direction: row;
    }

    .reference-seznam {
        margin-bottom: 5%;
    }
    


    .carousel-control-next-icon {
        padding: 97%;
        background-size: 64%;
        margin-right: 133%;
    }

    .carousel-control-prev-icon {
        padding: 97%;
        background-size: 64%;
    }

    #myBtn {
        display: block!important;
        border: none;
        margin-bottom: 5%;
        margin-top: -10%;
    }

    .tecky-hp {
        display: none;
    }

    #paragraph-green {
        padding: 14% 5% 12%!important;
    }

    .rmtwo-form-div .input3 #text {
        margin-left: 0px!important; 
    }

    .section4-button a {
         margin-left: 0px!important; 
    }

    .carousel, .carousel-inner, .newhero {
        height: 35.5vh!important;
    }
    .carousel-item {
        height: 100%!important;      
    }

    #paragraph-green {
        top: 85%!important;
        height: 190%!important;
    }

    .services-section {
        margin-top: 5%;
        margin-bottom: 2%;
    }

    .navbar {
       max-height: unset;
    }

    .container .navbar-brand img {
        height:unset;
        top:5%;
    }

    .navbar .menu-items {
         left: 0px!important; 
    }

    .owl-carousel .owl-item img, .owl-stage-outer.owl-height, .rmseven-1-bg, .hero-section.rmfour.refhero.NOVINKYhero, .hero-section.rmfour.refhero, .hero-section.rmfour.kontahero, .hero-section.rmfour {
        height: 35.5vh;
    }

    .section1-rmfive-para1 {
         max-width: unset;    
    }

    .section1-rmfive-box {
        width: 100%; 
        margin-top: 7px;
        height: 191px;
    }

    .section1-rmfive-img1 {
      left: 0px;
      position: unset;
    }

    .section1-rmfive-img1 img {
        max-height: 100%;
    }

    .section1-rmfive-boxtext {
        padding: 48px 20px 30px 20px;
    }
    .section2-rmfive {
        margin-top: -22%;
    }

    .section2-rmfive1 {
        padding-top: 3%;
        max-height: 271px;
    }

    .section2-rmfive1 {
        margin-top: 0%;
        
    }

    .sluzby-responsive
    {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
     .sekce-logo-o-nas {
        flex-direction: column;
        gap: 15px;
        
    }

    .mob-social-pt {
        padding-top: 20px;
    }

    .section1-rmfour-formbtn a{
        margin-left: 31%;
    }

    .mob-social-pt {
        padding-top: 0px;
    }

    .footer-social-div.siroky {
        padding-top: 0px;
        padding-bottom: 5%;
    }

    .service-section-video {
        margin-bottom: 5%!important;
    }

    .section1-rmfive {
        padding-bottom: 6%!important;
    }

    .feature-section{
        margin-bottom: 5%;
    }

    .section4-button{
        margin-left: 0px;
    }

    .section5-rmfive {
        height: 642px!important;
    }

    .section1-rmone-heading {
         padding-top: 0px; 
    }

    .section2-rmfive {
        padding-bottom: 19px;
    }

    .carousel6 {
        max-height: 418px!important;
    }

    .grey-box {
        padding: 5% 5% 0% 5%;
    }
    .section2-rmfour {
        padding-top: 0px!important;
    }

    .icon-row {
        padding: 5% 0% 0%;
    }
    .mb-5 {
        margin-bottom: 0px!important;
    }

    .owl-carousel .owl-item img, .owl-stage-outer.owl-height, .rmseven-1-bg, .hero-section.rmfour.refhero.NOVINKYhero, .hero-section.rmfour.refhero, .hero-section.rmfour.kontahero, .hero-section.rmfour {
        height: 35.5vh!important;
    }
    .section2-rmfour.blog-detail {
        padding-bottom: 5%;
    }

    .section1-rmfive {
        padding-top: 5%;
        padding-bottom: 10%;
    }
    .footer-social-div {
        padding-top: 5%;
        padding-bottom: 0px;
    }


    .servis-contact {
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .service-section-black {
        padding: 7% 0%;
    }

    .service-section-video {
        margin-bottom: 0px
    }

    .section1-rmone .section2-rmone {
        margin-top: 12%;
        margin-bottom: 7%;
    }

    .accordion-body .col-lg-4{
        height: 200px!important;
    }

    .section3-rmfive {
        margin-top: 3%!important;
        padding-top: 0px!important;
    }

    .hero-section.rmfour {
        height: 35vh!important;
    }

    .section6-rmone {
        padding-top: 0px;
    }

    .section6-rmone-bg {
        height: 156px!important;
    }

    .section4-heading {
        margin-top: -25%;
    }

    .section2-rmfive-flex {
        padding-bottom: 6%;
    }

    .reference-pt{
        margin-top:15%;
    }
    .reference-fotka-sekce{
        padding-bottom: 5%!important;
    }

    .reference-postup-realizace {
        margin-top: 2rem!important;
    }

    .img____box1 {
        margin-top:-20%!important;

    }
    .img____box{
        margin-top:-16%!important;
    }


    .bothboxes{
        max-height:85%;
        height: 250px!important;
    }

    .reference-hl-pozadavky img{
        width: 71%!important;
    }

    .text-359945{
        margin-top: 0rem!important;
    }

    .akce-seznam{
        justify-items: center!important;
    }

    .align-items-center-r{
        align-items: center;
        text-align: center;
    }
    .section3-rmfive-img1-made{
        padding: 5%;
    }

    .obrazek_cover{
        margin-top: 10%;
    }

    .section1-rmtwo {
        padding-top: 0px;
    }

    .section2-rmfour .registration-button img{
        margin-top: 0!important;
    }

    .col-sm-6 {
       width: 100%!important; 
    }

    .accordion-collapse .row {
        width: 100vw;
    }

    .clanek-responsiv{
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
    }

    .section2-rmfour-para {
         max-width: 100%!important;
    }

    .section2-rmfour .fd-cr {
      flex-direction: column-reverse!important;
    }

    .section1-rmfour-formbtn a {
        margin-left: 0%!important;

    }

    .reference-flex {
        display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 2%;
        }

    .section1-rmfour-formbtn.icon {
            padding-top: 2%;
        }
   .section2-rmfour .min__height {
            min-height: 100px;
        }

        .event-prev{ 
                max-width: 40px!important;     
                top: 36%;    
                left:1%;
                position: fixed;
            
        }

        .event-prev img{      
            width: 40px!important;

    }

    .event-next {
        position: fixed;
        top: 36%;
        right: 1%;
        max-width: 40px;
    }
    .event-next img{
        width: 40px!important;
    }

    .section2-rmtwo-card1, .section2-rmtwo-card {
         min-height: unset; 
    }

    .accordion-body .px-lg-5 {
        max-width: 100vw;
    }

}

 @media (min-width: 769px) and (max-width: 991px)
{
    .all-services-button a {
        padding: 8px 39px 5px;
        
    }

    .details1-icon img{
        height: 80px;
    }
    
    .section6-rmone-bg {
        height: 205px;
        margin-top: -120px;
    }

    .section6-rmone {
        padding-top: 60px;
    }

    .section2-rmone-flex {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .section1-rmone {
        padding-top: 0px;
        padding-bottom: 55px;
        margin-top: -1px;
    }

    .accordion-collapse .row {
        width: 100vw;
    }

    .card {
        margin-top: 30px;
        margin-bottom: 30px;
        align-items:center;
    }

    .reference-hp img {
        max-width: 100%!important;
        max-height: 180px;
        object-fit: cover;
    }

    .rmsix-section2 {
        top: 80px;
        position: relative;
        padding: 50px 0px 64px;
    }

    .section-card2 {
        margin-top: 39px!important;
    }

    .section2-img img {
        max-width: 249px!important;
    }

    .navbar {
      max-height: 100%;
    }
    .navbar .menu-items {
         left: 0px;
    }

    .section1-rmfive-boxtext {
        padding: 39px 81px 24px 66px;
    }

    .section1-rmfive-img1 {
        left: -71px;
    }

    .section3-rmfive-img1 img {
         width: 100%;
    }

    .section2-rmfive .odsazeni-cisel{
        padding-left: 129px;
    }

    .section2-rmfive1 {
        margin-top: 37px;
        max-height: unset;
        height: 23vw;
    }

    .sekce-logo-o-nas {
        flex-direction: column;
        gap: 36px;
        padding-top: 1%;
        
    }
    .section2-rmfive-flex {
        justify-content: center;
    }

    .section5-rmfive {
        padding-top: 0px;
    }

    .swiper-wrapper {
        display: inline-flex;
        flex-direction: row;
        overflow: auto;
        justify-content: center;
    }

    .swiper-slide {
        text-align: center;
        font-size: 12px;
        width: 100%;
        height: 100%;
        position: relative;
    }

    .swiper-wrapper .swiper-slide:nth-child(odd) {
        padding-top: 60px;
    }

    .swiper-wrapper .swiper-slide:nth-child(even) {
        padding-bottom: 0px;
        padding-top: 127px;
    }

    .swiper-wrapper .swiper-slide .section5-rmfive-text1 {
        height: 67px;
    }

    .section5-rmfive {
        height: 280px!important;
    }

    .rmsix-boxing-head {
        padding-top: 8rem!important;
    }

    .accordion-button .heading {
        font-size: 21px!important;
    }
    .accordion-button .d-flex img {
        width: 55px;
    }

    .accordion-button .text {
        font-size: 12.8px!important;
        font-weight: 500!important;
    }

    .accordion-button.collapsed::after {
        right: -40px!important;
    }

    .accordion-button:not(.collapsed)::after {
        right: -40px!important;
    }

    .accordion-body .px-lg-5 {
        max-width: 100vw;
    }

    .servis-prvni-sekce .section1-rmfive-heading {
        font-size: 27px;
    }

    .servis-prvni-sekce .section1-rmfive-para1 {
        font-size: 12.8px;
    }

    .section1-rmfive-heading {
        font-size: 38px;
        font-weight: 700;
        max-width: 520px;
        line-height: 37px;
    }

    .grey-box-title {
        color: white;
        font-size: 25px;
    }

    .video-container {
        position: relative;
        width: 448px;
        height: 256px;
    }

    .grey-box {
        padding: 49px;
    }

    .service-section-black {
        padding: 52px 0px;
    }

    .icon-row {
        text-align: center;
        padding: 23px 0px;
    }

    .service-row {
        padding-top: 0px;
    }

    #paragraph-green p {
        font-size: 17px;
    }

    .rmsix-boxing-head {
        padding-top: 6rem!important;
    }

    .section-card2 .card {
        margin-top: 30px;
        margin-bottom: 0px;
        align-items: center;
    }

    .fs-20 {
        font-size: 15px!important;
    }

    .home-sec-2.box-head.rmsix1 {
        margin-top: -32px !important;
    }

    .reference-seznam img {
        max-height: 367px;
    }

    .green-boxes p,.blue-boxes p {
        font-size: 1rem;
        text-align: center;
    }

    .boxy-reference{
        top:-30vh;
        position: relative;
    }

    .section2-rmtwo-card, .section2-rmtwo-card1 {
        max-width: 30vw;
        width:30vw;
    }
    .kontakt-responsive{
        max-width: 30vw;
        width:30vw;
    }

    .section2-rmtwo .col-md-6 {
        width: 31%;
    }

    .contact-info-mobile .col-lg-4{
        max-width: 30vw;
        width:30vw;
    }

    .bothboxes {
        max-width: 50%;
        float: right;
    }

    .boxy-text{
        top:-8vh;
        left:5%;
        position: relative;
    }
    .reference-postup-realizace{
        margin-bottom:-21rem!important;
    }

    .blue-boxes .img____box1 img{
        margin-top: -36%;
    }

    .section1-rmfour-form {
        gap: 19%;
    }

    .accordion-button .align-items-center{
        gap:21%!important;
    }


}

@media (min-width: 992px) and (max-width: 1200px)

{ 
    .container .navbar-brand img {
        height: 160px;
        top: -20px;
        left: -7%;
    }

    .my-2 {
        margin-top: 1.5rem!important;
        margin-bottom: .5rem!important;
    }

    #paragraph-green p {
        font-size: 16px!important;
    }

    .details1-icon img {
        height: 79px;
    }

    .details-title {
        font-size: 19px;
    }

    .rmsix-section2 .col-12 .bg_img .bg_data .text {
        font-size: 12px;
        color: #fff;
        line-height: normal;
        letter-spacing: -0.6px;
    }

    .reference-hp img {
        max-width: 85%!important;
        max-height: 152px;
        object-fit: cover;
    }

    .section2-img img {
        max-width: 272px!important;
    }

    .fs-20 {
        font-size: 13px!important;
    }

    .section2-rmfive-text {
        font-size: 19px;
        font-weight: 600;
        color: #000000;
        text-align: left;
    }

    .section3-rmfive-img1 img {
        max-height: 261px;
    }

    .section3-rmfive-para {
        font-size: 14px;
        font-weight: 400;
        color: #000000;
        max-width: 500px;
        padding-top: 20px;
    }

    .section2-rmfive1 {
        margin-top: 73px;
    }

    .section5-rmfive {
        padding-top: 8%;
        padding-bottom: 4%;
        height: 396px;
    }

    .section1-rmone-paragraph {
        font-size: 14px;
    }

    .rmone-list1 {
        font-size: 14px;
    }

    .section1-rmone-list {
        background: #499A4A;
        display: inline-block;
        padding: 36px 48px 53px 40px;
        border-radius: 0px 30px 30px 2px;
        text-align: left;
    }

    .section2-rmone .pt-5 {
        padding-top: 0rem!important;
    }

    .section1-rmone {
        padding-bottom: 41px;
    }

    .section6-rmone {
        padding-top: 26px;
    }

    .section6-rmone-bg {
        background: #e2e0db;
        height: 202px;
        margin-top: -111px;
    }

    .accordion-button .d-flex img {
        width: 55px;
    }

    .accordion-button .heading {
        font-size: 27px!important;
    }

    .accordion-button .text {
        font-size: 13px!important;
        font-weight: 500!important;
    }
    
    .accordion-button.collapsed::after {
        right: -50px!important;
    }

    .accordion-button:not(.collapsed)::after {
        right: -50px!important;
    }

    .grey-box-title {
        color: white;
        font-size: 22px;
    }

    .grey-box {
        padding: 91px;
        max-height: 24rem;
    }
    .service-section-black {
        padding: 53px 0px;
    }

    .service-section-video {
        margin-bottom: 62px;
    }

    .service-row {
       padding-top: 0px; 
    }

    .servis-contact {
        margin-top: 51px;
        margin-bottom: 57px;
        border-left: 2px solid grey;
    }

    .side-buttons button span {
        font-size: 20px;
    }

    .section2-rmfour-para {
        font-size: 13px;
    }

    .section1-rmfour-form {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 21%;
        margin-top: -33px;
        position: relative;
    }

    .text-359945 {
        margin-top: 1.8rem!important;
    }

    .all-services-button a {
        font-size: 13px!important;
    }

    .all-services-button2 a {
        font-size: 13px!important;
    }

    .section2-button a {
        font-size: 13px;
    }

    .footer-top-button a {
        font-size: 13px;
    }
    .hero-section .text3 a {
        font-size: 13px;
    }

    .section1-rmfour-formbtn a {
        font-size: 13px;
    }

    .reference-seznam .section1-rmfour-formbtn.icon a {
        font-size: 13px!important;
    }

    .section4-button a {
        font-size: 13px;
    }

    .section1-rmfour-formbtn a {
        padding: 22px 45px;
    }

}

@media (min-width: 1000px) and (max-width: 1600px)
{
    .bg-rows-sections .bg-row .col-12 {
    
         justify-content: unset!important; 
    }
}


@media (min-width: 1201px) and (max-width: 1600px)
{ 
    
    .text-359945 {
        margin-top: 1.8rem!important;
    }

    .all-services-button a {
        font-size: 13px!important;
    }

    .all-services-button2 a {
        font-size: 13px!important;
    }

    .section2-button a {
        font-size: 13px;
    }

    .section1-rmfour-formbtn a {
        padding: 22px 45px;
    }

    .footer-top-button a {
        font-size: 13px;
    }
    .hero-section .text3 a {
        font-size: 13px;
    }

    .section1-rmfour-formbtn a {
        font-size: 13px;
    }

    .reference-seznam .section1-rmfour-formbtn.icon a {
        font-size: 13px!important;
    }

    .section4-button a {
        font-size: 13px;
    }

    .reference-hp img {
        max-width: 100%!important;
        max-height: 208px;
        object-fit: cover;
    }

    .rmsix-section1-text1 {
        font-size: 14px;
    }

    #paragraph-green p {
        font-size: 17px!important;
    }

    #paragraph-green {
        top: 158px;
        width: 695px;
        background: #359945 0% 0% no-repeat padding-box;
        border-radius: 43px 0px 0px 36px;
        opacity: 1;
        padding: 55px 48px 55px 69px;
        bottom: -22%;
    }

    #paragraph-green p {
        font-size: 18px!important;
    }

    #paragraph-green {
        top: 98px!important;
        width: 670px;
        border-radius: 45px 0px 0px 42px;
        padding: 55px 252px 55px 69px!important;
    }

    .details1-icon img {
        height: 88px;
    }

    .details-title {
        font-size: 21px;
    }

    .services-section {
        margin-bottom: -2px;
        margin-top: 25px;
    }

    .section1-rmone-heading {
        padding-top: 27px;
    }

    .section2-rmone .pt-5{
        padding-top: 0px!important;
    }

    .section1-rmone {
        padding-bottom: 27px;
    }

    .section6-rmone-bg {
        margin-top: -207px;
    }

    .accordion-button .heading {
        font-size: 28px!important;
    }

    .grey-box-title {
        color: white;
        font-size: 27px;
    }

    .icon-row {
        text-align: center;
        padding: 43px 0px 0px;
    }
    .reference-hp{
        margin-top: 2%;
    }

    .section2-rmfive-text {
        font-size: 23px;
    }

    .section2-img img {
        max-width: 232px!important;
    }

    .side-buttons button span {
        font-size: 17px;
    }

    .section1-rmfour-form {
        gap: 19%;
    }
}