body { font-family:"Titillium Web", Arial, sans-serif; font-size:14px; font-weight:300; } a { color:#7ec242; } a:hover { color:#000; } .container { position:relative; } .colWidth { padding:35px 0; } .content-text { -webkit-text-stroke:1px rgba(0,0,0,0.1); padding: 15px 25px; font-size: 1.1em; line-height: 1.6em; border-top: 1px #efefef solid; } .content-block h1 { margin-left:0px; } .main-header { border-top:10px #000 solid; } .main-header .container { padding:40px 0 30px; } #logo { padding-left:25px; } #main-nav { width:100%; text-align:center; background-color: #efefef; } #main-nav ul { list-style:none; margin:0 0; padding:0 0; } #main-nav ul > li { display:inline-block; } #main-nav a { font-weight:700; display:block; padding:15px 22px; color:#000; text-transform:uppercase; font-size:14px; } #main-nav li:hover a, #main-nav li.current a { background-color:#7ec242; color:#FFF; text-decoration:none; } #main-nav ul ul.dropdown-menu { background-color: #ceebb4; padding: 20px 0px; display: none; border: 0; border-radius: 0 0; } #main-nav ul li:hover ul.dropdown-menu { display:block; } #main-nav ul ul.dropdown-menu li { display:block; } #main-nav ul ul.dropdown-menu li a { font-weight:700; font-size:14px; color:#000; background-color:transparent; padding:9px 5px; margin:0 15px; } #main-nav ul ul.dropdown-menu li:not(:last-of-type) a { border-bottom:1px #bcd7a4 solid; } #main-nav ul ul.dropdown-menu li:hover, #main-nav ul ul.dropdown-menu li:hover a { background-color:#7ec242; color:#FFF; border-bottom-color:transparent; } .fastcontact { /* background-color:#f4f4f4;*/ padding:15px; text-align:right; display:inline-block; float:right; font-size:1.25em; } #slider { position:relative; } form#badanie-form { position: absolute; top: 20px; right:0px; width: 270px; background-color: #FFF; padding: 25px; z-index: 100; font-size:16px; color:#505050; } form#badanie-form h2 { font-size:28px; margin:0 0 10px 0; color:#000; } form#badanie-form h2 span { color:#7ec242; } form#badanie-form input[type=text] { background-color:#f2f2f2; border:1px #cccccc solid; padding:8px 12px; color: #131313; font-size: 14px; width: 100%; margin-bottom: 8px; } form#badanie-form button { background-color:#7ec242; color:#FFF; display: block; width:100%; padding: 10px 25px; font-weight: 900; text-transform: uppercase; border: 0; border-radius: 5px; font-size: 14px; transition:all .15s ease; -moz-transition:all .15s ease; -webkit-transition:all .15s ease; margin:15px 0; } form#badanie-form button:hover { background-color:#333; } .owl_camera_slider { overflow:hidden; height:500px; } .owl_camera_slider .slide { width:100%; height:500px; position:relative; background-position:center center; background-size:cover; float:left; } .owl_camera_slider .owl-item { width:100%; height:500px; } .owl_camera_slider .text { position:absolute; top:50px; left:50px; width:400px; color:#FFF; font-size:1.15em; } .owl_camera_slider .text h1, .owl_camera_slider .text h2 { font-size:3em; margin:0 0 .5em 0; } .offer-carousel { width:80%; margin:0 auto; height:260px; visibility: hidden; opacity: 0; transition:all .15s ease; -moz-transition:all .15s ease; -webkit-transition:all .15s ease; } .offer-carousel.owl-loaded { visibility: visible; opacity: 1; } .offer-carousel .owl-prev { position:absolute; left:-65px; font-size:30px; top:-30px; } .offer-carousel .owl-next { position:absolute; right: -55px; font-size: 30px; top: -30px; } .oferta-item { display:block; width:300px; height:250px; background:#efefef url(../img/tempoffer.jpg) no-repeat center center; background-size:cover; position:relative; box-shadow:5px 5px 0px #EFEFEF; } .oferta-item a { display:block; position:absolute; width:100%; height:100%; top:0; left:0; text-decoration:none; box-shadow:inset 0px -10px 0px 3px #7ec242; } .oferta-item a span { display:block; background-color:#7ec242; color:#FFF; font-size:16px; padding:12px 12px; text-align:center; } .service-block { padding: 25px 0 10px; font-size: 1.15em; } .offer-carousel .owl-controls { top: 50%; position: absolute; width: 100%; } .inverse-block { margin: 40px auto 0; background: black url(../img/inverse-bg.jpg) no-repeat center center; color: #adaba8; padding: 25px 0 50px; text-align:center; font-size:1.1em; } .inverse-block h1, .inverse-block h2 { color:#FFF; margin:0 0; padding:20px 0 30px; font-size:2.75em; } .inverse-block h3 { color:#FFF; margin:0 0; padding:10px 0 10px; font-size:2.25em; } .inverse-block h4 { color:#7ec242; margin:0 0; padding:10px 0 10px; font-size:1.75em; } .inverse-carousel { height:275px; overflow:hidden; margin:45px auto 25px; } .inverse-carousel .item { height:275px; width:275px; float:left; display:block; background-size: cover; background-position: center center; } .copyright-block { background:#7ec242 url(../img/bgcopy.png) repeat; padding:25px 0; } .copyright-block ul { padding-left: 25px; color: #FFF; } .copyright-block h3 { margin:0 0; padding:10px 0; font-size:1.5em; color:#FFF; } .copyright-block a { color: #000; text-decoration: none; font-size: 1.1em; display: block; margin: 5px 0; font-weight: 600; } .footer { background-color:#629d2e; padding:25px 0; color:#FFF; } .footer a { color:#FFF; } .copyright-block .ajaxInfo { background-color: rgba(255, 255, 255, 0.5); padding: 10px; text-align: center; font-weight: 900; font-size: 1.25em; display:none; } .copyright-block form input[type=text] { width:49%; display:inline-block; background-color:#6da839; color:#FFF; padding:10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; height:50px; margin-bottom:10px; border:1px #629535 solid; } .copyright-block form input[type=text]:first-of-type { margin-right:1%; } .copyright-block form textarea { width:99.5%; background-color:#6da839; color:#FFF; padding:10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; height:150px; margin-bottom:10px; border:1px #629535 solid; } /* do not group these rules */ .copyright-block form *::-webkit-input-placeholder { color: rgba(255,255,255,.75); } .copyright-block form *:-moz-placeholder { /* FF 4-18 */ color: rgba(255,255,255,.75); } .copyright-block form *::-moz-placeholder { /* FF 19+ */ color: rgba(255,255,255,.75); } .copyright-block form *:-ms-input-placeholder { /* IE 10+ */ color: rgba(255,255,255,.75); } .text-right { text-align:right; } .text-center { text-align:center; } .button, .owl_camera_slider .text a:last-of-type { display: inline-block; padding: 10px 45px; background-color: #FFF; color: #629d2e; font-weight: 900; text-transform: uppercase; border: 0; border-radius: 5px; font-size: 1.15em; transition:all .15s ease; -moz-transition:all .15s ease; -webkit-transition:all .15s ease; } .button:hover, .button:focus, .owl_camera_slider .text a:last-of-type:hover, .owl_camera_slider .text a:last-of-type:focus { outline:0; background-color:#629d2e; color:#FFF; text-decoration:none; } #reservation-form { position:fixed; overflow-x:hidden; overflow-y:auto; z-index:1000; top:0; left:0; width:100%; height:100%; display:none; } #reservation-form.on { display:block; } #reservation-form:before { position:absolute; top:0; left:0; content:""; display:block; background-color:rgba(0,0,0,.75); width:100%; height:100%; } #reservation-form form { background-color: #FFF; margin: 20px auto; position: relative; padding: 15px 35px 40px; max-width: 900px; } #reservation-form input[type="time"], #reservation-form input[type="text"] { box-sizing: border-box; line-height: inherit; padding: 8px 12px; margin-bottom: 5px; width: 100%; max-width: 400px; } #reservation-form textarea { padding: 8px 12px; margin-bottom: 5px; width: 100%; height:165px; max-width: 400px; } #reservation-form label:hover, #reservation-form input[type=checkbox]:hover { opacity:.75; cursor:pointer; } #reservation-form button { background-color:#7ec242; color:#FFF; display: inline-block; padding: 10px 45px; font-weight: 900; text-transform: uppercase; border: 0; border-radius: 5px; font-size: 17px; margin:15px 0; transition:all .15s ease; -moz-transition:all .15s ease; -webkit-transition:all .15s ease; } #reservation-form button:hover { background-color:#333; } #reservation-form .soczewki { padding-left:25px; } @media screen and (max-width:720px) { .col-xs-center { text-align:center; } } #inlineDatepicker { } #inlineDatepicker .ui-datepicker-inline { width: 100%; } #inlineDatepicker .ui-datepicker th { font-size: 14px; } #inlineDatepicker .ui-state-disabled, #inlineDatepicker .ui-widget-content .ui-state-disabled, #inlineDatepicker .ui-widget-header .ui-state-disabled, #inlineDatepicker .ui-datepicker td span, #inlineDatepicker .ui-datepicker td a { font-size: 14px; line-height: 9px; } #inlineDatepicker .ui-datepicker .ui-datepicker-title { font-size: 15px; } #inlineDatepicker .ui-datepicker .ui-datepicker-prev, #inlineDatepicker .ui-datepicker .ui-datepicker-next { font-size: 21px; height: 1.6em; } h3 strong { color: #7EC242; letter-spacing: -0.9px; font-size: 22px; } h3 strong span { color: #000; } #reservation-form input[type="text"].error { border-color: #f00; } .copyright-block form textarea.error, .copyright-block form input[type=text].error, input.error, textarea.error, select.error { border-color: #f00; }