/* include bootstrap default */ @import url("bootstrap.css"); /* include bootstrap default */ @import url("font-awesome.min.css"); /* default * ============================================ */ * {margin: 0; padding: 0; outline: 0 none;} blockquote {margin-left: 20px;} table {border-color: #beb9b9; margin-bottom: 20px} table td {border-color: #beb9b9; padding-left: 5px;} p {padding: 0 0 20px 0;} p img {vertical-align: middle} a {color: inherit; text-decoration: none;outline: 0; -webkit-transition: color 0.4s;-moz-transition: color 0.4s;-ms-transition: color 0.4s;-o-transition: color 0.4s;transition: color 0.4s;} a:hover {text-decoration: underline;} hr {border-top: 1px solid #939393; border-width:1px 0 0 0; height: 0; margin: 10px 0;} h1,h2,h3,h4,h5,h6 {color: #323135; font: normal 28px/1.3 'Montserrat', Arial, sans-serif; margin: 10px 0; text-transform: uppercase;} h2 {margin-bottom: 25px;} h3 {font-size: 23px;} h4,h5,h6 {margin-bottom: 5px; font-size: 18px;} #wrapper {font: normal 15px/1.5 'Open Sans', Arial, sans-serif; color: #24252a; text-align: left; min-height: 100%; overflow: hidden; position: relative; margin-top: 130px;} #body {overflow: hidden; position: relative;} /* content default * ============================================ */ .content ul, .content ol {margin-left: 20px; margin-bottom: 10px;} .content ul > li {list-style: outside disc;} .content ol > li {list-style: outside decimal;} .content img {max-width: 100%; height: auto !important;} .content img.left {margin-bottom: 10px; margin-right: 20px; float: left} .content img.right {margin-bottom: 10px; margin-left: 20px; float: right} .content iframe {border: 1px solid #beb9b9; max-width: 100%;} ::selection {background: #d1d2d3; color: #fff} ::-moz-selection {background: #d1d2d3; color: #fff} /* dafault form * ============================================ */ form input[type=text], form select {display:block; width:100%; height:32px; line-height: 32px;} form input[type=text], form select, form textarea {background:#f0f0f0; padding-left:10px; border:1px solid #d2d2d2; margin-bottom:7px; font-family: inherit; color: #5D5757;} form input[type=text]:focus, form select:focus, form textarea:focus {border-color: #adaa9f} form select {padding: 4px 3px 3px 10px;} form select option {padding: 2px 10px;} form textarea {padding:8px 10px; width:100%; max-width:100%; min-width:100%; overflow:auto;} form label {line-height: 28px !important;} form input[type=submit] {/*background: #403C3D;*/ border: 0 none; color: #fff; height: 32px; line-height: 32px; display: block; cursor: pointer; margin-top: 7px; float: right; padding: 0 20px; border-radius: 3px} form input[type=submit]:hover {background: #6e6b6b} form input[type=submit]:active {background: #525050} .form-wrap {width: 100%;} form .one-half {width: 49%; float: left;} form .one-half:nth-child(2n+1) {margin-right: 2%} form .captcha-wrap {float: left;} form .captcha, form #captcha {float: left; margin-right: 10px; margin-top: 7px} form input[name=kod], form input[name=kod2] {width: 110px; float: left; margin-right: 0; margin-top: 7px} /* dafault sidebar * ============================================ */ .sidebar {margin: 0;} .sidebar .box {list-style: none outside none; margin-bottom: 15px} .sidebar .box:last-child {margin-bottom: 0;} .sidebar h3.box-title {border-bottom: 1px solid #c8c8c8; margin-bottom: 25px; font-size: 28px;} .sidebar .button {float: right} /* class * ============================================ */ .content01 {float: left; width: 45%;} .content02 {float: left; width: 45%; margin-left: 10%;} .content03 {float: left; width: 100%; clear: both} .wrongVal {background: #ee8282 !important; border-color: #d83939 !important} .msg {clear: both; padding: 10px 0 15px;} .strong,strong {font-weight: bold} .wrap {width: 1140px; margin: 0 auto;} .clearfix:after {content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0;} .clearfix {display: block;} .button {background: #737678; color: #fff; padding: 5px 25px; border-radius: 3px; display: inline-block; font-family: 'klavika_regularregular'; font-size: 14px} .button:hover {text-decoration: none;} .button:active {box-shadow: 0 0 10px rgba(0,0,0,0.2) inset; -webkit-transition: all 0.1s; -moz-transition: all 0.1s;-ms-transition: all 0.1s; -o-transition: all 0.1s;transition: all 0.1s;} .slider-content a.btn {width: auto; bottom: 150px; color: inherit;width: auto; z-index: 11; position: relative; top: auto;} .special-container {background: #ebebec; padding: 30px 100px 10px; color: #fff; font-size: 18px; line-height: 1.3} .one-third {width: 31.33%; float: left; margin-right: 3%} .one-third.one-third-last {margin-right: 0;} .btn:focus,.btn:active, a:focus, a:active {outline: none !important;} /* common * ============================================ */ .form-wrap, form textarea, form input[type=text], #main, .content img, #logo, .desc-wrap, .special-container, .one-third {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #nav-wrap a, #header a, #nav:not(.active), .button, form select, form textarea, form input,.gallery-wrap .item, .slider-content-nav .slider-prev, .slider-content-nav .slider-next, #cennik-tab td, #cennik-tab th,.page-6 .btn, .panel-group .panel-title a[data-toggle="collapse"],.header-fixed .header-up,.play-film, .page-3 .col-sm-3:after, .page-3 .col-sm-3:before,.page-5 .col-sm-4:after,.page-5 .col-sm-4:before,.tabs-ico {-webkit-transition: all 0.4s; -moz-transition: all 0.4s;-ms-transition: all 0.4s; -o-transition: all 0.4s;transition: all 0.4s;} /* header * ============================================ */ #header {background: #fff; left: 0; position: fixed; right: 0; top: 0; z-index: 100;} #header a {text-decoration: none} #header a:hover {opacity: 0.9} #logo {background-color: #ffdc02; margin: 0; padding: 12px 40px 16px; line-height: 110px; display: block; float: left; border-radius: 5px; margin-top: -18px; margin-bottom: -20px;} #logo img {max-width: 100%; /*max-height: 100%;*/ vertical-align: middle;} .logo2 {background: url("../images/logo2.jpg") no-repeat center #ffdc02; width: 236px; height: 146px; float: right; border-radius: 5px;margin-top: -18px; margin-bottom: -20px;} a:hover .logo2 {opacity: 1;} .links {float: right; padding-top: 25px; padding-right: 10px; font-size: 13px} .links li {display: inline-block; margin-left: 20px} #langs {background: #F4F4F4; /*position: absolute; right: 0; top: 0;*/ float: right; padding: 10px 10px; line-height: 0.8} #langs li, #langs li span, #langs li a {display: block; margin: 17px 0;} #langs li {margin: 0 5px} #langs li span, #langs li a {background: url('../images/langs.png') no-repeat; background-size: cover; width: 22px; height: 14px; text-indent: -20px; overflow: hidden;} #langs li.active {opacity: 0.5} #langs li.lang-pl span, #langs li.lang-pl a {background-position: left top} #langs li.lang-en span, #langs li.lang-en a {background-position: left -16px} #langs li.lang-de span, #langs li.lang-de a {background-position: left -33px} /* main * ============================================ */ #main {/*padding-bottom: 30px;*/ position: relative} .box-text {margin-bottom: 15px} .page-sidebar-column #content {width: 650px; float: left} #sidebar-column {float: left; width: 310px; margin-left: 20px} .sidebar-column-left.page-sidebar-column #content {float: right} .sidebar-column-left #sidebar-column {margin-left: 0} .page-template-3-box #content {padding: 20px 0} .page-template-3-box .one-third {background: #fcfbfb; padding-top: 20px} .page-template-3-box .one-third-second {background: #FAFAFA; position: relative; padding: 40px 40px 40px; margin-top: -20px; margin-bottom: -20px; border-radius: 4px} .page-template-3-box .one-third-second:before, .page-template-3-box .one-third-second:after {background: url('../images/box-shadow.png') no-repeat; content: ""; width: 7px; height: 290px; display: inline-block; position: absolute; top: 0; bottom: 0; margin: auto;} .page-template-3-box .one-third-second:before {background-position: left center; left: -7px} .page-template-3-box .one-third-second:after {background-position: right center; right: -7px} .page-template-3-box #content h3 {border-bottom: 1px solid #d1cfcf; padding-bottom: 10px; margin-bottom: 15px} .mapa-iframe iframe {display: block; width: 100% !important;} /* nav (horizontal) * ============================================ */ #nav-wrap {margin-bottom: 0} #nav-wrap .menu {padding: 0 0 0;} #nav-wrap .menu li {list-style: none outside none; white-space: nowrap; position: relative; border-right: 1px solid #dc5e5f;} #nav-wrap .menu > li {display: inline-block; margin: 0 -3px 0 0;} #nav-wrap .menu a {text-decoration: none; font: normal 15px/1.3em 'Montserrat', Arial, sans-serif, Tahoma, Verdana; color: #fff; display: block; padding: 45px 30.5px 45px 60px; text-transform: uppercase; } #nav-wrap .menu > li:hover > a, #nav-wrap .menu > li > a.current-link, #nav-wrap .menu > li > a.active, #nav-wrap .menu > li.current-parent > a, #nav-wrap .menu > li.active > a {background: #a52123; color: #fff; opacity: 1} #nav-wrap .menu > li.parent:hover > a {border-radius: 4px 4px 0 0} #nav-wrap .menu > li:last-child {margin-right: 0; border-right: none;} #nav-wrap .menu > li .fa {position: absolute; top: 42%; left: 37px; font-size: 18px; color: #fff; z-index: 5} #nav-wrap .menu > li .fa-envelope {font-size: 16px; top: 46px;} #nav-wrap .menu > li {position: relative;} /*#nav-wrap .menu > li:nth-child(1) a {background: url("../images/menu_ico_1.png") no-repeat 34px 45px; }*/ /*#nav-wrap .menu > li:nth-child(2) a {background: url("../images/menu_ico_2.png") no-repeat 34px 46px; }*/ /*#nav-wrap .menu > li:nth-child(3) a {background: url("../images/menu_ico_3.png") no-repeat 34px 46px; }*/ /*#nav-wrap .menu > li:nth-child(4) a {background: url("../images/menu_ico_4.png") no-repeat 32px 47px; }*/ /* submenu */ #nav-wrap .menu ul {background: #fff; position: absolute; left: 0; top: 31px; display: none; padding: 15px 15px 10px; z-index: 196; min-width: 115%; visibility: hidden; border-radius: 0 4px 4px 4px;} #nav-wrap .menu ul li {border-bottom: 1px dotted #fff} #nav-wrap .menu li:last-child ul {left: auto; right: 0;} #nav-wrap .menu li:hover > ul {display: block; visibility: visible} #nav-wrap .menu ul li a {padding: 7px 30px 7px; font-size: 16px; text-transform: none; padding-left: 15px; float: none !important; margin: 0; -webkit-transition: background-color 0.4s;-moz-transition: background-color 0.4s;-ms-transition: background-color 0.4s;-o-transition: background-color 0.4s;transition: color 0.4s;} #nav-wrap .menu ul li a:before {content: "→"; float: left; font: normal 13px/1.7 Arial, Helvetica, sans-serif; text-indent: -9px; overflow: hidden; margin-right: 15px; display: inline-block; height: auto; width: auto} #nav-wrap .menu ul li:last-child {border: none;} #nav-wrap .menu ul a:hover {opacity: 1} #nav-wrap .menu ul ul {left: 100%; top: -15px;} /* level 3 */ #button-mobile-menu {display: none; overflow: hidden} #button-mobile-menu a {background: url('../images/nav-mob.png') #f4f4f6 no-repeat center center; display: block; display: block; float: right; width: 50px; height: 50px; text-indent: -100px; border: 0 none; overflow: hidden; padding: 0 !important; border-radius: 50px; opacity: 0.55} #button-mobile-menu a:hover {opacity: 1} /* slider * ============================================ */ #slider-content-wrap-20 {/*max-width: 1450px;*/ margin: 0 auto; } #slider {/*background-color: #f6f6f6; margin-bottom: 35px;*/ margin-top: 12px;position: relative;} .slider-content-wrap {background: url('../images/loading.gif') #fff no-repeat center center; padding: 0; position: relative; margin-bottom: 25px;} .slider-content-wrap .wrap {position: absolute; height: 100%;left: 0; right: 0; } ul.slider-content {background: #fff; padding: 0; margin: 0; overflow: hidden;} .slider-content li.item {background: none; display: block; padding: 0; max-width: 100%; float: left; position: relative} .slider-content img {max-width: 100%; width: 100%;} /*.slider-content .layer-mask {background: url('../images/slider-mask.png'); display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%}*/ .slider-content-slides {overflow: hidden} .slider-content-loader {height: 0; padding: 0 0 49.45%} /*.slider-content-wrap .desc-wrap:before {background: #bfbfbf; content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.9}*/ .slider-content-wrap .desc-wrap {position: absolute; z-index: 10; color: #fff; left: 0; bottom: 10%; /*top: 0;*/ margin: auto; max-width: 620px; /*height: 155px;*/ color: #fff; padding: 5px 5px 5px 10px; line-height: 1.2} /*.slider-content-wrap .desc-wrap:after {background: url('../images/slider-desc-corner.png'); content: ""; width: 12px; height: 7px; display: inline-block; position: absolute; left: 0; bottom: -7px}*/ /*.slider-content-wrap .desc-wrap h3 {color: inherit; font-size: 30px; padding: 0;}*/ .slider-content-wrap .desc h3 {background-color: #b82f35; color: #fff; font-size: 36px; font-weight: 600; padding: 0 10px; display: inline-block; margin: 4px 0;} .slider-content a {width: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; z-index: 10} .slider-content-nav {position: absolute; right: 0; left: 0; bottom: 0; top: 60%; margin: auto; z-index: 10; height: 50px; } .slider-content-nav .slider-prev, .slider-content-nav .slider-next {background-image: url('../images/arrows-slider_storico.png'); background-color: rgba(255,220,2,1); background-repeat: no-repeat; width: 52px; height: 50px; font-size: 18px; line-height: 18px; vertical-align: middle; display: block; color: #fff; margin: 55px 0 0 1px; text-align: center; text-indent: -2000em; opacity: 0.8} .slider-content-nav .slider-prev {background-position: 4px 4px; float: left; left: 0; margin-left: -50px;} .slider-content-nav .slider-next {background-position: -32px 4px; float: right; margin-right: -50px;} .slider-content-nav.dark-color .slider-prev {background-position: 12px -44px; float: left} .slider-content-nav.dark-color .slider-next {background-position: -48px -44px; float: left;} .slider-content-nav .slider-prev:hover, .slider-content-nav .slider-next:hover {opacity: 1; text-decoration: none;} .slider-content:hover .slider-content-nav .slider-prev,.slider-content:hover .slider-content-nav .slider-next:hover { margin-left: 0; margin-right: 0; } .slider-content-paging-wrap {text-align: center; padding: 0; position: absolute; margin: 0 auto; z-index: 10; display: flex; justify-content: center; left: 0; right: 0;} .slider-content-paging:before {background: url('../images/corner-paging.png') no-repeat left top; content: ""; width: 15px; height: 34px; display: inline-block; position: absolute; left: -15px; top: 0} .slider-content-paging {background: url('../images/bg-paging.png') no-repeat right top; position: relative; display: inline-block !important; padding: 10px 25px 10px 10px; line-height: 0.1em;} .slider-content-paging a span {background: #cecdcd; display: inline-block; width: 11px; height: 11px; border: 1px solid #fff; overflow: hidden; text-indent: -2000em; border-radius: 13px;} .slider-content-paging a {border: 1px solid #cecdcd; border-radius: 13px; margin: 0 4px; display: inline-block !important;} .slider-content-paging a.selected span {background: #595959} .caroufredsel_wrapper {background: #fff; overflow: hidden} .slider-content-paging, .slider-content-nav .slider-prev, .slider-content-nav .slider-next, .slider-content img, .slider-content .desc-wrap, .slider-content-wrap > .desc-wrap {display: none} .caroufredsel_wrapper .slider-content img {display: block;} .slider-content-nav .slider-prev.disabled, .slider-content-nav .slider-prevdisabled {visibility: hidden} /* footer * ============================================ */ .footer {background: #3c3838; color: #f4f0f0; display: block; /*margin-bottom: 30px*/} .footer .wrap {min-height: 120px; position: relative; font-weight: bold; font-size: 15px; } /*#footer-box {margin-bottom: 30px;}*/ #copy {margin: 50px 0 0 0; color: inherit; opacity: 0.7; text-align: center;} #design-by {float: right; margin: 60px 20px 0 0; color: inherit; opacity: 0.7} #design-by strong {display: block;} #design-by a {text-decoration: none; color: inherit;} /* gallery * ============================================ */ .gallery-wrap {margin: 26px 0; width: 100%; clear: both; justify-content: center;text-align: center; } .gallery-wrap .item {/*background-color: #F2F2EF;*/ /* float: left;*/display: inline-block; text-align: center; vertical-align: middle; margin: 0 25px 20px 0; position: relative; overflow: hidden;} .gallery-photo-frame .item { display: flex; flex-direction: column; justify-content: center; padding: 8px;} .gallery-wrap .item > a {display: block; text-align: center; vertical-align: middle;} .gallery-wrap .item:hover {filter:alpha(opacity: 90); -moz-opacity: 90%; opacity: 0.9;} .gallery-wrap .item .title {padding: 5px 0 0 5px; line-height: 16px; font-weight: bold;} .gallery-photo-frame .item .title {padding: 5px 0 0 0;} .gallery-wrap .item img {vertical-align: middle; margin: auto;} .galleryPaging {display: table; width: 95%; clear: both; margin: 5px 0; padding-right: 20px;} .fleft {float:left;} .fright {float:right;} /* form * ============================================ */ /*#form-contact textarea {height: 332px}*/ #form-contact input {min-height: 45px; height: 45px; border-color: rgba(244,244,244,0.5)} #form-contact input[type="text"], #form-contact textarea {background: none; padding: 10px 20px; color: #fff; border-color: rgba(244,244,244,0.5)} #form-contact input[type="text"]:hover, #form-contact textarea:hover {border-color: rgba(244,244,244,0.8)} ::-webkit-input-placeholder {color: #F1F1F1;} ::-moz-placeholder {color: #F1F1F1;} :-ms-input-placeholder {color: #F1F1F1;} :-moz-placeholder {color: #F1F1F1;} .placeholder {color: #F1F1F1;} #form-contact input[name="kod"], #form-contact input[name="kod2"] {min-width: 150px;} #form-contact input[type="submit"] {padding-right: 45px; padding-left: 45px;} /* cookies * ============================================ */ #cookies {background: #50575E; background: rgba(80,87,94,0.95); width: 600px; color: #fff; border-top: 1px solid #DDDDDD; font: 13px Arial, Helvetica, sans-serif; display:none; padding: 10px 0; position: fixed; bottom: 40px; right: 60px; z-index: 99; border-radius: 10px} #cookies p {padding: 5px 20px; padding-right: 50px} #cookies a {background: url('../images/close-button.png') no-repeat; display: block; width: 23px; height: 23px; text-indent: -100px; overflow: hidden; position: absolute; right: 10px; top: 10px;} #cookies a:hover {opacity: 0.7; color:#000;} /* facebook * ============================================ */ #slide-box-fblike {cursor: pointer; position: fixed; right: -326px; top: 155px; z-index: 15;} .no-touch #slide-box-fblike {transition: right 0.4s ease-out 0s, z-index 0.01s ease-in 0.4s;} .no-touch #slide-box-fblike:hover {right: 0; transition: right 0.4s ease-out 0s, z-index 0.01s ease-in 0s; z-index: 15;} #slide-box-fblike .inside {background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #39579B; height: 250px; padding: 10px; position: relative; width: 326px; z-index: 2;} #slide-box-fblike .belt {background: url("../images/bt_social.png") repeat scroll 0 0 #3B5999; border-radius: 3px 0 0 3px; color: #FFFFFF; font-family: Verdana; font-size: 1px; font-weight: bold; height: 49px; left: -47px; position: absolute; top: 0; width: 47px; z-index: 0;} #slide-box-fblike:hover .belt {background-position: 0 -49px;} /* reset */ .musli *{padding:0; margin:0;list-style:none;} .musli {position:fixed; right:0px; top:150px; z-index:100; list-style:none;} .musli-bottom {left:260px; bottom:0px; right:auto; top:auto;} .musli-top {left:260px; top:0px; right:auto; bottom:auto;} .musli-left {left:0px; top:200px; right:auto; bottom:auto;} .musli > li {cursor:pointer; width:47px; height:49px; margin-bottom:1px; position:relative;} .musli-bottom > li, .musli-top > li {margin-right: 1px; margin-bottom: 0; float:left;} .musli > li > img {opacity: 0.9; -moz-border-radius: 5px 0 0 5px; transition: all 0.4s; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;} .musli > li:hover > img {opacity: 1;} .musli-bottom > li > img {-moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .musli-top > li > img {-moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;} .musli-left > li > img {-moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;} .musli > li > div {padding:5px; background: #fff; float:left; width:276px; height:242px; -moz-border-radius: 0 0 0 8px; -webkit-border-radius: 0 0 0 8px; border-radius: 0 0 0 8px; position:absolute; top:0; left:47px; z-index:100;} .musli-bottom > li > div {top:35px; left:auto; -moz-border-radius: 0 8px 0 0; -webkit-border-radius: 0 8px 0 0; border-radius: 0 8px 0 0;} .musli-top > li > div {bottom:35px; left:auto; top:auto; -moz-border-radius: 0 0 8px 0; -webkit-border-radius: 0 0 8px 0; border-radius: 0 0 8px 0;} .musli-left > li > div {top:0px; left:auto; right:35px; -moz-border-radius: 0 0 8px 0; -webkit-border-radius: 0 0 8px 0; border-radius: 0 0 8px 0;} .musli-google {border: solid #cd3c2a 3px;} .musli-facebook {border: solid #0170cf 3px;} .musli-twitter {border: solid #07afee 3px;} .musli-nk {border: solid #8fc44c 3px;} /* section-page * ============================================ */ .section-page {min-height: 250px; padding-top: 70px; padding-bottom: 75px;} .section-page.gray-page {background-color: #f6f6f6;} .section-page .titlewrap {overflow: hidden; text-align: center;} .section-page .titlewrap h2 {display: inline-block; max-width: 80%; padding: 0 20px; position: relative; color: #505055; font-weight: 600; height: 42px; line-height: 42px; font-size: 42px; margin-bottom: 10px; text-transform: uppercase;} /*.section-page .titlewrap h2::before {border-top: 1px solid #505055; content: ""; display: block; left: 110%; position: absolute; top: 50%; width: 96%;}*/ /*.section-page .titlewrap h2::after {border-top: 1px solid #505055; content: ""; display: block; position: absolute; right: 110%; top: 50%; width: 96%;}*/ .section-page .row ul li {margin-bottom: 20px;} .color-page {color: #fff;} .dark-color-page {color: #fff;} .dark-color-page h2, .dark-color-page h3, .dark-color-page h4, .dark-color-page h5, .dark-color-page h6 {color: #fff;} .color-page .titlewrap h2::before, .color-page .titlewrap h2::after, .color-page .titlewrap h2, .dark-color-page .titlewrap h2::before, .dark-color-page .titlewrap h2::after, .dark-color-page .titlewrap h2 {color: #fff; border-color: #fff;} .dark-color-page.page-6 .fa {background: #fff; width: 44px; color: #143851; text-align: center; padding: 7px 0; margin-right: 10px; border-radius: 60px; vertical-align: middle;} /* referencje * ============================================ */ .gallery-wrap-id-6 .item {padding: 8px; margin: 0 20px 20px 0} .gallery-wrap-id-6 .item:hover {background: #e1e1de;} /* mapa * ============================================ */ #map {background: url("../images/mapa_stat_google.png") no-repeat center; height: 350px;} /* storico * ============================================ */ /* TODO w rwd nie moze tak byc */ /*#header.header-fixed {height: 70px;}*/ .header-fixed .header-up {margin-top: -32px; opacity: 0;} .header-fixed #nav-wrap .menu a {padding: 25px 30px 25px 60px} .header-fixed #nav-wrap .menu > li:nth-child(1) .fa {top: 38%; } .header-fixed #nav-wrap .menu > li:nth-child(2) .fa {top: 38%; } .header-fixed #nav-wrap .menu > li:nth-child(3) .fa {top: 38%; } .header-fixed #nav-wrap .menu > li:nth-child(4) .fa {top: 38%; } .header-fixed .logo2 {height: 102px; background-position: center bottom;} .header-fixed #logo {line-height: 75px; padding-bottom: 5px; height: 102px;text-align: center; width: 250px;} .header-fixed #logo img {height: 100%; } #header {background-color: #d12c32;} #header .container-fluid {padding-right: 0; padding-left: 0;} .header-up {background-color: #252321; height: 32px; margin-top: 0;} #text-slider {background-color: rgba(255,220,2,0.8); color: #3c3838;padding-top: 20px; padding-bottom: 40px;} #text-slider h3 {font-size: 42px; font-weight: 600; } #text-slider h5 {font-size: 18px; font-weight: 400; } .play-film {background: url("../images/play_film_v2.png") no-repeat center; height: 79px; width: 79px; position: absolute; left: 0; right: 0; top: 30%; margin: 0 auto; display: block; -webkit-box-shadow: 0 0 14px 0 rgba(50,50,50,0.5); box-shadow: 0 0 14px 0 rgba(50,50,50,0.5); z-index: 99; border-radius: 50px;} .play-film:hover {-webkit-box-shadow: 0 0 24px 1px rgba(50,50,50,0.9); box-shadow: 0 0 24px 1px rgba(50,50,50,0.9);} .play-film-btn {width: 100%; height: 100%; display: block;} .film-fancybox {display: none;} .section-page h5 {font-size: 18px; font-weight: 300;} .section-page .titlewrap ~ h5 {margin-bottom: 70px;} .page-2 {background: url("../images/bg_section_page-2.jpg") no-repeat center top #d02c30; color: #fff;} .page-2 .titlewrap h2 {color: #fff;} .page-2 h5, .page-2 h4 {color: #fff;} .page-2 h4 {margin-bottom: 30px; margin-top: 20px;} .page-3 {background: url("../images/bg_section_page-3.jpg") no-repeat center top #3c3838; color: #fff;} .page-3 .titlewrap h2 {color: #fff;} .page-3 .titlewrap ~ h5 {margin-bottom: 50px;} .page-3 h5, .page-3 h4 {color: #fff;} .page-3 h6 {color: #ffdc02; text-transform: none;} .page-3 .col-sm-3 {position: relative; overflow: hidden;} .page-3 .col-sm-3:after {background: url("../images/page-3-img-dot.png") no-repeat; height: 1px; width: 55px; display: block; position: absolute; top: 38%; right: -22px; content: "";} .page-3 .col-sm-3:before {background: url("../images/page-3-img-dot.png") no-repeat; height: 1px; width: 55px; display: block; position: absolute; top: 38%; left: -22px; content: "";} .page-3 .col-sm-3:hover:after {right: -3px;} .page-3 .col-sm-3:hover:before {left: -3px;} .page-4 {background-color: #ededed; color: #686565;} .page-4 .titlewrap ~ h5 {margin-bottom: 30px;} .page-4 .titlewrap h2 {color: #4d4949;} .page-4 .table-wrap {border: 16px solid #fff; margin-bottom: 5px; } #cennik-tab {border-color: #d3d0d0; margin-bottom: 0;} #cennik-tab td {background-color: #fff; /*border-color: #d6d3d3;*/ border-color: #adaaaa; color: #4d4949; padding: 16px 6px; text-align: center; font-size: 16px; font-weight: 600} #cennik-tab th[scope=col] {background-color: #ffdc02; border-color: #d7c23e; text-align: center;padding: 16px 6px;} #cennik-tab th[scope=row] {background-color: #ededed; border-color: #d6d3d3; text-align: center;padding: 16px 6px;} #cennik-tab thead th[scope=row] {background-color: #ffdc02; border-color: #d7c23e;} #cennik-tab tbody tr:hover td,#cennik-tab tbody tr:hover th[scope=row] {background-color: #e4e4e4;} .page-5 {background: url("../images/bg_section_page-5.jpg") no-repeat center top #c72a2e; color: #fff; padding-bottom: 45px;} /* TODO */ .page-5 .titlewrap {display: none;} .page-5 p {font-size: 20px; font-family: 'Montserrat';} .page-5 .col-sm-4 {position: relative; overflow: hidden;} .page-5 .col-sm-4:after {background: url("../images/page-6-img-dot.png") no-repeat; height: 1px; width: 55px; display: block; position: absolute; top: 38%; right: -12px; content: "";} .page-5 .col-sm-4:before {background: url("../images/page-6-img-dot.png") no-repeat; height: 1px; width: 55px; display: block; position: absolute; top: 38%; left: -12px; content: "";} .page-5 .col-sm-4:hover:after {right: 3px;} .page-5 .col-sm-4:hover:before {left: 3px;} .page-5 .circle {color: #fff; height: 180px; width: 180px; border: 10px solid #fff; display: block; line-height: 150px; border-radius: 100px; margin: 0 auto; text-align: center; font-size: 70px; font-weight: bold; vertical-align: middle; font-family: 'Roboto'; margin-bottom: 20px;} .page-12 {background: url("../images/bg_section_page-6.jpg") no-repeat center top #ededed; color: #686565;} .panel-group .panel-title {background-color: #ffffff; position: relative;} .panel-group .panel-title a[data-toggle="collapse"] {font-size: 20px; font-family: 'Montserrat'; padding: 16px 20px; display: inline-block; width: 100%; } .panel-group .panel-title a[data-toggle="collapse"]:hover, .panel-group .panel-title a[aria-expanded="true"] {background-color: #ffdc02; text-decoration: none; color: inherit; } .panel-group .panel {margin-bottom: 20px; /*border: 1px solid #fff;*/} .panel-group .panel-collapse { background-color: #fff; /*border: 1px solid #ffdc02;*/ padding: 30px 36px; } .panel-group .panel-body h4 {text-transform: none; margin-bottom: 10px;} .panel-group .panel-body hr {border-color: #d4d3d3; margin-bottom: 20px; margin-top: 14px;} /* rozwijane taby w tabach */ .panel-group .panel-group .panel-title a[data-toggle="collapse"] {background-color: #ffdc02; font-size: 12px; padding: 8px; margin-top: 0; text-transform: uppercase; font-weight: 600; display: inline-block; width: 84px; text-align: center; border-radius: 3px; } .panel-group .panel-group .panel-title a[data-toggle="collapse"]:hover {background: #c72a2e; color: #fff;} .panel-group .panel-group .panel-title a[aria-expanded="true"] {background: none} .panel-group .panel-group .panel-collapse {margin-top: 10px; padding: 0 20px 0;} .tabs-ico { background: url("../images/kontakt-tabs-arrow.png") no-repeat center; width: 30px; height: 30px; position: absolute; right: 40px; top: 16px; border-radius: 4px; /*border: 1px solid #a8a4a4;*/ } .panel-group .panel-group .tabs-ico {display: none;} .panel-group .panel-title a[aria-expanded=true] .tabs-ico, .panel-group .panel-title a[data-toggle="collapse"]:hover .tabs-ico { transform: rotate(180deg); } .page-6 {background: url("../images/bg_section_page-6-kon.jpg") no-repeat center top #3a3636; color: #fff;} .page-6 .titlewrap ~ h5 {margin-bottom: 40px; color: #fff;} .page-6 .titlewrap h2 {color: #fff;} .page-6 .btn {display: inline-block; width: 190px; text-align: center; padding: 10px 0; border-radius: 5px; text-transform: uppercase; margin: 0 6px; font-weight: 600; font-family: 'Montserrat'} .page-6 .btn:hover {background-color: #D02B2F; text-decoration: none; color: #fff; border-color: #fff;} .page-6 .btn-con-1 {border: 2px solid #fff; color: #fff;} .page-6 .btn-con-2 {background-color: #ffdc02; border: 2px solid #ffdc02;color: #686565; } #form-contact-wrap {display: none;} .fancybox-opened #form-contact-wrap {background-color: #eaeaea; display: block;} #form-contact .btn-con-2:hover {background-color: #D02B2F; text-decoration: none; color: #fff; border-color: #fff;} #form-contact-wrap { padding: 20px 2%; color: #000; font-family: 'Montserrat'} #form-contact-wrap input[type=text],#form-contact-wrap textarea {background-color: #ffffff; border-color: #cecdcc; color: #000; margin-bottom: 20px;} #form-contact {margin-top: 40px;} #form-contact .btn-con-2 {background-color: #ffdc02; font-weight: 600; color: #3c3838; text-transform: uppercase;} #form-contact-wrap .fa {color: #d12c32; float: left; margin-right: 20px;} #form-contact-wrap h4 {font-size: 36px; text-transform: uppercase; margin-top: 8px; line-height: 1em; font-weight: 600; } #form-contact-wrap h6 {font-size: 16px; margin-top: 0; font-weight: 300;} .fancybox-skin {background-color: #eaeaea !important;} #form-contact-wrap ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #4d4949; } #form-contact-wrap :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #4d4949; opacity: 0.8; } #form-contact-wrap ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #4d4949; opacity: 0.8; } #form-contact-wrap :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #4d4949; } #form-contact-wrap ::-ms-input-placeholder { /* Microsoft Edge */ color: #4d4949; } /* TODO */ /*.slider-content-wrap .desc-wrap {display: none !important;}*/ .page-6 .content {position: relative;} .cloud-tel {background-color: #EBEBEB; position: absolute; display: none; color: #fff; right: calc(50% - 220px); top: 63%; padding: 10px 20px; border: 2px solid #ddddff; border-radius: 5px;} /*.cloud-tel h4 {color: #fff;}*/ /* mobile * ============================================ */ @media only screen and (min-width: 1400px){ #text-slider {margin-top: -163px; z-index: 99; position: relative;} .slider-content-wrap .desc h3 {font-size: 42px;} .slider-content-wrap .desc-wrap {bottom:28%;} .play-film {top: 38%;} } @media only screen and (min-width: 768px){ #nav-wrap {position: static !important; top: 0 !important} /*#nav-wrap .menu {display: block !important;}*/ .section-page {min-height: 350px;} } @media only screen and (max-width: 1400px) { } @media only screen and (max-width: 999px){ .wrap {width: 768px;} #main iframe {max-width: 100%;} #main img {max-width: 100%; height: auto !important;} #nav-wrap .menu a {padding: 45px 33.5px 45px 30px} .header-fixed #nav-wrap .menu a {padding: 25px 30px 25px 30px} #nav-wrap .menu .fa {display: none;} /*#nav-wrap .menu > li {margin: 0 2px}*/ #logo img {max-width: 95%} .page-sidebar-column #content {width: 530px;} #sidebar-column {width: 220px; margin-left: 18px} .one-third .box-text {height: auto !important} .logo2 {width: 110px;} #logo,.header-fixed #logo {width: 110px; padding-left: 2px; padding-right: 2px;} } @media only screen and (max-width: 768px){ #wrapper {margin-top: 80px;} .wrap {width: 96%; padding: 0 2%;} .one-third {float: none; margin: 0; width: auto; position: static} #sidebar-column {padding-bottom: 0} .page-sidebar-column #content, #sidebar-column {width: auto; margin: 0; float: none} #main {margin: 0} #header {min-height: 95px;} #header.header-fixed {min-height: 85px;} #logo { margin: 0 0 0 2%; ;} .header-fixed #logo {height: 85px; padding-top: 0;} #logo img {padding-left: 0; display: block; padding: 20px 0; display: inline-block;} .logo2 {position: absolute; top: 0; margin: 0; left: 150px; height: 110px; } .header-fixed .logo2 {height: 85px;} .section-page .titlewrap h2 {max-width: 100%;} .section .row [class*='col-'] {margin-bottom: 30px;} .slider-content-nav .slider-next {margin-right: -20px;} .slider-content-nav .slider-prev {margin-left: -20px;} /*#nav-wrap {background: transparent; top: 10px; right: 20px; position: fixed; margin: 0; width: 50px; z-index: 50}*/ /*#nav-wrap .menu {background: #F4F4F6; display: none; width: 300px; position: absolute; z-index: 60; padding: 0; margin: 0; top: 55px; right: 5px}*/ .navbar-toggle {margin-top: 40px;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #871b1d;} .navbar-default .navbar-toggle .icon-bar {background-color: #fff;} .navbar-nav {margin: 0;} #nav-wrap .menu {background-color: #AF2018} #nav-wrap li {width: 100% !important} #nav-wrap .menu li a,.header-fixed #nav-wrap .menu a, #nav-wrap .menu ul > li > a {text-align: center; color: #22150f; float: none; padding: 20px 0; height: auto; border-radius: 0; border-top: none;} #nav-wrap .menu li {margin: 0; float: none; border: 0 none !important;} #nav-wrap .menu > li:last-child {border: 0 none} #nav-wrap .menu ul {min-width: 100%; position: static; padding: 0; border: 0 none; display: block !important; visibility: visible !important; opacity: 1 !important; border-radius: 0} #nav-wrap .menu ul a {background: #e8e8e8; color: #222 !important} #nav-wrap .menu ul ul a {background: #d9d9d9; } #nav-wrap .menu ul a:hover {background: #871b1d !important;} #nav-wrap .menu > li a:before {display: none; visibility: hidden} #nav-wrap .menu > li:hover > a, #nav-wrap .menu > li > a.current-link, #nav-wrap .menu > li > a.active, #nav-wrap .menu > li.current-parent > a {background: #a52123; color: #fff !important} /*#button-mobile-menu {display: block;}*/ #langs {top: 20px; right: 75px} .section-page {padding: 30px 0;} .gallery-wrap .item {margin-right: 0; margin-left: 0;} #footer-box {padding: 30px 30px 10px} #cookies {width: 90%; margin: 0 5%; right: 0; bottom: 30px;} } @media only screen and (max-width: 480px), screen and (max-height: 400px) { #logo {line-height: 60px;} #logo img {padding: 5px 0; } .content img.left, .content img.right {float: none; display: block; margin-left: 0; margin-right: 0} table {width: 100% !important} #slider {margin-bottom: 0} .slider-content-nav {right: 5px} .slider-content-nav .slider-prev, .slider-content-nav .slider-next {margin-top: 20px;} #main {margin-bottom: 0} .slider-content-wrap .wrap > .desc-wrap, .slider-content-paging-wrap {display: none !important} .section-page .titlewrap h2 {font-size: 40px; width: 100%; padding: 0; max-width: 100%;} #langs {top: 0; right: auto; left: 0} #top {display: none} #footer-box, #footer {margin: 0} #footer .wrap {padding-top: 20px} #footer-foo {padding-bottom: 10px} #copy, #design-by {float: none; text-align: center; margin: 0 auto 5px; padding: 0; display: block;} #design-by strong {display: inline-block} .page-6 .btn-con-1 {margin-bottom: 20px;} #text-slider h3 {font-size: 36px;} .tabs-ico {right: 20px;} }