@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap'); * { font-family: "Cairo", sans-serif; } a, li, .navbar, button { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } li{ font-size: 18px; line-height: 34px; } a, a:hover { color: #da251c; } img{ max-width: 100%; } p{ font-size: 18px; line-height: 34px; padding: 5px 0; margin: 0; } h1, h2, h3{ padding: 5px 0 10px 0; margin: 0; } h4, h5, h6{ padding: 10px 0 5px 0; margin: 0; } ::marker{ color: #da251c; } .footer { background-color: #ffffff; text-align: center; margin-top: 0px; padding-top: 40px; padding-bottom: 40px; display: flex; position: relative; border-top: solid #da251c 6px; } .footer p { font-size: 16px; color: #686f74; margin-bottom: 0px; padding: 0px; } .footer p a { color: #686f74; } .footer p a:hover { text-decoration: none; color: #da251c; } .footer-nav { list-style-type: none; margin-bottom: 10px; } .footer-nav li { display: inline-block; margin-right: 50px; font-size: 18px; text-transform: uppercase; color: #ffffff; margin-bottom: 10px; } .footer-nav li a { color: #686f74; } .footer-nav li a:hover, .footer-nav li a.active { color: #da251c; text-decoration: none; } .footer-nav li:last-child { margin-right: 0; } .footer-left, .footer-right { position: absolute; top: 0; bottom: 0; width: 20%; background-size: cover; } .header .container-fluid { padding-right: 0; padding-left: 0px; } .header.small .navbar { height: 80px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); } .header.small .nav-link { line-height: 80px; } .header.small .navbar-brand img { height: 45px; } .header.large .navbar { height: 120px; } .header.large .nav-link { line-height: 120px; } .navbar { position: fixed; left: 0; top: 0; background-color: #ffffff; width: 100%; padding: 0 !important; z-index: 9998; } .navbar span{ position: absolute; bottom: 15px; color: #686f74; font-weight: 600; font-size: 20px; } @media(max-width: 991px){ .navbar span{ display: none; } } .nav-item { margin: 0 !important; position: relative; } .nav-item.active, .nav-item:hover { background-color: #f5f5f5; } .nav-item.active .nav-link, .nav-item:hover .nav-link { text-shadow: 0.2px 0 0 #4D555A; color: #4d555a; font-weight: bold; } .nav-item.active .nav-link i, .nav-item:hover .nav-link i { color: #da251c; } .nav-item.active:after, .nav-item:hover:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #da251c; } .nav-link { line-height: 118px; padding: 0 19px !important; color: #686f74; font-size: 18px; font-weight: 400; text-transform: uppercase; } .header .dropdown-menu { min-width: unset; } .nav-link i { color: #cccccc; font-size: 20px; } .main section { margin-bottom: 0px; display: block; } .main { font-size: 36px; font-weight: 600; color: #4d555a; margin-bottom: 40px; } .main h3 { font-size: 28px; font-weight: 600; color: #4d555a; margin-bottom: 30px; } .main p { font-size: 18px; color: #4d555a; line-height: 35px; } .main ul { padding-left: 20px; margin-bottom: 20px; } .main ul li { font-size: 18px; color: #4d555a; margin-bottom: 0px; padding-left: 0; } .main ol { padding-left: 20px; margin-bottom: 20px; } .main ol li { font-size: 16px; font-weight: 600; color: #da251c; margin-bottom: 10px; padding-left: 13px; } .main ol li span { font-size: 18px; font-weight: 400; color: #4d555a; } .main table { width: 100%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); } .main table thead th { font-size: 16px; color: #ffffff; font-weight: 400; padding: 10px 15px; background-color: #5e666a; } .main table tbody tr:nth-child(odd) { background-color: #ffffff; } .main table tbody tr:nth-child(even) { background-color: #f5f5f5; } .main table tbody tr td { font-size: 16px; color: #4d555a; padding: 10px 15px; } .main-image { height: 300px; position: relative; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); margin-bottom: 30px; display: block; } .main-image .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 5s; -moz-transition: all 5s; -webkit-transition: all 5s; -o-transition: all 5s; } .main-image .box { position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; } .main-image .text { position: absolute; left: 30px; bottom: 25px; } .main-image .text span { font-size: 30px; font-weight: 600; color: #ffffff; margin-bottom: 0; line-height: 1; } .main-image:hover .bg { transform: scale(1.5); } .slider { margin-top: 120px; overflow: hidden; } .slider .container { position: relative; } .slide-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .carousel-caption { left: 80px; right: 0; bottom: 80px; top: auto; padding-bottom: 30px; padding-top: 30px; text-align: left; border-left: solid 12px #da251c; } .carousel-item { height: 600px; } .carousel-caption:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgb(43,45,46,0.7); background: linear-gradient(90deg, rgba(43,45,46,0.9) 0%, rgba(0,0,0,0) 75%); opacity: 0.9; } .carousel-caption .caption-box { position: relative; padding-left: 50px; padding-right: 100px; } .carousel-caption .caption-box:after { /* content: ""; position: absolute; top: 6px; bottom: 6px; left: 0; width: 2px; background-color: #de9e48;*/ } .carousel-caption h2 { font-size: 48px; font-weight: 600; color: #ffffff; margin-bottom: 10px; } .carousel-caption p { font-size: 20px; font-weight: 200; color: #ffffff; margin-bottom: 0; } .carousel-indicators { left: auto; right: 0; top: auto; bottom: 67px; margin: 0 !important; } .carousel-indicators li { width: 14px; height: 14px; border-radius: 2px; opacity: 0.5; border: 1px solid #ffffff; margin-right: 14px; background: transparent; } .carousel-indicators li:last-child { margin-right: 0; } .carousel-indicators li.active, .carousel-indicators li:hover { background-color: #ffffff; opacity: 1; } .buttons { text-align: center; } .buttons a { display: block; } .services { padding-top: 80px; } @media(max-width: 575px){ .services { padding-top: 20px; } } .services .container-fluid { padding: 0 80px 30px; } .services span{ margin: auto; margin-bottom: 25px; display: block; font-size: 20px; line-height: 34px; text-align: center; max-width: 460px; color: #464646; } .service-button{ display: block; color: #fff; font-size: 20px; font-weight: 500; background-color: #da251c; margin: auto; padding: 8px 38px; width: -moz-fit-content; width: fit-content; text-align: center; margin-bottom: 40px; } .service-button:hover{ text-decoration: none; color: #ffffff; background-color: #E15049; } .service { height: 320px; position: relative; display: block; overflow: hidden; margin-bottom: 30px; } .service:hover { text-decoration: none; } .service__img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 3s; -moz-transition: all 3s; -webkit-transition: all 3s; -o-transition: all 3s; } .service__box { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; } .service__box .vertical_center { margin:auto; } .service__box:hover .vertical_center { top: 50%; position: absolute; left: 50%; transform: translate(-50%, -50%); } .service__box:hover { text-align: center; display: block; } .service .service__box span { display: none; color: #fff; text-transform: uppercase; font-size: 14px; } .service:hover .service__box span{ display: block; } .service:hover .service__box { background:rgb(218,37,28,.8); } .service:hover .service__box h3 { background-color: transparent; display: block; margin: 0 auto; padding: 0; } .service h3 { font-size: 24px; font-weight: 600; text-transform: ; color: #fff; background-color: #2b2d2e; padding: 15px 20px; display: inline-block; margin: auto; opacity: 0.9; } .about { padding-top: 120px; padding-bottom: 120px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); position: relative; } .about .row { align-items: center; } .about .about-img { position: relative; width: 100%; height: 540px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); overflow: hidden; } .about .about-img:hover .img { transform: scale(1.3); } .about .about-img .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; transition: all 5s; -moz-transition: all 5s; -webkit-transition: all 5s; -o-transition: all 5s; } .about .about-img:after { content: ""; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; border: solid 1px #eaebec; } .about h2 { font-size: 48px; font-weight: 600; color: #4d555a; margin-bottom: 60px; position: relative; padding-left: 35px; } .about h2:before { content: ""; position: absolute; left: 0; width: 2px; top: 7px; bottom: 7px; background-color: #da251c; } .about p { font-size: 20px; color: #4d555a; line-height: 35px; margin-bottom: 40px; } .about p:last-child { margin-bottom: 0; } .heading { margin-top: 120px; min-height: 180px; position: relative; display: flex; align-items: center; } .heading .row { align-items: center; } .heading__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } .heading h1 { font-size: 54px; font-weight: 600; color: #ffffff; margin-bottom: 0; } .heading .bread { padding: 0; list-style-type: none; margin-bottom: 0; } .heading .bread li { display: inline-block; color: #ffffff; font-size: 20px; font-weight: 600; } .heading .bread li a { color: white; font-weight: 400; } .heading .bread li a:hover { text-decoration: none; color: #da251c; } .heading .bread li:after { content: url("images/icons/bread-li.png"); display: inline-block; margin-left: 10px; margin-right: 7px; } .heading .bread li:last-child:after { display: none; } .content { padding: 10px 0; } .content.reference{ padding: 0px; } .breadcrumbs{ padding: 10px 0 15px 0; } .sidebar { margin-bottom: 50px; } .sidebar-item { margin-bottom: 25px; } .sidebar-item__heading { height: 100px; position: relative; display: block; } .sidebar-item__heading:hover h3 { color: #da251c; } .sidebar-item .heading-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; } .sidebar-item .heading-box { position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; border: solid 1px #b9bbbc; display: flex; align-items: center; } .sidebar-item h3 { font-size: 24px; font-weight: 600; color: #ffffff; text-transform: uppercase; margin: 0 auto; } .sidebar-item.multi .heading-box { bottom: 0; border-bottom-color: transparent; } .sidebar-item__links { background-color: #f5f5f5; position: relative; padding-bottom: 30px; padding-top: 40px; padding-left: 30px; padding-right: 30px; } .sidebar-item__links ul { list-style-type: none; padding: 0; margin: 0; position: relative; } .sidebar-item__links ul li { font-size: 20px; color: #4d555a; font-weight: 600; margin-bottom: 15px; } .sidebar-item__links ul li.active a { color: #da251c; } .sidebar-item__links ul li a { color: #4d555a; } .sidebar-item__links ul li a:hover { text-decoration: none; color: #da251c; } .sidebar-item .links-box { position: absolute; left: 10px; top: 0; right: 10px; bottom: 10px; border: solid 1px #e9e9e9; border-top-color: transparent; } .contact-form .row { margin-left: -10px; margin-right: -10px; } .contact-form .col-lg-4, .contact-form .col-12, .contact-form .col-lg-8 { padding: 0 10px; margin-bottom: 15px; } .contact-form .col-lg-8 { display: flex; align-items: center; } .contact-form input { box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); border: solid 1px transparent; background-color: #ffffff; border-radius: 0; height: 50px; line-height: 50px; font-size: 18px; color: #4d555a; padding-left: 17px; } .contact-form input:focus { outline: snow; box-shadow: none; border-color: #da251c; } .contact-form .input-group-text { background-color: #da251c; border: solid 1px #da251c; border-radius: 0; width: 50px; } .contact-form .input-group-text i { margin: auto; color: #ffffff; font-size: 16px; } .contact-form textarea { box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); border: solid 1px transparent; background-color: #ffffff; border-radius: 0; min-height: 150px; font-size: 18px; color: #4d555a; padding-left: 17px; padding-top: 10px; resize: none; margin-bottom: 5px; } .contact-form textarea:focus { outline: snow; box-shadow: none; border-color: #da251c; } .contact-form button, .contact-form input[type="submit"] { min-width: 225px; background-color: #da251c; text-align: center; height: 50px; font-size: 18px; font-weight: 600; color: #ffffff; border: none; cursor: pointer; } .contact-form button:hover, .contact-form input[type="submit"]:hover { background-color: #E15049; } .contact-form p { font-size: 18px; line-height: normal; margin-bottom: 0; margin-left: auto; } .navbar-brand{ padding-left: 30px; } @media (min-width: 1400px) { .heading { min-height: 300px; } } @media (min-width: 2000px) { .container { max-width: 1520px; } .service { height: 320px; } .carousel-caption { padding-bottom: 50px; padding-top: 50px; } .main-image { height: 380px; } } @media (min-width: 992px) and (max-width: 1199px) { .nav-link { padding: 0 8px !important; } .slider .carousel-caption { padding-top: 40px; padding-bottom: 40px; } .slider .carousel-indicators { bottom: 45px; } } @media(min-width: 991px) and (max-width: 1050px){ .nav-link { font-size: 16px; padding: 0 7px; } } @media (min-width: 768px) and (max-width: 991px) { .navbar { height: auto !important; padding-top: 3px !important; } .navbar-brand img { height: 45px; } .navbar-toggler[aria-expanded="true"] { color: #da251c; } .navbar-nav { padding-top: 20px; padding-bottom: 10px; text-align: center; } .nav-item.active .nav-link, .nav-item:hover .nav-link { color: #da251c; } .nav-item.active:after, .nav-item:hover:after { display: none; } .nav-link { line-height: 40px !important; } .slider { margin-top: 60px; } .slider .carousel-caption { padding-top: 20px; padding-bottom: 20px; } .slider .carousel-caption h2 { font-size: 24px; } .slider .carousel-caption p { font-size: 16px; } .slider .carousel-indicators { bottom: 25px; } .service { height: 230px; } .about { padding-top: 60px; padding-bottom: 60px; } .about h2 { margin-bottom: 30px; } .about p:last-child { margin-bottom: 40px; } .about .about-img { height: 230px; } .footer { padding-top: 50px; padding-bottom: 30px; } .footer-nav { padding: 0; } .footer-nav li { display: block; margin-right: 0; } .heading { margin-top: 60px; } .contact-form p { margin-right: auto; } } @media (max-width: 767px) { .navbar { height: auto !important; padding-top: 3px !important; } .navbar-brand { padding-left: 30px; margin-left: 15px; } .navbar-brand img { height: 45px; } .navbar-toggler { margin-right: 15px; } .navbar-toggler[aria-expanded="true"] { color: #da251c; } .navbar-nav { padding-top: 20px; padding-bottom: 10px; text-align: center; } .nav-item.active .nav-link, .nav-item:hover .nav-link { color: #da251c; } .nav-item.active:after, .nav-item:hover:after { display: none; } .nav-link { line-height: 40px !important; } .slider { margin-top: 60px; } .slider .carousel-caption { padding-top: 20px; padding-bottom: 20px; } .slider .carousel-caption h2 { font-size: 22px; margin-bottom: 0; } .slider .carousel-indicators { bottom: 25px; right: 15px; } .service { height: 180px; } .service h3 { font-size: 20px; } .about { padding-top: 60px; padding-bottom: 60px; } .about h2 { font-size: 30px; margin-bottom: 30px; } .about p { font-size: 18px; } .about p:last-child { margin-bottom: 40px; } .about .about-img { height: 230px; } .footer { padding-top: 50px; padding-bottom: 30px; } .footer-nav { padding: 0; } .footer-nav li { display: block; margin-right: 0; } .heading { margin-top: 60px; } .contact-form p { margin-right: auto; } .heading h1 { font-size: 36px; } .sidebar-item__heading { height: 100px; } .sidebar-item__links { padding-top: 15px; padding-bottom: 5px; } .main h2 { font-size: 36px; } .main h3 { font-size: 28px; } } /*# sourceMappingURL=style.css.map */ .banner h2 { font-size: 48px; color: #fff; font-weight: bold; text-align: center; margin-top: 170px; margin-bottom: 40px; } .banner .row{ margin: 0; } .banner .buttons { } .banner .buttons .orange-button { background: #da251c; color: #fff; padding: 15px 60px; width: max-content; margin: auto; font-size: 18px; font-weight: bold; text-decoration: none; } .banner .buttons .orange-button:hover { background: #E15049; } .how { text-align: center; padding-top: 40px; } .how .container-fluid { padding: 0 80px; } .how .item::after { content: ""; display: block; height: 2px; width: 68px; background: url("images/how/line.png"); position: absolute; top: 50%; right: -15%; } .how .item:last-child::after { display: none; } .how h2::before { content: ""; display: block; width: 30px; height: 2px; background: #ddd; margin: auto; margin-bottom: 15px; } .how h2 { font-size: 30px; font-weight: bold; margin-bottom: 40px; } .how .item img { display: block; margin: auto; margin-bottom: 20px; } .how .item strong { display: block; font-size: 20px; } .how .item span { display: block; color: #da251c; font-size: 18px; margin-bottom: 40px; } .advantages { text-align: center; justify-content: center; background: #000000; padding: 60px 0; } @media(min-width: 1600px){ .advantages .container{ min-width: 1600px; } } .advantages .item{ flex: 0 0 25%; max-width: 25%; } .advantages .item img { display: block; margin: auto; margin-bottom: 30px; } .advantages .item span { display: block; color: #ffffff; font-size: 18px; padding: 0 20px; font-weight: 600; max-width: 230px; margin: auto; } @media(max-width: 767px){ .advantages { padding: 0 0 30px 0; } .advantages .item{ flex: 0 0 100%; max-width: 100%; } .advantages .item img{ margin-bottom: 10px; margin-top: 30px; } } .banner { background-image: url("../img/content/banner.jpg"); height: 500px; background-size: cover; } .banner .container-fluid{ height: 100%; padding: 0; background-color: rgba(0,0,0,0.3) } @media (max-width: 991px) { .carousel-item { height: 300px; } .slider .carousel-caption p { font-size: 16px; display: none; } } @media (max-width: 575px) { .carousel-caption { left: 20px; } .services .container-fluid { padding: 0 20px; } } @media (max-width: 1199px) { .how .item::after { display: none; } } .header .dropdown i { font-size: 9px; color: #000; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; } @media(max-width: 991px){ .header .dropdown i { position: absolute; top: 20px; right: 1px; padding: 15px 20px; } .header.large .nav-link{ margin: 0 20px; } .dropdown-item{ text-align: center; } } .header .dropdown { padding-right: 10px; } @media(max-width: 991px){ .header .dropdown { padding-right: 0px; } } .dropdown-menu { font-size: 20px; border-radius: 0; color: #686f74; font-size: 18px; font-weight: 400; text-transform: uppercase; margin: 0; border: 0; box-shadow: 0 5px 10px rgba(0,0,0,0.2); } .contact-form label { margin-top: 20px; } .contact-form { margin-top: 40px; } .checkbox-group label { margin: 0; } .checkbox-group input { height: 0; display: inline; } .main img { max-width: 100%; } .main ul li { position: relative; } /* .main ul li::before { content: ""; background: #da251c; height: 8px; width: 8px; display: block; position: absolute; left: -18px; top: 50%; transform: translateY(-50%); } */ .dropdown .dropdown-menu{ display: none; } .dropdown.show .dropdown-menu{ display: block; } @media(min-width: 992px){ .dropdown:hover .dropdown-menu { display: block; } } #cookie-lista{ font-size:99%; } #cookie-lista-in{ position:fixed; bottom:0; left:0; z-index:10000; text-align:center; color:white; background:rgba(0,0,0,.60); } #cookie-lista p{ padding:0 10px; margin:5px auto; color: white; } #cookie-lista a,#cookie-lista a:visited{ color:white; } #cookie-lista a:hover{ color:white; } .cookie-lista-accept{ display:inline-block; text-decoration:none; padding:.3em 1em; margin-left:.5em; background:#da251c; -moz-border-radius:.4em; -webkit-border-radius:.4em; border-radius:.4em; } .galerie h2 { font-size: 33px; font-weight: 600; margin-bottom: 30px; } .uvod{ background-color: #f3f5f7; padding: 70px 0; } .uvod .row{ margin: 0; } .uvod .col-md-4{ margin: auto; } .uvod-link{ font-weight: 600; font-size: 24px; } .uvod-link i{ font-size: 18px; } .uvod-link:hover, .uvod-link i:hover{ text-decoration: none; color: #E15049; } .subpage{ padding-top: 120px; } @media(max-width: 1050px){ .subpage{ padding-top: 55px; } } button:focus{ outline: 5px auto #da251c; } .gallery{ padding: 10px; } .gallery .row .row div { padding: 10px; } .gallery a:hover img{ opacity: 0.7; } /* stylování modulu blog/kariera */ .bg-blog{ height: 100%; background-size: cover; background-repeat: no-repeat; } .nabidky a:hover{ text-decoration: none; } .blog-item{ display: flex; flex-grow: 1; margin: 10px 0; width: 100%; height: 230px; background-image: url('../img/content/logo-kariera.jpg'); background-position: center; background-size: cover; } .blog-item div{ display: flex; width: 100%; height: 100%; } .blog-item div h3{ font-size: 24px; font-weight: 600; text-transform: ; color: #fff; background-color: #2b2d2e; padding: 15px 20px; display: inline-block; margin: auto; opacity: 0.9; max-width: 300px; text-align: center; } a:hover .blog-item div{ background-color: rgb(218,37,28,0.8); } a:hover .blog-item h3{ background-color: transparent; text-decoration: none; } .blog-info{ line-height: 30px; } .subpage.clanek{ padding-top: 120px; } .references { background-color: #e7e7e7; padding-bottom: 40px; } .references h3 { font-weight: 700; font-size: 1em; text-align: left; margin-top: 5px; } .references h3 > a { color: #434343; -webkit-transition: color .3s ease; transition: color .3s ease; } .references h3 > a:hover { color: #e4001b; } .references .more { color: #fff; background-color: #d7021b; font-weight: 500; line-height: 45px; text-shadow: 0px 1px 0px #870716; text-decoration: none; display: inline-block; width: 225px; height: 45px; border-radius: 2px; } .references .more:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c6051b+0,e30a23+100 */ background: #c6051b; /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, #c6051b 0%, #e30a23 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #c6051b 0%, #e30a23 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .cleaner{clear:both;height:0px;} .reference-image-lichy { float: left; width: 50%; } .reference-text-lichy { float: right; width: 50%; text-align: center; padding-top: 20px; } .reference-image-sudy { float: right; width: 50%; } .reference-text-sudy { float: left; width: 50%; text-align: center; padding-top: 20px; } a.reference-nazev { font-size: 2em; font-weight: 300; text-decoration: none; } a.reference-nazev:hover { text-decoration: underline; } a.reference-nazev > img:hover { opacity: 0.8; } .reference h2 { font-size: 1.875em; font-weight: bold; text-transform: none; } .reference p { width: 80%; margin: 30px auto; } .reference a.reference-nazev { font-size: 1em; font-weight: 600; padding-bottom: 5px; border-bottom: #e4001b solid 1px; } .reference a.reference-nazev:hover { text-decoration: none; border: none; } @media (max-width: 1199px) { .reference-image-lichy { float: none; width: 100%; text-align: center; } .reference-text-lichy { float: none; width: 100%; text-align: center; padding-top: 0px; margin: 15px 0 30px 0; } .reference-image-sudy { float: none; width: 100%; text-align: center; } .reference-text-sudy { float: none; width: 100%; text-align: center; padding-top: 0px; margin: 15px 0 30px 0; } } .fotky-reference{ position: relative; margin: 15px 0; } .fotky-reference div{ position:absolute; top: 0; height: 100%; width: calc(100% - 30px); background-color: rgb(218,37,28,0.8); z-index: 50; display:none; transition: .5s; } .fotky-reference:hover div{ display: block; transition: .5s; } @media(max-width: 767px){ .fotky-reference div{ width: calc(100% - 15px); } } .fotky-reference div p{ position:absolute; text-align: center; color: #ffffff; margin: 0; width: 100%; font-size: 25px; font-weight: 600; top: 50%; left: 50%; transform: translate(-50%, -50%); } .s-newsletter { color: #fff; background-color: #4c4c4c; padding: 50px 0; } .s-newsletter h2 { font-weight: 400; color: #fff; font-size: 2.375em; font-family: 'Ubuntu Condensed', sans-serif; text-transform: uppercase; margin-bottom: 5px; } .s-newsletter__container { position: relative; } .s-newsletter__form { background-color: #2f2f2f; right: 0; position: absolute; top: calc(50% - 19px); width: 360px; height: 45px; padding: 3px 95px 3px 3px; } @media(max-width: 767px){ .s-newsletter{ padding: 10px 0px 40px 0px; } .s-newsletter__form{ position: relative; margin-top: 20px; max-width: 100%; top: auto; } } .s-newsletter__form > input { background-color: transparent; font-style: italic; line-height: 20px; width: 100%; height: 39px; padding: 9px 13px; border: 0; border-radius: 0; outline: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .s-newsletter__form > input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #fff; } .s-newsletter__form > input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; opacity: 1; } .s-newsletter__form > input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; opacity: 1; } .s-newsletter__form > input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; } .s-newsletter__form > input::-ms-input-placeholder { /* Microsoft Edge */ color: #fff; } .s-newsletter__form > button { background-color:#e4001b; color:#fff; font-weight: 500; font-size: 0.9375em; text-shadow: 0px 1px 0px #870716; position: absolute; top: 3px; right: 3px; width: 75px; height: 39px; padding: 0; border: 0; outline: none; border-radius: 2px; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .s-newsletter__form > button:hover { background-color: #ef021e; } .iframe{ margin-bottom: -7px; } .entry-content table { overflow-x: auto; width: 100%; margin-bottom: 30px; } @media(max-width: 767px){ .entry-content table { display: block; } } .entry-content table > thead > tr > th, .entry-content table > thead > tr > td, .entry-content table > tbody > tr > th, .entry-content table > tbody > tr > td, .entry-content table > tfoot > tr > th, .entry-content table > tfoot > tr > td { line-height: 1.7; vertical-align: top; } .entry-content table tr:nth-child(even) { background-color: #f6f6f6; } .entry-content table tr:nth-child(odd) { background-color: #fff; } .entry-content table th, .entry-content table thead tr td{ border-collapse: collapse; border-spacing: 0; padding: 10px 20px; text-align: left; background: #da251c; color: white; } .entry-content table tfoot tr td{ border-collapse: collapse; border-spacing: 0; padding: 10px 20px; text-align: left; background: #353535; color: white; } .entry-content table td { padding: 10px 20px; text-align: left; } .entry-content a img:hover { opacity: 0.7; } .content.content-first{ padding-bottom: 0px; } .dropdown-item.active, .dropdown-item:active{ background-color: #da251c; }