/* font-family: 'Open Sans', sans-serif; font-family: 'Raleway', sans-serif; */ /* MAIN */ @color2: #30638e; @color1: #e30011; @color3: #f4f4f4; body { background: rgba(0, 0, 0, 0) url("../images/bg.jpg") repeat fixed 0 0 ; position: relative; font-size: 18px; line-height: 28px; font-family: 'Open Sans', sans-serif; font-weight:300; color:#555; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { /* width: 1140px; */} a{ color: @color1; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; outline: none !important; } a:hover{ text-decoration:none; color: darken(@color1, 20%);} p { margin: 10px 0; } /* HEADERS */ .page-header{ margin:10px auto; border:none;} h1 { padding: 30px 0px; background-color: @color1; color:#fff; font-weight:700; font-size:40px; text-transform:uppercase; text-align: center; margin-bottom: 20px; position: relative; margin-top: 0px; } h2, h2 a, .page-header h2{ font-size: 45px; color:@color2; margin-bottom: 80px; position: relative; text-transform:uppercase; font-weight:800; margin-top:35px; text-align:center; border:none; font-family: 'Raleway', sans-serif; } h2::after { /* background-image: url("http://turneo.pl/templates/hanish-joomla/images/h1.png"); */ content: ""; height: 16px; left: 50%; position: absolute; top: 45px; transform: translateX(-50%); width: 100px; border-bottom: solid 4px @color2; } .contactpage{ text-align: center; } .contactpage p{ text-align: center; } .contactpage a{ font-size: 26px; text-align: center; padding: 10px; margin-bottom: 15px; display: inline-block; } .grubas{ font-weight:800; color: @color1; } #paralax h2, #pasek h2{ color: #fff; } h3{ font-size: 28px; text-transform:uppercase; line-height: 28px; color: #777; clear:both; } #cennik h3{ color: #fff; text-align: center; font-weight:800; } .moduletable h3{ text-align:center; font-size: 20px; } h4{ font-size: 20px; text-transform:uppercase; font-weight:bold; } h5 a, h5{ background-color:@color1; color:#fff; font-size:28px; text-align:center; padding:10px; border-radius:4px; margin:15px auto; display:block;} h6{ background-color:@color2; color:#fff; font-size:20px; text-align:center; padding:10px; border-radius:4px;} .article-info-term{ display:none;} /* TOPBAR */ .topbar{ background-color: #222; color: #fff; text-align: right; } .topbar p{ margin:0; padding:0px; } .topbar a{ color: #fff; font-size: 14px; } .dodatki{ transition: all .3s ease-out; width:100%; padding:0px; text-align:right; color:#FFFFFF; font-size:16px;} .social{ color:#bbb; width:100%; text-align:right; } /* HEADER */ header { background: rgba(0, 0, 0, 0) ; position: absolute; padding: 0px 0 0px; top: 0; left: 0; width: 100%; /* border-bottom: 1px solid #d7d7d7; */ transition: all .2s ease-out; z-index: 99999; } header.affix{ background: @color2; box-shadow:2px 0px 4px 0px #ccc;} header p{ padding:0; margin:0;} /* LOGO */ .logo{ padding:0px; margin:0px 0px;} .logo img { max-width: 100%; transition: all .2s ease-out; } header.affix .logo img { max-width: 100%; transition: all .2s ease-out; } /* BOTTOMBAR */ .bottombar{ background-color: @color2; color: @color1; } .bottombar img { transition: all .2s ease-out; padding-bottom: 0px; padding-top: 5px; } .bottombar img:hover { padding-top: 0px; padding-bottom: 5px; } /* MENU */ nav{ width:100%; text-align:right; color:#FFFFFF; font-size:16px; overflow:hidden;} nav ul { float:right; margin:0px; padding:0px; } .menu { li { list-style-type: none; float: left;} li a { font-family: 'Raleway', sans-serif; font-weight: 300; padding: 0 10px; line-height: 70px; margin:0px; color:#fff; text-transform:uppercase; } li a:hover{ color:@color1; background: rgba(255, 255, 255, 0.0); } li.active a{ color:#fff; } li.current a{ } li.current a:hover{ } } .affix .menu { li a { line-height: 50px; color:#fff; } li a:hover{ color:@color1; background-color: #fff; } li.active a{ color:@color1; } li.current a{ } li.current a:hover{ } } /* SLIDER */ #slider { overflow:hidden; } #slider .moduletabletlo{ padding-bottom:10px; background: rgba(0, 0, 0, 0) url("../images/sliderbg.jpg") no-repeat 0 0 / cover ; min-height:450px; text-align: center; color: #fff; text-shadow: 1px 1px 0px #000; } .custom-slide2 { background-color: #222; height: 50px; } /* PARALAX */ #galeria{ padding-bottom: 30px; } #rodzaje, #cennik{ background-color: @color2; color: #fff; padding-bottom: 50px; box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.4) inset; } #rodzaje h2,#cennik h2, #kontakt h2{ color:#fff; } #rodzaje h2::after , #cennik h2::after, #kontakt h2::after{ border-bottom: solid 4px #fff; } #rodzaje h3{ text-align: center; color: #fff; font-size: 33px; } #rodzaje .uk-panel ul li { font-size: 120%; list-style-type: square; text-align: left; } .uk-subnav li a{ text-transform:uppercase; color: #fff; font-weight: 700; font-size: 140%; } #zapisy{ padding-bottom: 50px; box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.4) inset; background: rgba(0, 0, 0, 0.2) url("../images/zapisy.jpg") repeat fixed 0 0 / cover ; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { border-top: 1px dashed lighten(@color2, 20%); line-height: 1.1; padding: 4px 6px;; vertical-align: top; } .table tr{ transition: all 0.2s ease-out 0s; } .table tr:hover{ background-color: lighten(@color2, 5%); } #paralax { background: url("../images/paralax.jpg") repeat fixed 0 0 / cover ; color: #fff; padding-bottom: 50px; box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.4) inset; filter: brightness(50%)} /* LOGASY */ #logasy { min-height:10px; overflow:hidden; padding-bottom: 50px; box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.4) inset; } #slider .moduletable{ margin-bottom:0px; } /* PASEK DOLNY */ #kontakt { background: rgba(0, 0, 0, 0.8) url("../images/paralax.jpg") repeat fixed 0 0 / cover ; color: #fff; } #kontakt .moduletable{ padding: 20px; } #kontakt a{ color: #fff; font-size: 30px; border: 1px #fff dashed; padding: 20px 30px; display: block; text-align: center; margin-bottom: 25px; } #kontakt a:hover{ background: rgba(0, 0, 0, 0.4); font-size: 30px; border: 1px #fff dashed; } #mapa{ filter: grayscale(100%); } /* SRODEK */ .main{ box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.4) inset; } article p { text-align:justify; } .item{ overflow:hidden;} .published{ display:block-inline; } .published time{ padding:3px; font-size:80%; background-color:#9C9C9C; color:#fff; border-radius:3px;} .readmore { float:right;} .readmore a{ background-color: @color1; border-radius: 0px; color: #fff !important; font-size: 12px; margin-top: 5px; padding: 3px 6px; border-radius:5px; text-transform:uppercase; } .readmore a:hover{ background-color: darken(@color1, 10%); color: #fff !important; } /* FOOTER */ #footer { background-color: @color1; color:#fff; padding:25px 0px; } #footer a { color:#fff; font-weight: 700; } #footer p { text-align:center; margin: 10px 0;} .wykonanie{ text-align: right; } /* zdjęcia */ img { border: 0 none; height: auto; max-width: 100%; vertical-align: middle; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } article img:hover{ } .item-page img{ } .item-image{ overflow:hidden; margin-right:12px; margin-bottom:12px; width:25%; } .items-leading { background-color:#f4f4f4; border-radius:5px; padding:10px;} .item:hover .item-image img{ transform: scale(1.2) rotate(5deg); } .item{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; padding:10px; border:1px solid #eee; margin:10px 0px; border-radius:5px; } .item:hover { border:1px solid #ccc; } .table td{ vertical-align: top !important;} .zatr-menu-opener { } tp-caption large_text{ border-style: none; border-width: 0; color: #34a2d0; font-size: 50px; letter-spacing: -1.5px; line-height: 36px; margin: 0; padding: 1px 4px 0; position: absolute; text-shadow: 5px 5px 10px #000000;} .nn_tooltips-link{ border:none;} #ca_banner h2{ text-align:center;} .categories-list a{ font-size:140%; } small, .small { font-size: 120%; } dl { margin-bottom: 5px !important; margin-top: 5px !important; } /*.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-top: 0px solid #ddd;}*/ .item-page ul, .iteam-page table{ clear:both;} /* BOX */ .box{ margin:20px 0px; padding:5px; overflow:hidden; } a .box h2 { text-align:center; margin:2px; font-size:26px; /* color:@color1; */ font-weight:300; margin:0px; } .box ul { margin:0px; } a .box p, a .box ul li{ line-height:18px; text-align:center; margin:0px; color:#7E7E7E; transition: all 0.3s ease-out 0s} .box img{ filter: grayscale(100%); border-radius:0px; margin:0px; transition: all 0.3s ease-out 0s; max-width:80px; margin:0 auto; text-align:center; display:block; } .zoom { position:relative; border-radius:0px; overflow: hidden; z-index: 10;} .box:hover{ } .box:hover img{ transform: scale(1.10); filter: grayscale(0%); } .box:hover h2 a{ color:@color1; } a .box:hover p, a .box:hover ul li{ color:#444;} .kontaktowatabelka td{ vertical-align: bottom !important;} /* FORMULARZE I BUTTONY */ .btn{ transition: all .3s ease-out; background-color: @color2; border-color:darken(@color2, 20%); color: #fff; font-size: 150%; } .btn:hover{ background-color: darken(@color2, 10%); color: #fff; } /*.form-horizontal .control-label { margin-bottom: 0; padding-top: 7px; text-align: left; } */ .mapprint{ display:none;} label { display: inline-block; font-weight: 300; margin-bottom: 5px; max-width: 100%; } #section1, #section2{ padding-top:50px;} .control-label { margin-bottom: 0; padding-top: 7px; text-align: left; font-size: 22px; } .gm-style{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } ul.nav-tabs li{ padding-bottom:0px;} .nn_tabs-toggle{ background-color:@color1; padding:20px; } .accordion-toggle{ font-size:115%; font-weight:bold; } ul.nav-tabs a { font-weight:bold; padding:8px 12px; font-size:115%; color:#FFFFFF;} ul.nav-tabs a:hover { background-color: darken(@color1, 10%);} .tab-content{ border:solid #ddd 1px; padding:15px; margin-bottom:30px;} .rl_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle { color: @color1; } hr{ clear:both;} .form-control { background:none; color: #fff; font-size: 150%; height: auto !important; } .form-horizontal .control-label { padding-top: 5px; text-align: right; } .form-control:focus { background: rgba(0, 0, 0, 0.4); } #jf_mm_menu ul{ float: none; } .jf_mm_wrapper h2 { color: @color2; margin-bottom: 10px; } .jf_mm_wrapper h2::after{ display: none; } .obnizka { padding-top: 70px; } /* media queries */ @media (min-width: 1140px) { .godziny{ width:50%;} .menu a:link, .menu a:visited{ } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 1170px; } } @media (min-width: 980px) and (max-width: 1139px) { .menu li a{ font-size: 12px; } .zatr-menu-opener{ display:none;} .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 970px; } #header nav ul{ float:right;} } @media (min-width: 768px) and (max-width: 979px) { .logo{ display:none;} h1{ font-size:25px;} } @media (max-width: 767px) { h1{ font-size: 40px; } h2{ font-size: 30px; margin-bottom: 30px; } h2::after { height: 16px; top: 25px; width: 100px; } .obnizka { padding-top: 10px; } .logo{ display:none;} .moduletable_menu{ display:none; } .dodatki{ text-align:center;} body { padding: 0; } .container { margin: 0 15px; } .copyrights, .wykonanie{ text-align: center; font-size: 80%; } /* #mapa { margin: 25px; }*/ } @media (max-width: 480px) { #kontakt a{ font-size: 24px; } #pasek a { font-size: 16px; padding: 10px 10px; } article p { text-align:left; } h1{ font-size:35px !important} #pwebfblikebox107{ display:none;} .blog .item img, .blog-featured img{ width:100%;} .container { margin: 0 10px; } h2{ font-size: 30px; } #scrollToTop{ display:none;} } .rsform-block-send{ text-align: center; } #g-recaptcha-28 div{ margin: 0 auto;}