html { scroll-behavior: smooth; } body { background: #ffffff; color: #333333; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; line-height: 1.5em; } .img-responsive {margin:0px auto;} .img-thumbnail {margin-bottom: 15px; border-radius: 0px;} p, ul, table { margin-bottom: 15px; } ul { line-height: 1.5em; } h1,h2,h3,h4,h5, .h1,.h2,.h3,.h4,.h5, h6,.h6 { color: #313846; font-family: 'Oswald', sans-serif; line-height: 1.5; font-weight:normal; margin-bottom: 15px; display: block; } h1,.h1 {font-size:30px;} h2,.h2 {font-size:26px;} h3,.h3 {font-size:22px;} h4,.h4 {font-size:18px;} h5,.h5 {font-size:18px;} h6,.h6 {font-size:18px;} @media(min-width: 992px){ .radek { display: table; height: 1px; width: 100%; } .sloupec { display: table-cell; float: none !important; height: 100%; vertical-align: top; } } a {color:#000; text-decoration: underline; } a:hover, a:focus {color:#dddc00;} .zahodit {display:none;} .align-center { text-align: center; } .btn { font-family: 'Oswald', sans-serif; font-size: 16px; line-height: 1.5em; min-width: 260px; padding: 12px 12px; background: transparent; color: #262b35; text-transform: uppercase; text-decoration: none; border: 1px solid #262b35; border-radius: 0px; } .btn:hover { color:#ffffff; background:#dddc00; border-color:#dddc00; } p+p>.btn:first-child { margin-top:30px; } .btn-primary, .pagination > .active > a { border-color: #262b35 !important; color: #ffffff; text-shadow: none; background-color: #262b35; font-weight:normal; } .btn.btn-primary { line-height: 30px; font-size: 20px; padding: 9px 5px; min-width: 265px; } .btn-primary:hover, .pagination > li > a:hover, .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus, .btn-primary:active, .pagination > .active > a:active, .btn-primary:focus, .pagination > li > a:focus { color:#ffffff; background:#dddc00; border-color:#dddc00 !important; } .form-control {border-radius: 0px;} .form-control:focus {border-color:#333333;} .control-label {display:inline-block; height:34px; line-height: 34px; vertical-align: middle; font-weight: normal;} header { height:50px; background:#262b35; transition: all 0.2s; } #header { position: fixed; top: 0; z-index:999; height: 50px; width: 100%; text-align: center; background-color: #dddc00; transition: all 0.2s; } #header-top { position: relative; } .scrolled #header { height: 51px; border-bottom: 1px solid #262b35; -webkit-box-shadow: 0px 1px 0px 0px rgba(130,130,130,0.7); -moz-box-shadow: 0px 1px 0px 0px rgba(130,130,130,0.7); box-shadow: 0px 1px 0px 0px rgba(130,130,130,0.7); } .menuOpened #header { height:51px; } #top-pruh { display:none; } #logo { display:inline-block; text-align: left; padding:0px 75px 0px 0px; } #logo img { max-width:100%; height:auto; max-height: 50px; width: auto; transition: all 0.2s; } .scrolled #logo img, .menuOpened #logo img { height:50px; transition: all 0.2s; } #header-right-block { transition: all 0.2s; position:absolute; top:0px; right:0px; bottom:0px; padding:5px 15px 0px 30px; width:90px; background:url('/img/bg-menu.png') 0px 0px no-repeat transparent; margin:0px; } .scrolled #header-right-block, .menuOpened #header-right-block { padding-top:5px; transition: all 0.2s; } .navbar-collapse {top:0px; position:relative; z-index:999;} nav.navbar { height:0px; min-height:0px; margin: 0px 0px 0px 0px; border:0px none; } #mainMenu .navbar-collapse {padding-left:0px; padding-right: 0px; border-color:#262b35; color:#ffffff; height: 100%; overflow: auto; width:100%; margin:0px; } #mainMenu { text-align: left; } #mainMenu .container { background-color: #262b35; margin-left:-15px; margin-right: -15px; } #mainMenu .navbar-nav { margin:0px; padding-top:5px; line-height: 30px; padding-bottom: 15px; } #mainMenu a { color: #b9d4e9;; line-height: 20px; text-transform: uppercase; border:0px none; outline: 0px none; font-family: 'Oswald', sans-serif; font-weight: normal; text-decoration: none; } #mainMenu a:hover, #mainMenu a:focus, #mainMenu a.active, #mainMenu .active a {color:#dddc00; background-color: transparent;} #mainMenu a.home span.glyphicon { display: none; } #mainMenu a.home span.txt { display:inline; } #mainMenu a.menu-btn-extra { background:#dddc00; color:#ffffff; } #mainMenu a.menu-btn-extra:hover { background:#dddc00; } #mainMenu .dropdown-menu {margin:-1px 0px 0px 0px; padding: 1px 0px 0px 0px; background:#666;} body.menuOpened { background-color:#262b35; } .menu-opened-hide { height:auto; } .menuOpened .menu-opened-hide { height:0px; overflow: hidden; } .menuOpened #header { position: relative; } .dropdown.opened .dropdown-menu {display:block;} .navbar-toggle {background:#dddc00; color:#ffffff; margin-right: 0px; margin-top:0px; height: 40px; border:0px; margin-bottom:0px; } .navbar-toggle:hover { background:#dddc00; } @media(min-width: 1230px){ #header { background-color: #dddc00; } } .carousel-control {display:none;} a i.glyphicon {padding-right:5px;} footer { background-color: #262b35; color: #d7d7d7; text-align: center; } footer a { color: #ffffff; } #footer { background:#262b35; color:#dddc00; } #footer-map { height: 330px; object-fit: cover; position: relative; background-image: url('/img/mapa.jpg'); background-size: cover; background-position-y: top; background-position-x: 50%; background-repeat: no-repeat; } #googleAttrib{position:absolute;bottom:0;right:0;background:rgba(245,245,245,0.7);height:14px;line-height:14px;font-size:10px;padding:0 6px;color:#000000;} #footer-map .btn { top: 50%; left: 0; right: 0; margin: 0 auto; width: 120px; min-width: initial; padding: 12px 20px; border-radius: 22px; background-color: #647390; color: #ffffff; font-family: "Poppins"; font-size: 15px; font-weight: 600; } #footer-map .btn:hover, #footer-map .btn:focus { background-color: #007744; } #footer-map .map_link { position: absolute; top: 0px; left: 0px; right: 0px; display: block; width: 100%; height: 100%; } #footer-bottom { text-align: center; font-size: 13px; padding: 23px 0px 8px 0px; } #footer-bottom p {margin:0px; padding: 0px 0px 15px 0px; line-height: 21px; vertical-align: bottom; overflow: hidden;} #footer-bottom .link { color: #dddc00; margin-left: 10px; } #footer-bottom .link:hover, #footer-bottom .link:focus { color: #ffffff; } #footer-bottom .footer-copyright-cp a { display:inline-block; height:24px; padding:0px; } #footer-bottom .footer-copyright-cp a#logo-cp {width:124px; height: 24px;} #footer-bottom .footer-copyright-cp a#logo-cpedit { width:46px; height: 14px;} #footer-bottom .footer-copyright-cp a .svg-icon { width: 100%; height: 100%; vertical-align: middle; fill: #ffffff; padding: 0 5px; } #footer-bottom .footer-copyright-cp a:hover .svg-icon { fill: #dddc00; } @media(min-width: 992px){ #footer-bottom p { text-align: right; } #footer-bottom .footer-copyright-cp p { text-align: left; } } .page-content .table-responsive { overflow: auto; border: none; max-width: 100%; } .page-content table { width: 100%; border: 1px solid #d5d5d5; margin-bottom: 30px; } .page-content table th, .page-content table thead td { border: 1px solid #d5d5d5; background-color: #E0E0E0; text-align: left; vertical-align: middle; padding: 8px 10px; font-weight: normal; } .page-content table td { border: 1px solid #d5d5d5; text-align: left; vertical-align: middle; padding: 3px 10px; } .page-content table th.th-extra, .page-content table thead td.th-extra { background:#23232F; color:#ffffff; } .page-content table td.td-extra { background:#E0E0E0; color:#666; } .page-content table tr:nth-child(odd) td { background:#F4F4F4; } @media(min-width: 768px){ h1,.h1 {font-size:40px;} h2,.h2 {font-size:28px;} h3,.h3 {font-size:24px;} h4,.h4 {font-size:20px;} h5,.h5 {font-size:20px;} h6,.h6 {font-size:20px;} #top-pruh { display:block; position:absolute; bottom:0px; top:0px; right:0px; left: 50%; transition: all 0.2s; margin-left:360px; background:#262b35;} #logo { padding-right: 30px; } #header>.container { position:relative; text-align: left; height:100%; } .navbar-header { float: none; } .navbar-toggle { display: block; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 15px; padding-left: 15px; } .navbar-collapse.collapse { display: none !important; overflow: auto !important; left:0px; } .navbar-collapse.collapse.in { display: block !important; margin-top: 0px; height:100% !important; } .navbar-nav>li {float:none;} .navbar-nav { float: none; margin: 7px -15px; } } @media (min-width: 992px){ #top-pruh { margin-left:470px; } header, #header { height:70px; } #logo img { max-height: 66px; margin-top: 2px; } #header-right-block { padding-top:15px; } } @media (min-width: 1230px){ .container { width: 1200px; } #top-pruh { margin-left:585px; } #header-right-block { display:none; } .navbar-nav { float: left; margin:0px; } .navbar-header, .navbar-nav>li { display:inline; } .navbar-toggle { display: none; } .navbar-collapse.collapse{ overflow: visible !important; height: auto !important; display: block !important;} #mainMenu { float:right; border-radius: 0px; text-align: right; background:url('/img/bg-hlavicka.png') 0px 0px no-repeat transparent; height: 70px; padding:0px 0px 0px 30px; line-height:30px; vertical-align: middle; transition: all 0.2s; } #mainMenu .container { width:auto; padding:20px 0px 20px 0px; background:#262b35; transition: all 0.2s;} #mainMenu .navbar-nav { float:none; padding:0px; line-height: 20px; height: 30px; } #mainMenu .navbar-nav li { background: transparent;} #mainMenu a {padding:5px 6px; font-size: 14px; border:0px none; text-align: center; display: inline-block; height: 30px; } #mainMenu a.home span.glyphicon { display:inline; } #mainMenu a.home span.txt { display: none; } #mainMenu .navbar-collapse {background-color:transparent; color:inherit; top:auto; height:auto !important; position:relative; } .scrolled #mainMenu { height: 50px; transition: all 0.2s; } .scrolled #mainMenu .container { padding:10px 0px 10px 0px; transition: all 0.2s; } body.menuOpened { background-color:#ffffff; } .menuOpened .menu-opened-hide { height:auto; } .menuOpened #header { position: fixed; height: auto; } .menuOpened #logo img { height:70px; max-height: none; } .scrolled.menuOpened #logo img { height:50px; } } #main_block { padding-bottom:15px; background-color: transparent; } .gallery {text-align: center; margin-bottom:10px;} .gallery .img-thumbnail { border: none; background: transparent; margin-bottom: 15px; text-decoration: none;} .gallery .img-thumbnail:hover { color:#dddc00; } .gallery .video-title { display: block; border:1px solid #d5d5d5; color:#666; font-size:14px; text-align: center; padding:12px 5px; line-height: 17px; height: 60px; width: 100%; overflow: visible; margin-top:5px; text-decoration: none;} .gallery .img-thumbnail:hover .video-title { color:#dddc00; } #soubory a { color:inherit; text-decoration: none; } #soubory a:hover { color:#dddc00; } @media screen and (min-width: 1230px){ body {overflow:auto !important;} } .pagination>li:first-child>a, .pagination>li:first-child>span { border-bottom-left-radius: 0; border-top-left-radius: 0; } .pagination>li:last-child>a, .pagination>li:last-child>span { border-bottom-right-radius: 0; border-top-right-radius: 0; } .articles .article {border-bottom:1px solid #e0e0e0;} .articles .article h2 {color:#333333; font-size:18px;} .articles .article h2 a {text-decoration:underline;} .article-meta {margin-bottom:10px;} .article-meta a {text-decoration: underline;} .pagination > li > a, .pagination > li > span { padding: 3px 9px; color: #666666; background-color:#ffffff; border-color:#cecece; font-weight:normal; font-size:1.0em; margin: 0px 5px 0px 0px; border-radius: 0px; } .pagination > li > a i.glyphicon {padding:0px; font-size:0.9em;} .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{ background-color: #cc0000; border-color: #cc0000; color:#ffffff; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #cc0000; border-color: #cc0000; color:#ffffff; } .popup-block-content {padding: 15px;} .padding-min { padding-right: 12px; } .padding-min .col-sm-1, .padding-min .col-sm-2, .padding-min .col-sm-3, .padding-min .col-sm-4, .padding-min .col-sm-5, .padding-min .col-sm-6, .padding-min .col-sm-7, .padding-min .col-sm-8, .padding-min .col-sm-9, .padding-min .col-sm-10, .padding-min .col-sm-11, .padding-min .col-sm-12, .padding-min .col-lg-1, .padding-min .col-lg-2, .padding-min .col-lg-3, .padding-min .col-lg-4, .padding-min .col-lg-5, .padding-min .col-lg-6, .padding-min .col-lg-7, .padding-min .col-lg-8, .padding-min .col-lg-9, .padding-min .col-lg-10, .padding-min .col-lg-11, .padding-min .col-lg-12, .padding-min .col-md-1, .padding-min .col-md-2, .padding-min .col-md-3, .padding-min .col-md-4, .padding-min .col-md-5, .padding-min .col-md-6, .padding-min .col-md-7, .padding-min .col-md-8, .padding-min .col-md-9, .padding-min .col-md-10, .padding-min .col-md-11, .padding-min .col-md-12 { padding-left: 2px; padding-right: 2px; } object, iframe {max-width: 100%;} h1, h2.h1 { background: transparent url('/img/cara-pod-nadpis.png') 50% 100% no-repeat; padding-bottom: 5px; } .cp-select select { cursor:pointer; border:0px; color: #333333; font-size: 16px; font-weight: normal; padding: 10px 50px 10px 12px; height:50px; width: 100%; background: #ffffff; background: url('/img/cp-select.png') 100% 0px no-repeat #ffffff; appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none; } .cp-select select::-ms-expand { display: none; } .cp-select { overflow:hidden; position:relative; width:100%; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background: transparent; } .cp-select select:focus { color:#333333; } .bordered-box { border:1px solid #d5d5d5; padding:15px 20px 15px 20px; text-align: left; margin-bottom:30px; } .bordered-box>h2:first-child { margin-top:0px; } .page-content ul { list-style: circle outside url('/img/li.png'); text-align: left; padding-left:20px; } .page-content ul li { margin-bottom: 10px; padding-left:5px; } #fotky { background:#eeeeee; padding:15px 15px; text-align:center; text-transform: uppercase; margin-top:60px; margin-bottom:30px; } .foto-vice {display:none;} .foto-skryte {display:none;} .foto-skryte+.foto-vice {display:block;clear:both;} .homepage section { text-align: center; } .homepage section { padding-bottom: 30px; line-height: 1.8em; } section h1, section h2.h1 { font-size: 30px; margin-top: 45px; margin-bottom: 25px; text-transform: uppercase; } @media (min-width: 992px){ section h1, section h2.h1 { font-size: 35px; margin-bottom: 30px; } } @media (min-width: 1230px){ section h1, section h2.h1 { font-size: 40px; margin-top: 60px; } } section#uvod { position: relative; z-index: 1; padding-bottom: 0px; } section#uvod .uvod_img_block { max-height: 375px; overflow: hidden; } section#uvod .uvod_img_block img { height: 100%; width: 100%; object-fit: cover; } @media(min-width: 460px) and (max-width: 767px) { section#uvod .uvod_img_block img { transform: translateY(-10%); } } @media(min-width: 768px){ section#uvod .uvod_img_block { max-height: 780px; } } #uvod-section { position: relative; background:#262b35; color:#ffffff; padding: 30px 15px; text-transform: uppercase; border-bottom: 5px solid #ffffff; } #uvod-section h1 { font-size: 28px; color:#dddc00; margin-top: 0px; margin-bottom: 20px; padding: 0px; background:transparent; } #uvod-section:after { content: ""; position: absolute; bottom: -35px; left: 0px; right: 0px; margin: 0 auto; display: block; height: 35px; width: 104px; background: url('/img/sipka-section-border.png') 0px 0px no-repeat transparent; } #pokracovani-dolu { position: absolute; top: -100px; left: 50%; display: none; height: 80px; width: 42px; margin-left: -21px; background:url('/img/pokracovani.png') 50% 0px no-repeat transparent; } #pokracovani-dolu:hover { background-position: 50% 100%; } @media(max-width: 767px){ #pokracovani-dolu { transform: scale(0.5); top: -80px; } } @media(orientation: landscape),(min-width: 460px){ #pokracovani-dolu { display: block; } } @media(min-width: 992px){ #uvod-section { font-size: 22px; padding: 70px 15px; } #uvod-section h1 { font-size: 38px; } } section.hw { position: relative; text-align: left; } section.hw .half_bcg { width: 100%; height: 387px; background-size: cover; background-position: center; background-repeat: no-repeat; } section.hw .content { padding-top: 5px; padding-bottom: 30px; } section.hw h1, section.hw h2.h1 { background-position-x: 0px; } section.hw .text { line-height: 27px; } section.hw.hasImgLeft { background-color: #262b35; color: #ffffff; } section.hw.hasImgLeft h1, section.hw.hasImgLeft h2.h1 { color: #ffffff; } .half_bcg { transition: background-image 0.5s ease-in-out; } @media(min-width: 768px){ section.hw .half_bcg { height: 575px; } section.hw.hasImgLeft .content { padding-left: 30px; } } @media(min-width: 992px){ section.hw { min-height: 575px; } section.hw .half_bcg { position: absolute; top: 0px; left: 50%; width: 50%; height: 100%; } section.hw.hasImgLeft .half_bcg { left: 0px; } .domaci-boxy-a-klece .content { padding: 5px 50px 0px 25px; } } section.fw { padding-top: 10px; } section.fw h1, section.fw h2.h1 { margin-bottom: 40px; } section.fw .btn { margin-top: 37px; } section.fw#cenik { background-color: #eeeeee; } section.fw_bcgImg { padding: 45px 0px 85px 0px; background-position: 50% 0px; background-repeat: no-repeat; background-color: #262b35; } section.fw_bcgImg .content { font-family: 'Oswald', sans-serif; font-size: 32px; line-height: 48px; font-weight: 300; color:#ffffff; padding: 0px 30px; } section.fw_bcgImg h2, section.fw_bcgImg h3, section.fw_bcgImg h4, section.fw_bcgImg h5, section.fw_bcgImg h6 { color:#ffffff; } section.fw_bcgImg .btn { color:#dddc00; border-color:#dddc00; margin-top:30px; } section.fw_bcgImg .btn:hover { color:#ffffff; background:#dddc00; border-color:#dddc00; } @media(min-width: 992px){ section.fw_bcgImg { padding: 60px 0px 100px 0px; } } @media (min-width: 1920px){ section.fw_bcgImg { padding: 70px 0px 110px 0px; } } section.fw_bcgImg#fotogalerie { background-image: url('/img/bg-fotogalerie.jpg'); } #kontakt { padding: 0px; position: relative; } #kontakt .col-kontakt { text-align: left; } #kontakt .col-kontakt h2.h1 { background-position: 0px 100%; } #kontakt #kontakt_levy { padding-top: 0px; padding-bottom: 26px; } #kontakt #kontakt_levy .jmeno_title { display: block; font-size: 20px; color: #313846; font-weight: 400; font-family: 'Oswald', sans-serif; margin-top: 18px; } #kontakt #kontakt_levy td.icon { text-align: center; } #kontakt #kontakt_levy .kontakt_icon { font-size: 14px; color: #656565; } #kontakt #kontakt_levy .kontakt_img_icon { width: 20px; height: 20px; } #kontakt #kontakt_levy .text { padding: 0px 10px; } #kontakt #kontakt_levy a.kontakt_link { text-decoration: none; } #kontakt #kontakt_levy a.kontakt_link:hover, #kontakt #kontakt_levy a.kontakt_link:focus { text-decoration: underline; color: #dddc00; } #kontakt #kontakt_levy .socialy { margin-top: 25px; } #kontakt #kontakt_levy .soc_link { position: relative; } #kontakt #kontakt_levy .soc_link .soc_img { max-height: 17px; position: relative; top: -3px; } #kontakt #kontakt_levy .soc_link .soc_img.instagram_img { max-height: 24px; top: 1px; } #kontakt #kontakt_levy .soc_link .soc_img ~ .underline { content: ''; display: block; position: absolute; left: 0px; right: 0px; bottom: -2px; width: 0px; height: 2px; margin: 0 auto; background-color: #262b35; transition: width .2s; } #kontakt #kontakt_levy .soc_link .soc_img.facebook_img ~ .underline { background-color: #3959a0; } #kontakt #kontakt_levy .soc_link .soc_img.instagram_img ~ .underline { background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%); } #kontakt #kontakt_levy .soc_link:hover .soc_img ~ .underline, #kontakt #kontakt_levy .soc_link:focus .soc_img ~ .underline { width: 100%; } #kontakt .half_bcg { background-color: #eeeeee; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 51%; } #kontakt #kontakt_pravy { background-color: #eeeeee; } section #formularKontakt h1, section #formularKontakt h2.h1 { margin-bottom: 35px; } #formularKontakt .form-control { height: 50px; margin-bottom: 20px; padding-top: 15px; padding-bottom: 15px; font-size: 15px; line-height: 20px; border: 1px solid #ffffff; box-shadow: none !important; } #formularKontakt .form-control.placeholder, #formularKontakt .form-control::placeholder { color: #9b9b9b; } #formularKontakt textarea.form-control { height: 200px; } .form-control.placeholder-val, .cp-select .placeholder-val { color:#9b9b9b; } #formularKontakt .btn { margin-bottom: 20px; } #formularKontakt .captcha-box { margin-bottom: 25px; text-align: left; display: none; } @media(max-width: 991px){ #kontakt .half_bcg.captcha_shown { height: 55%; transition: height .25s; } #kontakt .half_bcg.alert_success_shown { height: 57%; transition: height .25s; } #kontakt .half_bcg.alert_warning_shown { height: 60%; transition: height .25s; } } @media(min-width: 992px){ #kontakt .half_bcg { top: 0px; bottom: initial; width: 50%; height: 100%; } #formularKontakt { padding-left: 30px; } } #radek-adresa { font-size:20px; font-family: 'Oswald', sans-serif; color:#dddc00; font-weight: 300; padding: 11px 0px 13px 0px; } #radek-adresa a { color:#dddc00; } #radek-adresa a:hover, #radek-adresa a:focus { color: #ffffff; } #radek-adresa .ikona_waze { width: 36px; height: 36px; margin-right: 15px; } .page-top { background:url('/img/bg-podstranky.jpg') 50% 0px no-repeat #1c2029; min-height: 210px; text-align: center; padding-top:80px; } .page-top h1 { color:#ffffff; text-transform: uppercase; margin-top:0px; } @media(min-width: 768px){ .page-top { min-height: 290px; } } #main_block { padding-top:30px; text-align: left; padding-bottom: 30px;} #main_block .page-content { max-width: 970px; margin:0px auto 15px auto; } #formularKontakt .win-message { padding:15px; font-size:110%; font-weight: bold; } #formularKontakt .win-inner { padding:15px; } #formularKontakt td { padding:5px 10px; } #formularKontakt table { width:100%; } @media(min-width: 768px){ #pokracovani-dolu { top:-130px; } .page-top { padding-top:90px; } } @media (min-width: 992px){ #main_block { padding-top:45px; padding-bottom: 45px; min-height:300px; } #proc-my .bordered-box { min-height: 300px; } #ems { background-position: 0px 0px; background-size: 50% auto; padding-top:0px; min-height: 400px; } #ems .page-content { float:right; width: 50%; text-align: left; padding-left:30px; } #ems h2, #treneri h2 { background-position: 0px 100%; } #treneri { background:#ffffff; padding:0px; text-align: left; position: relative; overflow: hidden; } #treneri:after { display:block; content: ''; height: 100%; position: absolute; top:0px; left:50%; width:50%; background:url('/img/treneri.jpg') 0px 100% no-repeat #E8E8E8; background-size:154% auto; } #treneri .page-content { float:left; width: 50%; padding-right: 30px; } #cenik .bordered-box { min-height: 300px; } .page-top { padding-top:100px; } } @media screen and (min-width: 1230px){ #proc-my .bordered-box { min-height: 250px; } .col-lg-5ks { width:20%; } #fotky { padding:15px 30px; } #treneri { min-height:575px;} #treneri:after { background-size: auto auto; } } @media (min-width: 1920px){ #ems { background-size: auto auto; } } .ajax-waiting:after { content: ''; display:block; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background:url('/img/loading.gif') 50% 50% no-repeat rgba(60,60,60,0.5); } body.ajax-waiting:after { position:fixed; z-index:6666; } .carousel-fotky-inner { position: relative; margin-top: 40px; } .carousel-fotky-item { display: none; pointer-events: none; width: 70%; margin: auto; } .carousel-fotky-item.active { display: block; } #jidelni-stoly { background-color: #262b35; color: white; } #jidelni-stoly h2 { color: white !important; } .half_bcg { position: relative; width: 100%; height: 300px; overflow: hidden; } .carousel-inner { display: flex; transition: transform 0.5s ease-in-out; } .carousel-item { min-width: 100%; height: 100%; display: none; } .carousel-item.active { display: block; } .carousel-item img { width: 100%; height: 100%; object-fit: cover; } .half_bcg button { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); color: white; border: none; cursor: pointer; padding: 10px; font-size: 20px; } .half_bcg .prev { left: 10px; } .half_bcg .next { right: 10px; }