@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Text&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&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;
    }
}

.joane {
    font-family: 'Joane Light' !important;
}

/* header */
body { background-color: #000; }
h1 { color: #9e7340; font-size: 5rem;}
p { color: #9e7340; }
.header { background-image: url('/www/assets/images/icwaste/cover.jpg'); height: 100vh; color: #fff; }
.logo { 
    height: 28px !important;
    object-fit: contain !important;
}
@media screen and (max-height: 900px) {
    .logo { height: 28px !important; margin-top: 0px; }  
    .navbar { padding-top: 0; padding-bottom: 0;}
}
.header button { font-family: 'Poppins-Light'; font-size: 1rem; padding: 30px 90px; width: 387px; height: 83px; }
h3 { font-family: 'Poppins-Light'; }
hr.intro { margin-bottom: 30px }
.navbar-nav { width: 100%; padding-left: 70px; padding-right: 70px;}
.homepage-button {
    width: 100vw;
    height: 100vh;
    background-color: #000;
}
.bg-video {
    height: 100vh;
    background: #000;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.bg-video video {
    width: 100%;
    height: auto;
    max-height: 100%;
}
@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 { font-family: 'Poppins-Light'; 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: #ededef !important;}
.bg-dark { background-color: #55090f !important;}
h6 {font-family: 'Poppins-Light'; font-size: 1.1rem; line-height: 1.5; font-weight: bold;}
ul li { font-family: 'Poppins-Light'; font-size: 1.0rem; line-height: 1.5; }
nav { font-family: 'FuturaPT-Medium'; }
tr td, tr th { font-family: 'Poppins-Light'; font-size: 1.0rem; }
a.navbar-brand {font-family: 'imperator'; font-size: 1rem;}
.sticky { position: sticky; top: 0; z-index: 9999; } 
@media (max-width: 991.98px) {
    .sticky { background-color: #18248c; } 
}
.nav-link, .nav-brand { color: #fff !important; }
.scroll-navbar { background-color: #000; position: fixed; width: 100%; }
.scroll-navbar .nav-link, .nav-brand { color: #9e7340 !important; }
.scroll-navbar a, .scroll-navbar a:hover { color: #9e7340 !important; }
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; }
}
.bg-light-red { background-color: rgba(144,21,21,0.3) !important;}
.nav-link:hover, .nav-brand:hover { font-weight: 800; }
@media (min-width: 992px) { .nav-item-kontakt { margin-left: 80px; } }
.display-5 {font-family: 'Libre Caslon Text', serif !important; 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 { font-family: 'Poppins-Light'; }
.social { position: relative; top: -113px; background: transparent; color: #fff; font-family: 'Poppins-Light'; }
.cid-scX4rjhdLH { padding-top: 7rem; padding-bottom: 7rem; }
.btn-blue { background-color: #3b5a37 !important; color: #fff; margin-left: 0; }
.btn-blue:hover { color: #fff; }
.btn-transparent { background-color: transparent; border-color: #9e7340; }
form { border: 1px solid #3b5a37; padding: 20px; box-shadow: -10px 5px 25px lightgrey; }
.footer4 { font-family: 'Poppins-Light'; padding-top: 5rem !important; padding-bottom: 5rem !important; }
.footer4 a.text-gold { color: #9e7340 !important; }
.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; }
}
.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 {
    color: #fff;
    font-weight: bold;
    background-color: #74542f;
    border: none;
    border-radius: 0;
}
.btn-light:hover, .btn-light:focus {
    background-color: #74542f;
    font-weight: 700;
}

@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 #1a1f30; width: 50px; border-width: 1px; float: left; position: relative; top: 7px; left: 12px; }
span.hidden-text { display: none; }
.nav-link.active { font-weight: bold; }

#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;
    }
}

.bg-grey { background-color: #ededef;  }
.bg-blue { background-color: #191f31; color: #fff;  }
.bg-brown { background-color: #55090f; color: #fff;  }
.bg-rose { background-color: rgb(144 21 21 / 7%) !important }
.text-dark { color: #9e7340 !important; }
.text-blue { color: #191f31 !important; }
.text-red, .text-danger { color: #f2003a !important; }

/* news */
.news {
    background-color: black;
}
.news h2 { font-size: 32px; color: #fafafa; }
.popular { border-bottom: 1px solid #fafafa; }
.popular h6 {
    font-size: 2.6rem !important;
    color: #fafafa;
}
.news-article { padding-bottom: 30px; border-bottom: 1px dashed #ccc;}
.news-article-small { padding-bottom: 10px;}
.control-bordered { border-top: 1px solid #fafafa; border-bottom: 1px solid #fafafa; padding-top: 15px; padding-bottom: 15px;}
/* /news */

/*contacts*/
.border-left { border-left: 1px solid #707070 !important; position: relative; left: -20px;}
.border-right { border-right: 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 { height: 100px; width: auto;}
.w-95 { width: 95% !important;}

/* ORB */
    .first-section { margin-top: 100px;}
    aside, aside ul li a { color: #9e7340;}
    .text-gold { color: #9e7340; }
    aside ul li a.active, aside ul li a:hover { font-weight: bold; color: #9e7340;}
    aside ul {list-style-type: none; }
    h3.country { color: #9e7340; position: absolute; top: 100px; }
    .border { border-color: #000 !important;}
    .footer-small-logo { width: 17px; } 
    .vertical { writing-mode: vertical-lr;}
    .czech-republic-hovered, .tiles-czech-republic-hovered { background-color: #9e7340; position: absolute; top: 0; left: 0; }
    .germany-hovered, .tiles-germany-hovered { background-color: #9e7340; position: absolute; top: 0; left: 0; }
    .italy-hovered, .tiles-italy-hovered { background-color: #9e7340; position: absolute; top: 0; left: 0; }
    .malta-hovered, .tiles-malta-hovered { background-color: #9e7340; position: absolute; top: 0; left: 0; }
    .malaysia-hovered, .tiles-malaysia-hovered { background-color: #9e7340; position: absolute; top: 0; left: 0; }
    .russia-hovered, .tiles-russia-hovered { background-color: #9e7340; position: absolute; top: 0; left: 0; }
    .turkey-hovered, .tiles-turkey-hovered { background-color: #9e7340; position: absolute; top: 0; left: 0; }
    .dubai-hovered, .tiles-dubai-hovered { background-color: #9e7340; position: absolute; top: 0; left: 0; }
    .dominican-republic-hovered, .tiles-dominican-republic-hovered { background-color: #9e7340; position: absolute; top: 0; left: 0; }
    .hong-kong-hovered, .tiles-hong-kong-hovered { background-color: #9e7340; position: absolute; top: 0; left: 0; }
    .great-britain-hovered, .tiles-great-britain-hovered { background-color: #9e7340; position: absolute; top: 0; left: 0; }
    .tiles-central-african-republic-hovered, .tiles-central-african-republic-hovered { background-color: #9e7340; position: absolute; top: 0; left: 0; }
    .text-white { color: #fff;}
    .hovered .btn { border-color: #fff; border-radius: 10px !important; margin-left: 0; color: #fff; font-family: 'Poppins-Light'; width: 140px; padding: 3px; margin-top: 40px; }
    .prev img { cursor:pointer; width: 90px; position: relative; top: 70px; }    
    .next img { cursor:pointer; width: 90px; position: relative; top: 70px; }    
    .bg-video { z-index: 1;}
    .skip-intro { z-index: 2; position: absolute; left: 50%; bottom: 10px; transform: translate(-50%, -50%); margin: 0 auto;}
    .skip-intro a:hover { color: #fff; }
    .tiles { position: absolute; }
    img.tile-bottom-image { position: absolute; bottom: 0;}
    .uvod p { font-family: 'Roboto', sans-serif; font-weight: bold; }
    .uvod a { 
        color: #9e7340;
        padding: 10px 40px 10px 40px; border-radius: 0px; font-size: 1.2rem; margin-bottom: 100px; font-family: 'Roboto', sans-serif; border: 1px solid #9e7340; 
        display: inline-block;
    }
    .uvod a:hover {
        background-color: #9e7340; color: #fff; text-decoration: none; 
    }
    @media (max-width: 1650px) {
        .tile h3 { font-size: 1.4rem; }
        small { font-size: 70% !important; }
    }

    @media (max-width: 1450px) {
        .tile h3 { font-size: 1.2rem; }
        small { font-size: 60% !important; }
    }


.foot-span {
    display: block;
    width: 1px;
    height: auto;
    border-right: 1px solid #9e7340;
}
/* /ORB */