/*@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Text&amp;display=swap');*/

@media (min-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1500px;
    }
}

@media (min-width: 992px) {
    .row > [class*="col"] {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* header */
.header { background-image: url('../../images/header.jpg'); height: 100vh; color: #fff; }
.logo { height: 170px !important; object-fit: contain !important; margin-top: 50px; margin-bottom: 10px; }
@media screen and (max-height: 900px) {
    .logo { height: 140px !important; margin-top: 0px; margin-bottom: 10px; }  
}
/*.header button {   font-size: 1rem; width: 294px;
    height: 73px; }*/
hr.intro { margin-bottom: 30px }
.navbar-nav { width: 100%; padding-left: 70px; padding-right: 70px;}
.bg-video {
    display: none;
    top: 0px;
    left: 0;
    z-index: 10000;
    background: #000b;
    width: 100vw;
    height: 100vh;
    position: fixed;
}
.bg-video .video-wrap {
    margin: auto;
    position: relative;
}
.bg-video .video-wrap svg {
    height: 1.9rem;
    cursor: pointer;
    position: absolute;
    right: -0.7rem;
    top: -0.7rem;
    z-index: 500; /* chrome fix */
}
.bg-video video {
    height: 100%;
    width: 100%;
    max-height: 90vh;
    max-width: 90vw;
}
@media (max-width: 991.98px) {
	.cid-scWUJnifrS .carousel-item img { object-fit: cover; }
    .carousel-logo { height: 135px !important; top: 0px !important; margin-bottom: 20px;}
}
@media (max-width: 576px) { 
    .carousel button {  letter-spacing: 7px; font-size: 0.8rem; padding: 17px; }
}
@media screen and (orientation:landscape) and (max-device-width: 1000px) {
    .carousel-logo { height: 60px !important; margin-bottom: 20px;  }
    .carousel button { font-size: 0.8rem; padding: 15px; }
}
@media screen and (orientation:landscape) and (max-device-width: 600px) {
    .carousel-caption { bottom: 3%;}
}
@media screen and (orientation:landscape) and (max-device-width: 780px) and (max-device-height: 360px) {
    .carousel-inner button { display: none; }
    .carousel-inner hr { display: none; }
    .carousel-caption { bottom: 28%; }
    .carousel-logo { height: 100px !important; }
}
span.hover-cursor:hover { cursor: pointer;}
/* /header */

.bg-light { background-color: #f7f7f8;}
h6 { font-size: 1.1rem; line-height: 1.5; font-weight: bold;}
ul li { font-size: 1.0rem; line-height: 1.5; }
nav {  }
a.navbar-brand { font-size: 1rem;}
.sticky1 { position: sticky; top: 0; z-index: 9999; } 

.nav-link, .nav-brand { color: #fff !important; }
.scroll-navbar { position: relative; width: 100%; transition: background-color 0.75s;}
.scroll-navbar .nav-link, .nav-brand { color: #fff !important; }
.scroll-navbar a, .scroll-navbar a:hover { color: #fff !important; }
.navbar-open .nav-spacer {
    width: 1px;
    background-color: #fff7;
}


.navbar-open .navbar-nav > .nav-item > a {
    text-shadow: -0.5px 0 #fff, 0.5px 0 #fff;
}
.nav-item a:hover {
    text-shadow: -0.5px 0 #fff, 0.5px 0 #fff;
}
.navbar a {
    text-transform: uppercase;
}
hr.intro { border: 2px solid #fff; width: 158px; position: relative; top: 10px;} 
@media (max-width: 991.98px) {
	.nav-item { margin-top: 0px; color: #000 !important;}
	.nav-item-kontakt { margin-left: 0px; } 
    .nav-link, .nav-brand { color: #000 !important; }
    .nav-item-lang { margin-left: 0px; }
}
@media (min-width: 992px) { .nav-item-kontakt { margin-left: 80px; } }
.display-5 { font-size: 4rem !important; line-height: 1.2; }
@media (max-width: 991.98px) { .display-5 { font-size: 3rem !important; line-height: 1.3 !important; } }
span.underline-centered { border-bottom: 3px solid #fff; width: 158px; position: absolute; left: 44%; margin: 36px auto 0 auto; }
/* .underlined-1:after { content: ""; position: absolute; width: 80px; left: 50px; border-bottom: 3px solid #1b2686; margin-top: 65px; margin-bottom: 20px; }
.underlined-2:after { content: ""; position: absolute; margin-left: auto; margin-right: auto; top: 65px; left: 0; right: 0; width: 20%; text-align: center; border-bottom: 3px solid #bba581; }
.underlined-3:after { content: ""; position: absolute; width: 80px; left: 50px; border-bottom: 3px solid #1b2686; margin-top: 91px; margin-bottom: 20px; } */
@media (max-width: 991.98px) { 
	span.underline-centered { width: 100% !important; left: 0 !important }
}
img.rcc_logo { width: 500px; }
.alert {  }
.social { position: relative; top: -113px; background: transparent; color: #fff;}
.cid-scX4rjhdLH { padding-top: 7rem; padding-bottom: 7rem; }
.btn-blue { background-color: #1a1f30 !important; color: #fff; margin-left: 0; }
.btn-blue:hover { color: #fff; }
form { border: 1px solid #1a1f30; padding: 20px; box-shadow: -10px 5px 25px lightgrey; }
.footer4 {  }
.bg-gold { background-color: #bba581 !important; }
.mbr-arrow-up { bottom: 40px; }

@media (max-width: 576px) { 
    a.navbar-brand { font-size: 0.7rem;} 
    .display-5 { font-size: 1.7rem !important; line-height: 1.2 !important; }
    .cid-scX4rjhdLH { padding-top: 0rem !important; padding-bottom: 0rem !important; }
    .underlined-1:after { left: 31px; margin-top: 53px; }
    .underlined-2:after { margin-top: 22px; }
    .underlined-3:after { margin-top: 61px; }
    .mbr-arrow-up { right: 10px; left: auto;}
}
.lang-icon {
    width: 28px;
}
nav a, nav a:hover {
    color: #fff;
}
@media (max-width: 576px) { 
    nav a, nav a:hover {
        color: #000;
    }

}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        left: -120px;
    }
}
.dropdown-toggle::after {
    vertical-align: 0 !important;
}
.btn-light, .btn-blue {
    color: #fff;
    font-weight: bold;
    background-color: rgba(69,84,135,0.8);
    border: none;
    border-radius: 0;
}
.btn-light:hover, .btn-light:focus, .btn-blue:hover, .btn-blue:focus {
    background-color: rgba(69,84,135,0.8);
    font-weight: 700;
}

.btn-blue:hover, .btn-blue:focus {
    font-size: 1.1rem;
}

@media screen and (orientation:landscape) and (max-device-width: 1000px) {
    .display-5 { font-size: 1.6rem !important; line-height: 1.3 !important; }
    .underlined-2:after { top: 111px; }
    .underlined-1:after { left: 32px; }
}
@media screen and (orientation:landscape) and (max-device-width: 600px) {
    hr.intro { top: 0;}
}
#top-1 { display: none; }

.underline { width: 80px; border-bottom: 3px solid #1a1f30; }
.read-more { font-weight: bold; float: left; }
.read-more-line { border-top: 1px solid #000; width: 50px; border-width: 1px; float: left; position: relative; top: 7px; left: 12px; }
span.hidden-text { display: none; }
.nav-link.active { text-shadow: -0.5px 0 #fff, 0.5px 0 #fff; }

#nav-icon1 {
    width: 20px; height: 3px; position: relative; margin: 10px 20px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;
}

#nav-icon1 span {
    display: block; position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 9px; opacity: 1; left: 0;
    -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) { top: 0px; }
#nav-icon1 span:nth-child(2) { top: 7px; }
#nav-icon1 span:nth-child(3) { top: 14px; }
#nav-icon1.open span:nth-child(1) { top: 7px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
#nav-icon1.open span:nth-child(2) { top: 7px; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
#nav-icon1.open span:nth-child(3) { top: 7px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
.vysouvaci-menu { min-height: 100px; width: 100%; background-color: rgba(24,36,140,0.8); }

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
    }
}

.header a.text-light:focus, .header a.text-light:hover {
    color: white !important;
}
.header a.text-light {
    transition: background-position 2s ease-in-out,font-size 0.2s ease-in-out !important;
}

.bg-grey { background-color: #ededef;  }
.bg-blue { background-color: #191f31; color: #fff;  }
.text-dark { color: #919192 !important; }
.text-blue { color: #191f31 !important; }
/* news */
.news h2 { font-size: 32px; }
.popular { border-bottom: 1px solid #1a1f30; }
.news-article { padding-bottom: 30px; border-bottom: 1px dashed #ccc;}
.news-article-small { padding-bottom: 10px;}
.control-bordered { border-top: 1px solid #1a1f30; border-bottom: 1px solid #1a1f30; padding-top: 15px; padding-bottom: 15px;}
/* /news */

/*contacts*/
.border-left { border-left: 1px solid #707070 !important; position: relative; left: -20px;}
/*/contacts*/

.card-royal-market { height: 630px; margin-bottom: 50px; }
img.royal-market-icon { width: 200px !important; margin-top: 0 !important;}
a.text-light:focus, a.text-light:hover, button.text-light:focus, button.text-light:hover { font-size: 1.1rem; }
.footer-logo { width: 100%; }
.footer4 a:hover { text-decoration: none;}
.w-95 { width: 95% !important;}

.dropdown-toggle {
    display: flex;
    align-items: center;
}
.dropdown-toggle::after {
    margin-left: 0.355em;
}
.footer-separator {
    color: white;
    font-weight: bold;
    margin: 0 0.9rem;
}
.franchise-links a {
    color: black;
}
.franchise-links a:hover {
    text-shadow: -0.5px 0 #000, 0.5px 0 #000;
    color: black;
}
.caption {
    height: 100%;
    display: flex;
    flex-direction: column;
    /*justify-content: space-evenly;*/
}
a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):hover{
    background-image: none !important;
}
@media (max-width: 991px){
    .navbar-nav {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .hero-buttons {
        flex-direction: column;
        align-items: center;
    }
    .card-title {
        margin-top: 2rem;
    }
}
.presentation-link:hover {
    text-shadow: -0.5px 0 #000, 0.5px 0 #000;
    color: black;
}
.presentation-link {
    color: black;
}
.videoplay {
    position: relative;
}
.videoplay i {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #cececeb0;
    font-size: 8rem;
    transform: translate(-50%,-45%);
    cursor: pointer;
    transition: all ease-in-out .5s;
}
.videoplay i:hover {
    color: rgba(255, 255, 255, 0.81);
    font-size: 10rem;
}
.social-links i {
    color: #fff;
    font-size: 1.4rem;
    margin-right: 0.5rem;
    margin-top: 0.3rem;
}
.visit-web {
   
    margin-top: 0.8rem;
    text-transform: uppercase;
}
.video-wrap svg {
    color: white;
}

.display-7 p{
   
    font-size: 13pt;
    line-height: 1.5;
}
.hidden-text {
    display: none;
}



.text-box {
    display: grid;
    grid-template-columns: repeat(4,1fr);
}
@media (max-width: 576px) {
    .text-box {
        grid-template-columns: repeat(1,1fr);
    }
}
@media (min-width: 577px) and (max-width: 992px) {
    .text-box {
        grid-template-columns: repeat(2,1fr);
    }
}

.text-box > div {
    background-color: rgb(24, 31, 51);
    color: white;
    
}

.text-box p {
    font-size: 0.8rem;
    line-height: 1.5;
}

.text-box > div {
    padding: 2rem;
}

.text-box {
    gap: 1.8rem;
}

.text-box h4 {
    margin-bottom: 1.7rem;
    font-size: 1.1rem;
}

.text-box > div:nth-child(1) > p:nth-child(2) {
    font-weight: normal;
}

