@charset "utf-8"; /* CSS Document */ @charset "utf-8";/* CSS Document *//* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126License:none (public domain)*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline } /* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block } body { line-height:1 } ol, ul { list-style:none } blockquote, q { quotes:none } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none } blockquote.wp-block-quote.ramka { border-left: 3px solid #3c8c9e; padding-left: 20px; margin-bottom: 20px; font-weight: 600;} .rmp-menu-additional-content a {color:#fff;} .rmp-menu-additional-content p {margin-bottom: 20px;} table { border-collapse:collapse; border-spacing:0 } img { max-width:100%; height:auto; vertical-align:bottom } strong { font-weight:bold } em { font-style:italic } a, a:hover, a:focus { text-decoration:none } body { font-family:'Open Sans', Tahoma, sans-serif; font-size:16px; line-height:1.5; color:#474747 } h1, h2, h3, h4, h5, h6 { font-family:Nunito, Tahoma, sans-serif } .container { position:relative; width:1280px } /*3c8c9e*/table { width:80% } td { padding:10px 5px; border:1px solid #ccc; font-size:14px } th { background-color:#3c8c9e; font-weight:700; color:#fff; padding:5px; border:1px solid #3c8c9e } .top { line-height:38px; color:#9b9b9b; font-size:0.9em } .top a { display:inline-block; color:#fff } .top ul { display:inline-block } .top ul li { display:inline-block } .top h3 { display:inline-block; font-size:1.2em; font-weight:700; margin-right:5px; color:#3c8c9e } .top-contact ul li { padding-right:5px } .phone { position:absolute; right:10px; top:7px; font-size:1.4em } .phone a { font-weight:600; color:#fff; background-color:#3c8c9e; padding:9px 14px; display:inline-block; border-radius:8px; line-height:1; font-size:18px } .umow-btn { top:10px; position:absolute; right:200px } .umow-btn .booksy-widget-container-dialog .booksy-widget-button { width:167px; height:36px } .umow-btn .booksy-widget-button { background-image:url(images/rezerwuj-btn.png) !important } .umow-btn .booksy-widget-container-dialog .booksy-widget-button:hover { width:167px; height:36px; transition:all 0.5s ease 0s } .umow-btn .booksy-widget-container-dialog { display:inline-block; width:167px; height:36px; text-align:center } .socials { position:absolute; top:10px; right:385px } .socials li a { padding:0 10px; color:#9e9e9e } .socials li a .fa { font-size:1.2em } .line { position:absolute; left:15px; right:15px; bottom:0px; height:0px; background-color:#ebebeb } .logo { float:left; max-width:320px } .logo a { padding-top:0px; padding-bottom:0px; display:block } .logo img { display:block; margin-left:-5px; max-width:260px } .logo h2 { text-transform:uppercase; font-size:12px; line-height:1.2; color:#ccc; position:relative; top:-8px } #nav { float:right; margin-top:38px } #nav ul { margin-right:-15px } #nav ul:after { content:""; display:block; clear:both } #nav ul li { display:inline-block; position:relative } #nav ul li a { display:block; float:left; padding:5px 10px; font-size:14px; font-weight:600; color:#474747; line-height:1.3 } #nav ul li .sub-menu {display:none;position:absolute;left:0;padding-top: 14px;top:100%;z-index:115;} #nav ul li:hover .sub-menu { display:block } #nav ul li:hover .sub-menu li { float:none; display:block } #nav ul li:hover .sub-menu li a {background-color: rgb(64 64 64 / 90%);width:240px;padding:7px 10px;font-size:14px;color:#fff;float:none;line-height:1.2;} #nav ul li.current-menu-item > a,#nav ul li.current-menu-ancestor > a {color: #ff9800;} .page-id-268 #nav ul li#menu-item-23 > a {color: #474747} #nav ul li#menu-item-22:hover .sub-menu { left: -40px; } #nav ul li#menu-item-22:hover .sub-menu li a { width: 160px; } .header-wrapper { position:relative } .header-wrapper li { position:relative; background-position:right top; background-repeat:no-repeat } .header { position:relative; min-height:48vh; z-index:10 } .caption { position:absolute; left:0px; bottom:0; z-index:10; max-width:540px; top:0; display:flex; flex-flow:column; justify-content:center; align-items:flex-start } .caption a { color:#474747; display:inline-block } .caption h2 { font-size:2.1em; line-height:1.1; margin-bottom:20px } .caption p { font-size:1.2em; margin-bottom:20px; color:#8b8b8b } .rslides { position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0 } .rslides li { -webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0 } .rslides li:first-child { position:relative; display:block; float:left } .rslides img { display:block; height:auto; float:left; width:100%; border:0 } .rslides_nav { position:absolute; top:50%; height:82px; width:46px; background-image:url(images/nav.png); background-position:0 center; background-repeat:no-repeat; z-index:100; margin-top:-40px; display:block; text-indent:-9999px; opacity: 0; } .header-wrapper:hover .rslides_nav { opacity: 1; } .rslides_nav.next { right:2%; background-position:-46px center } .rslides_nav.prev { left:2% } .rslides_tabs { text-align:center; position:absolute; bottom:10px; z-index:100; right:0; left:0 } .rslides_tabs li { display:inline-block } .rslides_tabs li a { display:block; margin:0 3px; text-indent:-9999px; border:2px solid #fff; width:10px; height:10px; border-radius:50% } .rslides_tabs li.rslides_here a { background-color:#fff; border:2px solid transparent } .more { border:2px solid #3c8c9e; border-radius:5px; display:inline-block; font-weight:600; font-size:14px; color:#474747 } .oferta-wrapper { padding-top:30px; padding-bottom:80px } .news-wrapper { padding-top:30px;padding-top: 80px;} .oferta { margin-bottom:20px } .oferta img { display:block; border-radius:10px } .oferta-img { position:relative } .oferta-img a { color:#fff } .mask { opacity:0; position:absolute; left:0; top:0; right:0; bottom:0; font-size:13px; overflow:hidden; padding:40px 20px 20px 20px; background-color:rgba(60,140,158,0.74); -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out } .oferta h3 a { display:block; color:#474747; font-size:1.15em; font-weight:700; padding-top:10px;line-height: 1.1; min-height: 60px; } .oferta:hover .mask { opacity:1 } .about-wrapper { padding-top:50px; padding-bottom:50px; position:relative; background-color:#f0f0f0 } /*.about img{border:8px solid #fff;border-radius:8px} */.about h2.page-title { font-size:3em; position:relative } .about h2.page-title span { font-weight:700; text-transform:uppercase; color:#3c8c9e } .about h1 { font-size:1em; color:#888888; font-weight:700 } .about .box-text { padding-top:5px } .about .box-text p:first-of-type { font-weight:700 } .about .box-text p { margin-bottom:20px } .see-more { padding:40px 0 } .section-wrapper {padding-top:70px;padding-bottom:20px;position:relative;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f2fa+0,f7f7ff+100 */ background: #f2f2fa; /* Old browsers */ background: -moz-linear-gradient(top, #f2f2fa 0%, #f7f7ff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f2f2fa 0%,#f7f7ff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f2f2fa 0%,#f7f7ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2fa', endColorstr='#f7f7ff',GradientType=0 ); /* IE6-9 */ } /*.about img{border:8px solid #fff;border-radius:8px}*/ .section-wrapper:before { content: ""; display: block; background-size: 100% 50px; top: -50px; height: 100px; z-index: 1; transform: rotateY(0deg); position: absolute; left: 0; right: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMjBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNGMkYyRkEiPjxwYXRoIGQ9Ik0xMjgwIDMuNEMxMDUwLjU5IDE4IDEwMTkuNCA4NC44OSA3MzQuNDIgODQuODljLTMyMCAwLTMyMC04NC4zLTY0MC04NC4zQzU5LjQuNTkgMjguMiAxLjYgMCAzLjRWMTQwaDEyODB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA1MS43NmMtMjAxIDEyLjQ5LTI0Mi40MyA1My40LTUxMy41OCA1My40LTMyMCAwLTMyMC01Ny02NDAtNTctNDguODUuMDEtOTAuMjEgMS4zNS0xMjYuNDIgMy42VjE0MGgxMjgweiIvPjwvZz48L3N2Zz4=); z-index: -1; } .section-wrapper:after { content: ""; display: block; transform: rotateY(180deg); position: absolute; left: 0; right: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSI1MHB4IiB2aWV3Qm94PSIwIDAgMTI4MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2Y3ZjdmZiI+PHBhdGggZD0iTTMyMCAyOEMxNjAgMjggODAgNDkgMCA3MFYwaDEyODB2NzBjLTgwIDIxLTE2MCA0Mi0zMjAgNDItMzIwIDAtMzIwLTg0LTY0MC04NHoiLz48L2c+PC9zdmc+); background-size: 100% 120px; bottom: -100px; height: 120px; z-index: 1; } .section-wrapper h2.page-title, .section-wrapper h3 { font-size:2.7em; position:relative; line-height:1.1; margin-bottom:10px } .section-wrapper h2.page-title strong, .section-wrapper h3 strong { font-weight:700; text-transform:uppercase; color:#3c8c9e } .section-wrapper h1 { font-size:1em; color:#888888; font-weight:700 } .section-wrapper .section-text { padding-top:5px } .section-wrapper .section-textsection-text p:first-of-type { font-weight:700 } .section-wrapper .section-text p { margin-bottom:14px; font-size:16px; line-height:1.4 } .section-wrapper .section-text ul { list-style:square; margin-left:20px } svg { display:none; position:absolute; bottom:0; width:100%; height:5vw } .btn-forms {} .wp-block-group.special { max-width: 100%; box-sizing: border-box; padding: 20px 20px 20px 20px; border-left: 5px solid #ff9800; margin-bottom: 40px; background-color: #f1f1f1; padding-right: 10%; position: relative; border-top-right-radius: 10px; border-bottom-right-radius: 10px; margin-left: 0; } /* .wp-block-group.special:before { content: "Oferta specjalna"; display: inline-block; position: absolute; top: 64px; left: -103px; background-color: #3c8c9e; color: #fff; padding: 5px 20px; transform: rotate( -90deg); border-top-right-radius: 10px; border-top-left-radius: 10px; } */ .wp-block-group.special p:last-of-type {margin-bottom: 0} .btn-forms { background-color: #f0ad4e; margin-bottom: 20px; font-weight: bold; font-size: 16px; } .btn-forms:hover {background-color: #d18719;} .page-template-page-oferta-theme .page-content h2, .page-content h2 {color: #f0ad4e;} .page-wrapper.page-oferta-view.page-268, .oferta-wrapper { background-image: url(images/c-2.png); background-repeat: no-repeat; background-size: 40%; background-position: right center; } .page-wrapper .caldera-grid .btn { background-color: #3c8c9e; color: #fff; text-shadow: none; border: 0; width: 100px; padding: 10px 20px; border-radius: 5px; font-weight: bold; } .oferta-wrapper .inner { padding: 20px; background-color: rgb(255 255 255 / 62%); box-shadow: 0 0 4px 0 #c5c5c5; } .oferta-wrapper .box-title a {color: #3c8c9e;} .oferta-wrapper .inner p {font-size: 15px;} .news-wrapper { padding-bottom:20px } .news-text { margin-bottom:10px } .news-text h3 a { display:block; color:#474747; font-size:1.2em; line-height:1.2; font-weight:700; padding-top:10px; min-height:70px } .leads { padding-left:10%; padding-right:10%; font-size:16px; padding-bottom:30px; text-align:center } .leads h2.section-title { font-size:2.2em } .leads p { font-size:0.9em } .post-more { font-size:13px; font-weight:bold } .blog-post { margin-bottom:60px } .page-content { padding-top:50px; padding-bottom:60px; min-height:50vh } .no-padding { padding-top: 0!important; } .no-padding > p { margin-bottom: 0!important; } .page-content h1 { font-size:3em; position:relative } .page-content-parent { padding-top:0px; padding-bottom:30px } /* .header-page{background:-moz-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(211,211,211,1) 10%,rgba(211,211,211,1) 90%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(211,211,211,1) 10%,rgba(211,211,211,1) 90%,rgba(0,0,0,0) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(211,211,211,1) 10%,rgba(211,211,211,1) 90%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#00000000',GradientType=1)} */ .faq { padding: 50px 0px; } .pages .faq h4 { font-size: 18px; margin-bottom: 5px; } .pages .faq h4 a { display: block; padding: 10px 15px; } .pages .faq p { display: inline-block; } .pages .faq .panel { border: 0px; margin-bottom: 8px; } .pages .faq .panel-default { border-radius: 0px; } .pages .faq .panel-heading { background-image: none; border-top-left-radius: 0px; border-top-right-radius: 0px; padding: 0px;background-color: #ffc107; } .pages .faq .panel-heading:hover { background-color: #c3c3c3; } .pages .faq .active { background-image: none; background-color: #ffc107; } .header-page { background-color: #3c8c9e; color: #fff; } .breadcrumbs {font-size:13px;padding-bottom:20px;padding-top:20px;padding-left: 0px;} .breadcrumbs a { font-weight:bold; color:#fff } .breadcrumbs { } .pages { } .pages h1 { font-size:28px; font-weight:bold; margin-bottom:20px; line-height:1.2 } .pages h2 { font-size:24px; font-weight:bold; margin-bottom:20px; line-height:1.2 } .pages h3 { font-size:22px; font-weight:bold; margin-bottom:20px; line-height:1.2 } .pages h4 { font-size:20px; font-weight:bold; margin-bottom:20px; line-height:1.2 } .pages h5 { font-size:18px; font-weight:bold; margin-bottom:20px; line-height:1.2 } .pages h6 { font-size:16px; font-weight:bold; margin-bottom:20px; line-height:1.2 } .pages ul { margin:0 0 20px 30px; list-style:square } .pages ol { margin:0 0 20px 30px; list-style:decimal } .pages p { margin-bottom:20px } .pages ul { } #cc-form {padding-top: 60px;} .blog-content h3 a { color: #474747; } .box-title a { font-weight:bold; font-size:17px; display:block; line-height:1.1; min-height:30px } .oferta .lead { font-size:1em; min-height:100px } .person-item { margin-bottom:40px } .person-img { position:relative } .person-item .mask { opacity:0; position:absolute; left:0; right:0; top:0; bottom:0; z-index:10; background-color:rgba(60,140,158,0.81); padding:15px; color:#fff } .person-item:hover .mask { opacity:1 } .person-item h2.person-name { text-align:center; font-size:17px; font-weight:600; margin:0; line-height:1.2 } .person-item h2.person-name a { display:block; padding:10px 0 5px; color:#474747 } .person-item h3.person-add-info { text-align:center; font-size:12px; font-weight:600; color:#3c8c9e; line-height:1.1;min-height: 30px;margin-bottom: 0; } .person-content { min-height:50px } h2.person-main-content-heading-2 { font-size:16px; padding-top:10px; margin:0 } h3.person-main-content-heading-3 { margin:0; padding:0; font-size:14px } .navipages .wp-pagenavi a, .navipages .wp-pagenavi span { padding:0; width:26px; height:26px; line-height:24px; display:inline-block; border-radius:3px; text-align:center; font-size:13px; color:#474747 } .sidebar { padding: 20px; background-color: #3c8c9e; margin-top: 60px; border-radius: 15px; min-height: 420px; } .widget-title-break { margin-bottom: 20px; } .footer-wrapper { background: #3c8c9e; /* Old browsers */ background: -moz-linear-gradient(left, #3c8c9e 0%, #9b58c5 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #3c8c9e 0%,#9b58c5 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #3c8c9e 0%,#9b58c5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c8c9e', endColorstr='#9b58c5',GradientType=1 ); /* IE6-9 */ color: #fff; position: relative; } .footer-wrapper .container { padding: 180px 0 60px;} @media screen and (min-width:800px) { .footer-wrapper:before { content: ""; display: block; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSI1dnciIHZpZXdCb3g9IjAgMCAxMjgwIDE0MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmZmZmIj48cGF0aCBkPSJNMCAwdi40OEMxOC42MiA5LjM4IDI5Ny44MSAxNDAgNjM5LjUgMTQwIDk5My4yNCAxNDAgMTI4MCAwIDEyODAgMHoiIGZpbGwtb3BhY2l0eT0iLjMiLz48cGF0aCBkPSJNMCAuNmMxNCA4LjI4IDE3Ni41NCA5OS44IDU1NS40NSAxMTkuMTRDOTUyLjQxIDE0MCAxMjgwIDAgMTI4MCAwSDB6IiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTcyNi4yOSAxMDEuMkMxMTI2LjM2IDc5LjkyIDEyODEgMCAxMjgxIDBIMWMuMDUgMCAzMjUuMjUgMTIyLjQ4IDcyNS4yOSAxMDEuMnoiLz48L2c+PC9zdmc+); background-size: 100% 95px; top: 0px; height: 93px; z-index: 10; transform: rotateY( 180deg ); background-repeat: repeat; position: absolute; left: 0; right: 0; z-index: 20; } } .footer { font-size:14px } .footer a { color:#fff } .footer p { margin-bottom:15px } .footer .blockTitle { font-weight:bold; margin-bottom:15px; font-size:18px } .footer .widget ul { margin:0 0 0 25px; list-style:square } .footer .widget ul li a { padding:3px 0; display:block } .footer .socials-widget { text-align:right } .footer .socials-widget ul li { display:inline-block } .footer .socials-widget ul li a { display:block; width:36px; height:36px; padding:0; line-height:32px; text-align:center; border:2px solid #fff; font-size:18px; border-radius:8px; margin-left:5px } .bottom-wrapper { font-size:0.7em; color:#fff; background-color:#125969; padding:20px 30px } .bottom .made { text-align:right } .bottom a { color:#fff } .home .faq {padding-bottom: 0;padding-top: 0;} .accordion-wrapper { padding-bottom: 0px; } .accordion-wrapper .accordion { background-color: #f0ad4e;/* border: 3px solid #f0ad4e;background-color: #fff; border: 3px solid #3c8c9e;*/ color: #000; cursor: pointer; padding: 18px; width: 100%; margin: 5px 0; text-align: left; outline: none; font-weight: 700; font-size: 16px; transition: .4s; border-radius: 10px; } .accordion-wrapper .accordion i { float: right; font-size: 22px; } .accordion-wrapper .active, .accordion:hover {background-color: #d88006; color: #fff; } .accordion-wrapper .active .fa-angle-down:before { content: "\f106"!important; } .accordion-wrapper .accordion .fa-angle-down:before { content: "\f107"; } .accordion-wrapper .panel { padding: 20px; display: none; background-color: #ebebeb; overflow: hidden; color: #000; font-size: 16px; } .accordion-wrapper .panel p { color: #000; padding-bottom: 15px; } .accordion-wrapper .panel ul { list-style: disc; margin-left: 20px; padding-bottom: 20px; } .sidebar .widget.all-info .fa { font-size: 60px!important; color: rgba(255, 255, 255, 0.507); width: 50px; height: 50px; line-height: 50px!important; position: absolute; right: 2%; top:5%; } .sidebar .widget.all-info h2.widget-title { text-transform: uppercase; font-weight: 700; } .sidebar .widget p { margin-bottom: 15px; } .sidebar .spec-p { margin-bottom: 20px; font-size: 14px; } .sidebar .widget { margin-bottom: 40px; color: #fff; padding: 20px; } .page-oferta-view .sidebar .widget { margin-bottom: 0; padding: 10px; } .sidebar .widget a { color: #fff; } .sidebar h2.blockTitle { border-bottom: 1px solid #fff; padding-bottom: 7px; margin-bottom: 20px; font-size: 20px; line-height: 1.1; color: #fff; } .sidebar .rpwwt-widget ul { margin: 0; } .sidebar ul li a { color: #fff; font-weight: 600; } .sidebar #rpwwt-recent-posts-widget-with-thumbnails-2 img { width: 70px; height: 46px; } span.rpwwt-post-title { font-size: 14px!important; line-height: 1.3; font-weight: 700; display: block; } .sidebar .popular-posts ul { padding: 0; margin: 0; list-style: none; } .sidebar .widget-persone img { margin: 0 auto; margin-bottom: 10px; } .sidebar .widget-persone h3 { margin-bottom: 0px; text-align: center; font-size: 14px; } .sidebar .widget-persone h4 { font-size: 13px; text-align: center; } .wp-block-group.ramka:after {content: "\f12e";display: inline-block;font: normal normal normal 14px/1 FontAwesome;position: absolute;font-size: 440px;top: 100px;left: -20%;color: #f2dede;transform: rotateZ(402deg);z-index: -1;opacity: 0.2;} .wp-block-group.ramka { padding: 10px; border-left: 6px solid #3c8c9e; margin-bottom: 20px; margin-top: 20px; column-count: 1; } /* TUS */ .last-days { position: absolute; top: 0px; left: 0; right: 0; font-size: 13px; background-color: #8bc34a; max-width: 72%; margin: 0 auto; color: #fff; border-radius: 4px; font-weight: 700; } .step-1 .qubely-row-overlay { background-image: url(images/c-1.png); background-repeat: no-repeat; background-size: 500px; background-position: left center; } .step-2 .qubely-row-overlay { background-image: url(images/c-2.png); background-repeat: no-repeat; background-size: contain; background-position: right center; } .step-3 .qubely-row-overlay { background-image: url(images/c-1.png); background-repeat: no-repeat; background-size: 400px; background-position: left center; } @media only screen and (min-width:1380px) { .header { min-height:55vh } .caption { left:0% } .rslides li { background-position: right center; background-size: 100%; } } @media only screen and (max-width:1500px) { } @media only screen and (min-width:1281px) and (max-width:1379px) { .header { min-height:65vh } .caption { left:0% } .caption h2 { font-size: 2em; } .rslides li { background-position: right center; background-size: 100%; } .rslides_nav.prev { left: 0%; } .rslides_nav.next { right: 0%; } } @media only screen and (min-width:1200px) and (max-width:1280px) { .rslides li { background-position-x:90%; background-position-y:30% } .caption { left:7% } } @media only screen and (min-width:900px) and (max-width:1200px) { .container { width:100% } .top-contact { margin-top:10px } .header { min-height:65vh } #nav { display:flex; width:100%; flex-direction:row; justify-content:center } .caption { left:5% } } @media only screen and (min-width:900px) and (max-width:1200px) { .container { max-width:100% } .top-contact { margin-top:10px } .header { min-height:65vh } #nav { display:flex; width:100%; flex-direction:row; justify-content:center } .caption { left:5% } } @media only screen and (min-width:900px) and (max-width:935px) { #nav { width:100% } #nav ul li a { padding:5px 8px } } /*TABLET*/@media only screen and (min-width:768px) and (max-width:900px) { .container { width:100% } .top .container { padding-left:0; padding-right:0 } body { font-size:18px } .top { max-width:100%; padding-top:10px; line-height:1.3; min-height:150px } .logo { float:left; max-width:320px; position:absolute; top:0; left:10px } .top-contact { margin-top:100px; text-align:center; display:flex; flex-flow:column; margin-bottom:30px } .top-right { display:flex; margin-bottom:20px } .socials { position:relative; top:initial; right:initial; display:none !important } .umow-btn { top:initial; position:relative; right:initial; left:initial; margin:0 auto } .phone { position:relative; right:initial; top:initial; font-size:1.4em; margin-left:auto; margin-right:auto } .phone a { font-weight:600; color:#fff; background-color:#3c8c9e; padding:9px 6px; display:inline-block; line-height:1; font-size:16px; margin-top:0px } .header { min-height:61vh; display:flex; justify-content:center } .header:after { background-color:rgba(0,0,0,0.4); content:""; display:block; position:absolute; left:-15px; top:0; right:-15px; bottom:0 } .caption { width:100%; margin:0 5%; position:absolute; left:initial; color:#fff; bottom:20px; z-index:10; line-height:1.2; text-align:center; align-items:center } .caption a, .caption p { color:#fff } .caption a { margin:0 auto } .caption h2 { font-size:27px; font-weight:700 } .caption p { font-size:16px; line-height:1.4 } .widget { padding:30px } } @media only screen and (min-width:300px) and (max-width:768px) { .container { width:100% } .footer-wrapper .container { padding-top: 50px; } .footer .inner { padding: 0 20px; } .top .container { padding-left:0; padding-right:0 } body { font-size:18px } .top { max-width:100%; padding-top:10px; line-height:1.3; min-height:150px } .logo { float:left; max-width:320px; position:absolute; top:0; left:10px } .top-contact { margin-top:100px; text-align:center; display:flex; flex-flow:column; margin-bottom:30px } .top-right { display:flex; margin-bottom:20px } .socials { position:relative; top:initial; right:initial; display:none !important } .umow-btn { top:initial; position:relative; right:initial; left:initial; margin:0 auto } .phone { position:relative; right:initial; top:initial; font-size:1.4em; margin-left:auto; margin-right:auto } .phone a { font-weight:600; color:#fff; background-color:#3c8c9e; padding:9px 6px; display:inline-block; line-height:1; font-size:16px; margin-top:0px } .header { min-height:60vh } .leads { padding-left:5%; padding-right:5% } .pages h1 { font-size:36px } .header:after { background-color:rgba(0,0,0,0.4); content:""; display:block; position:absolute; left:-15px; top:0; right:-15px; bottom:0 } .oferta h3 a { font-size:1.3em; text-align:center } .caption { position:absolute; left:initial; color:#fff; bottom:20px; z-index:10; line-height:1.2; text-align:center; align-items:center } .caption a, .caption p { color:#fff } .caption a { margin:0 auto } .caption h2 { font-size:27px; font-weight:700 } .caption p { font-size:16px; line-height:1.4 } .rslides_tabs li a { width:14px; height:14px; margin:0 5px } .rslides_nav { display:none } #responsive-menu-additional-content { font-size:16px } #responsive-menu-additional-content h2 { font-size:18px; font-weight:bold; margin-bottom:15px } #responsive-menu-additional-content p { margin-bottom:20px } .section-wrapper h2.page-title, .section-wrapper h3 { font-size:28px } .header-wrapper li { background-position:center; background-repeat:no-repeat; background-size:cover } .news { margin-bottom:40px } .section-img { margin-bottom:20px } .footer .widget ul li a { } .footer .socials-widget { text-align:center } .footer .widget { margin-bottom:40px } .bottom, .bottom .made { text-align:center } }