/* font-family: 'Open Sans', sans-serif; font-family: 'Raleway', sans-serif; */ /* MAIN */ @color1: #36a9e1; @color2: #242e54; @color3: #f4f4f4; body { backgrounsd: rgba(0, 0, 0, 0.5) 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:@color2; } .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;} .tytul { padding: 30px 0px; background-color: @color1; color:#fff; text-align: center; margin-bottom: 0px; position: relative; margin-top: 0px; } h1{ text-align: center; } .tytul h1{ font-weight:700; font-size:50px; text-transform:uppercase; margin-bottom: 20px; } .tytul h2{ font-weight:400; font-size:30px; color: #fff; margin-bottom: 10px; margin-top:10px; text-transform:none; } h2, h2 a, .page-header h2{ font-size: 35px; color:@color1; margin-bottom: 80px; position: relative; text-transform:uppercase; font-weight:400; 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 2px @color1; } .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; } #paralax h2::after , #pasek 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 2px #fff; } h3{ font-size: 28px; /* text-transform:uppercase; */ line-height: 38px; color: @color1; text-align:left; clear:both; } .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(36, 46, 84, 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: rgba(36, 46, 84, 1.0) ; box-shadow:2px 0px 4px 0px #666;} 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: 70%; 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: none; } li.active a{ color:#fff; } li.current a{ } li.current a:hover{ } } .affix .menu { li a { line-height: 50px; } li a:hover{ color:@color1; background-color: none; } li.active a{ color:@color1; } li.current a{ } li.current a:hover{ } } /* SLIDER */ #slider { overflow:hidden; min-height:100px; background-color: @color2; } #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; } #onas{ padding-bottom: 50px; } /* PARALAX */ #dlafirm{ background-color: @color2; padding-bottom: 30px; color: #fff; padding-bottom: 50px; box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.2) inset; } #dlafirm p, #dlafirm h3{ text-align: center; } #technologia, #kontakt{ box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.2) inset; } #dlafirm h2 { color:#fff; } #dlafirm h2::after, #kontakt h2::after{ border-bottom-color: #fff; } .kontakty{ margin-bottom: 45px; } .kontakty a{ border-radius: 3px; display: block; padding: 5px; text-align: center; background-color: #fff; color: #000; font-size: 140%; font-weight: 800; } .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 ; } #dlakogo{ background-color: #f4f4f4; padding-bottom: 30px; } #promocja{ background: rgba(0, 0, 0, 0.2) url("../images/zimatlo.jpg") repeat fixed 0 0 / cover ; } .osoba{ } .osoba p{ text-align: center; margin: 5px; font-size: 90%; } .zoom { margin: 0 auto; position:relative; overflow: hidden; max-width:250px; z-index: 10; text-align: center;} .osoba img{ text-align: center; max-width:200px; padding:0px; } .osoba:hover img{ transform: scale(1.12); } .osoba h3{ font-weight: 400; margin: 10px 0 0 0; padding: 0px; font-size: 23px; line-height: 45px; text-align: center; text-transform:uppercase; font-family: 'Raleway', sans-serif; color: @color2; -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; letter-spacing: 1px; } .osoba:hover h3{ letter-spacing: 2px; } #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/formularz.jpg") repeat fixed 0 0 / cover ; color: #fff; } #kontakt h2{ color: #fff; } #kontakt { padding-bottom: 35px; } #kontakt a{ font-size: 21px; padding: 15px; margin-bottom: 35px; } #kontakt a:hover{ background: @color2; color: #fff; } #mapa{ filter: grayscale(100%); } /* SRODEK */ .main{ //box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.4) inset; } .item-page, .hikashop_product_page, #hikashop_checkout, #hikashop_banktransfer_end{ max-width: 940px; margin: 10px auto; } 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: @color2; 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; } .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; } .item-page ul, { 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; } .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, a.hikabtn, .hikabtn{ transition: all .3s ease-out; background-color: @color1; border:none; color: #fff; font-size: 120%; margin: 10px; } .btn:hover, a.hikabtn:hover, .hikabtn:hover{ background-color: darken(@color1, 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; width: 100%; } .label-info{ background-color: #B90003; } legend{ color: #A3A3A3; text-align: center; } #form-login-remember{ display: none; } #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; } .rsform-block-send{ text-align: center; } #g-recaptcha-28 div{ margin: 0 auto;} form table{ text-align: center; margin: 0px auto; } #hikashop_category_information_module_103 .hikashop_product_image{ height: auto !important; } .hikashop_product_price{ font-size: 150%; color:@color1; } #hikashop_product_right_part{ text-align: right; } .hikashop_product_custom_info_main_table{ text-align: right; } td.key{ text-align: left; padding-right: 10px; } .hikashop_product_name{ font-size: 180%; font-weight: 800; } #hikashop_product_custom_info_main table{ width: 100%; } /* media queries */ @media (min-width: 1140px) { .hikashop_product_page table { float: right; width: auto; } .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) { .hikashop_product_page table { float: right; width: auto; } #hikashop_checkout_login_form{ text-align: center; } .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) { #hikashop_product_right_part{ text-align: center; } .hikashop_product_page table { width: auto; } form table{ text-align: center; margin: 0px auto; } #hikashop_checkout_login_form{ text-align: center; } #hikashop_checkout_cart_1_6 td{ padding-left: 30%; } h1{ font-size:25px;} } @media (max-width: 767px) { #hikashop_product_right_part{ text-align: center; } .hikashop_product_page table { width: auto; } form table{ text-align: center; margin: 0px auto; } #hikashop_checkout_login_form{ text-align: center; } #hikashop_checkout_cart_1_6 td{ padding-left: 30%; } h1{ font-size: 40px; } h2{ font-size: 30px; margin-bottom: 30px; } h2::after { height: 16px; top: 25px; width: 100px; } .obnizka { padding-top: 10px; } #oferta .stan{ column-count: 1; } #oferta ul li { font-size: 100%; } #kontakt a{ font-size: 16px; padding: 5px; margin-bottom: 5px; } .logo{ display:none;} #slider { overflow:hidden; min-height:30px; background-color: @color2; } .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;} } .nav > li > a:focus { text-decoration: none; background-color: darken(@color2, 2%);}