.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//marss.pl/wp-content/themes/marss/owlcarousel/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232;
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(//marss.pl/wp-content/plugins/contact-form-7/assets/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}
div.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}html{box-sizing:border-box}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{flex-basis:0%;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}@media (min-width:576px){.col-sm{flex-basis:0%;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}}@media (min-width:768px){.col-md{flex-basis:0%;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}}@media (min-width:992px){.col-lg{flex-basis:0%;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}}@media (min-width:1200px){.col-xl{flex-basis:0%;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{flex:0 0 100%;max-width:100%}}
html {line-height: 1.15; -webkit-text-size-adjust: 100%}
body {margin: 0}
h1 {font-size: 2em}
hr {box-sizing: content-box; height: 0; overflow: visible}
pre {font-family: monospace, monospace; font-size: 1em}
a {background-color: transparent}
abbr[title] {border-bottom: none; text-decoration: underline}
b, strong {font-weight: bolder}
code, kbd, samp {font-family: monospace, monospace; font-size: 1em}
small {font-size: 80%}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline}
sub {bottom: -0.25em}
sup {top: -0.5em}
img {border-style: none}
button, input, optgroup, select, textarea {font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0}
button, input {overflow: visible}
button, select {text-transform: none}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none; padding: 0}
fieldset {padding: 0.35em 0.75em 0.625em}
legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal}
progress {vertical-align: baseline}
textarea {overflow: auto}
[type="checkbox"], [type="radio"] {box-sizing: border-box; padding: 0}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto}
[type="search"] {-webkit-appearance: textfield;outline-offset: -2px}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
::-webkit-file-upload-button {-webkit-appearance: button; font: inherit}
details {display: block}
summary {display: list-item}
template {display: none}
[hidden] {display: none}
body, button, input, select, optgroup, textarea {color: #404040; font-family: 'Jost', sans-serif; font-size: 16px; line-height: 1.5}
h1, h2, h3, h4, h5, h6 {clear: both; margin: 0; padding: 0}
p {margin-bottom: 15px}
dfn, cite, em, i {font-style: italic}
blockquote {margin: 0 1.5em}
address {margin: 0 0 1.5em}
pre {background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em}
code, kbd, tt, var {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px}
abbr, acronym {border-bottom: 1px dotted #666; cursor: help}
mark, ins {background: #fff9c0; text-decoration: none}
big {font-size: 125%}
html {box-sizing: border-box}
*, *:before, *:after {box-sizing: inherit}
body {background: #fff}
hr {background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em}
ul, ol {margin: 0 0 1.5em 3em}
ul {list-style: disc}
ol {list-style: decimal}
li > ul, li > ol {margin-bottom: 0; margin-left: 1.5em}
dt {font-weight: bold}
dd {margin: 0 1.5em 1.5em}
img {height: auto; max-width: 100%}
figure {margin: 1em 0}
table {margin: 0 0 1.5em; width: 100%}
button, input[type="button"], input[type="reset"], input[type="submit"] {border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); font-size: 12px; line-height: 1; padding: .6em 1em .4em}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {border-color: #ccc #bbb #aaa}
button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {border-color: #aaa #bbb #bbb}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {color: #111}
select {border: 1px solid #ccc}
textarea {width: 100%}
a {color: royalblue; transition: .25s ease-in-out}
a:hover, a:focus, a:active {color: midnightblue}
a:focus {outline: thin dotted}
a:hover, a:active {outline: 0}
.main-navigation {clear: both; display: block; float: left; width: 100%}
.main-navigation ul {display: none; list-style: none; margin: 0; padding-left: 0}
.main-navigation ul ul {box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 100%; left: -999em; z-index: 99999}
.main-navigation ul ul ul {left: -999em; top: -1px}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {left: 100%}
.main-navigation ul ul a {width: 200px}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {left: auto}
.main-navigation li {float: left; position: relative}
.main-navigation a {display: block; text-decoration: none}
.menu-toggle, .main-navigation.toggled ul {display: block}
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {margin: 0 0 1.5em; overflow: hidden}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {float: left; width: 50%}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {float: right; text-align: right; width: 50%}
.screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important}
.screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000}
#content[tabindex="-1"]:focus {outline: 0}
.alignleft {display: inline; float: left; margin-right: 1.5em; }
.alignright {display: inline; float: right; margin-left: 1.5em}
.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto}
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {content: ""; display: table; table-layout: fixed}
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {clear: both}
.widget {margin: 0 0 1.5em}
.widget select {max-width: 100%}
.sticky {display: block}
.updated:not(.published) {display: none}
.page-content, .entry-content, .entry-summary {margin: 1.5em 0 0}
.page-links {clear: both; margin: 0 0 1.5em}
.comment-content a {word-wrap: break-word}
.bypostauthor {display: block}
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {display: none}
.infinity-end.neverending .site-footer {display: block}
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {border: none; margin-bottom: 0; margin-top: 0; padding: 0}
embed, iframe, object {max-width: 100%}
.custom-logo-link {display: inline-block}
.wp-caption {margin-bottom: 1.5em; max-width: 100%}
.wp-caption img[class*="wp-image-"] {display: block; margin-left: auto; margin-right: auto}
.wp-caption .wp-caption-text {margin: 0.8075em 0}
.wp-caption-text {text-align: center}
.gallery {margin-bottom: 1.5em}
.gallery-item {display: inline-block; text-align: center; vertical-align: top; width: 100%}
.gallery-columns-2 .gallery-item {max-width: 50%}
.gallery-columns-3 .gallery-item {max-width: 33.33%}
.gallery-columns-4 .gallery-item {max-width: 25%}
.gallery-columns-5 .gallery-item {max-width: 20%}
.gallery-columns-6 .gallery-item {max-width: 16.66%}
.gallery-columns-7 .gallery-item {max-width: 14.28%}
.gallery-columns-8 .gallery-item {max-width: 12.5%}
.gallery-columns-9 .gallery-item {max-width: 11.11%}
.gallery-caption {display: block}
.footer-copy {display: flex; justify-content: space-between} .container-fluid {max-width: 1200px; margin: 0 auto}
h1, .h1 {font-size: 45px; line-height: 55px; font-weight: 700; color: #0F4F93}
h2, .h2 {font-size: 30px; line-height: 34px; font-weight: 700; color: #0F4F93}
h3, .h3 {font-size: 24px; line-height: 24px; font-weight: 500; color: #0F4F93}
h4, .h4 {font-size: 20px; line-height: 20px; font-weight: 500; color: #0F4F93}
h5, .h5 {font-size: 18px; line-height: 18px; font-weight: 500; color: #0F4F93}
h6, .h6 {font-size: 16px; line-height: 16px; font-weight: 500; color: #0F4F93}
p, .p, li, span, i {font-size: 16px; line-height: 24px; font-weight: 500; color: #8B8B8B}
a {color: #0F4F93}
a.btn, .btn {font-size: 18px; line-height: 45px; color: #fff; background: #0F4F93; border: 1px solid #707070; padding: 11px 42px; text-transform: uppercase; border-radius: 32px; font-weight: 500; text-decoration: none; cursor: pointer}
a.btn:hover, .btn:hover {color: #0F4F93; background: rgba(255,255,255,.5); border: 1px solid #0F4F93}
.padding50-20 {padding: 50px 0 20px}
.padding100-110 {padding: 100px 0 110px}
.padding100 {padding: 100px 0}
.padding120-230 {padding: 120px 0 230px}
.padding-bottom-100 {padding-bottom: 100px}
.padding110-60 {padding: 110px 0 60px}
.padding60 {padding: 60px 0}
.mauto {margin: 0 auto}
.white {background-color: #FFFFFF}
.wrap840 {max-width: 840px}
.wrap730 {max-width: 730px}
.wrap-text {max-width: 600px; padding: 72px}
.wrap-text p {font-size: 20px; line-height: 24px}
.wrap-first > div:first-of-type, .wrap-second > div:first-of-type {padding-right: 0}
.wrap-first > div:last-of-type, .wrap-second > div:last-of-type {padding-left: 0}
.group-links {margin: 30px 0}
.group-links a {padding: 10px 15px; border-radius: 8px; border: 1px solid #cbcbcb; line-height: 20px; color: #707070; text-decoration: none; display: inline-block; margin-right: 18px; font-weight: 500}
.group-links a:last-of-type {margin-right: 0}
.group-links a:hover {border: 1px solid #0f4f93; color: #0f4f93}
.text-center {text-align: center}
.mtop30 {margin-top: 30px}
.mtop60 {margin-top: 60px}
.mtop90 {margin-top: 90px}
.plr15 {padding-left: 15px; padding-right: 15px}
.mbottom90 {margin-bottom: 90px}
.mbottom60 {margin-bottom: 60px}
.mbottom30 {margin-bottom: 30px}
.dblock {display: block}
.overhidden {overflow: hidden}
.overauto {overflow: auto}
ul {margin: 0; padding: 0; list-style: none}
.sec-classification > div {align-items: center; justify-content: flex-start; border-left: 2px solid #f0f0f0}
.sec-classification > div:nth-child(odd) {background: #FAFAFA}
.sec-classification > div > div {border-right: 2px solid #f0f0f0}
.sec-classification h4 {padding: 25px 40px}
.sec-classification p {text-align: center; margin: 0; padding: 25px 0} .owl-dots {position: absolute; bottom: 90px; max-width: 1162px; margin: 0 auto; left: 0; right: 0}
.owl-carousel button.owl-dot {width: 15px; height: 15px; transform: matrix(0, 1, -1, 0, 0, 0); background: #FFFFFF; opacity: 1; margin: 0 5px; border-radius: 100%; border: 1px solid #31A4B4}
.owl-carousel button.owl-dot.active {width: 15px; height: 15px; transform: matrix(0, 1, -1, 0, 0, 0); background: #B2CE57; opacity: 1; border: 1px solid #B2CE57}
.owl-nav button {position: absolute; top: 50%; background: rgba(255, 255, 255, 0) !important; color: #fff; margin: 0; transition: all 0.3s ease-in-out; transform: translateY(-50%)}
.owl-nav button:focus {outline: none}
.owl-nav button span {font-size: 60px;width: 40px; display: flex; align-items: center; justify-content: center; padding-bottom: 0; color: #707070}
.owl-nav button.owl-next {right: -15px; cursor: pointer}
.owl-nav button.owl-prev {left: -15px; cursor: pointer}  #logo-menu {display: flex; align-items: center; margin: 0 auto}
.custom-logo {position: absolute; top: 21px; z-index: 10}
.mega-top {width: 100%}
.main-navigation a {padding:40px 22px 37px 22px;font-size: 16px; line-height: 23px; color: #707070; font-weight: 700; text-decoration: none; text-transform: uppercase}
.main-navigation a:hover {color: #0F4F93}
.main-navigation ul > li:last-of-type > a {padding-right: 0}
.main-navigation li.active a {color: #0f4f93}
.main-navigation li ul li {background: #fff; border-top: 1px solid #707070; border-radius: 0}
.main-navigation li ul li a {padding: 15px 10px; color: #0f4f93}
.main-navigation li ul li a:hover {color: #000000}
.main-navigation {clear: both; display: flex; justify-content: flex-end}
.main-navigation .trim > a:after {transition: .25s ease-in-out; display: inline-block; width: 0; height: 0; vertical-align: middle; border-top: 4px solid #707070; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; margin-left: 6px; margin-top: -4px}
.main-navigation .trim > a:hover:after {border-top: 4px solid #0f4f93}
.main-navigation li.active.trim > a:after {border-top: 4px solid #0f4f93}  #top {background: linear-gradient( to bottom, rgba(255, 255, 255, 0.18), rgb(255, 255, 255) ),  url(https://marss.pl/wp-content/themes/marss/image/background-grey.png) no-repeat; position: relative; background-size: cover; padding: 50px 0 20px}
#top .item .row {align-items: center}
#top .item .item-desc{max-width: 380px}
#top .item .item-desc h2 span {color: #B2CE57; font-weight: 900}
#top .item-image {text-align: center}
#top h1 {color: #000; line-height: 45px}
#top p {font-size: 18px; margin-bottom: 30px; margin-top: 30px}
.layer-1 {font-size: 25px; line-height: 45px; color: #0F4F93; text-transform: uppercase; font-weight: 500; margin-bottom: 5px; display: block}
.slide{display: block; position: absolute}  #return-to-top {border: 1px solid #fff; z-index:9999;position: fixed; bottom: 20px; right: 20px; background: rgba(15, 79, 147, .7); width: 50px; height: 50px; text-decoration: none; border-radius: 5px; display: none; transition: all 0.3s ease}
#return-to-top span {color: #fff; margin: 0; position: relative; left: 20px; top: 13px; font-size: 19px; transition: all 0.3s ease}
#return-to-top:hover {background: rgba(15, 79, 147, .9)}
#return-to-top:hover span {color: #fff;top: 5px}
.arrow-up {transform: rotate(-135deg); -webkit-transform: rotate(-135deg); border: solid #fff; border-width: 0 3px 3px 0; display: inline-block; padding: 3px}  #box2 {background: #0F4F93}
#box2 h2 {margin-bottom: 40px}
#box2 .wrap-first > div:last-of-type img {height: 100%}
#box2 .wrap-second > div:first-of-type img {height: 100%; width: 100%}  #icon-slider .item > div {display: flex; align-items: center; justify-content: space-around}
#icon-slider img {max-height: 100px; width: auto}
#icon-slider p {font-size: 18px; color: #FFFFFF; max-width: 175px}
#icon-slider {padding: 0 30px}
#icon-slider .owl-item {min-height: 129px!important; display: flex; align-items: center; justify-content: center}
#icon-slider .item {width: 100%}  .chmura {background:  url(https://marss.pl/wp-content/themes/marss/image/chmury.png) no-repeat; background-size: cover}
.chmura h2, article .chmura span {font-size: 25px; line-height: 45px; font-weight: 500; border-bottom: 2px solid #0f4f93; display: inline; padding-bottom: 18px}
.chmura h3, .chmura h1 {margin-top: 30px}
.item-box {padding: 47px 35px 35px 35px}
.hepa {margin-top: -130px} #hepa-slider img {width: auto; margin-bottom: 18px}
#hepa-slider .item-box {box-shadow: 0 15px 25px #00000029; background: #ffffff}
#hepa-slider h2 {border-bottom: 1px solid #0f4f93; padding-bottom: 20px; margin-bottom: 23px}
#hepa-slider h2 a {text-decoration: none}
#hepa-slider a.as {line-height: 20px; color: #707070; text-decoration: none; font-weight: 500; display: block; margin-bottom: 18px}
#hepa-slider a.as:before, .group-links a:before {content: ''; display: block; background: url(https://marss.pl/wp-content/themes/marss/image/arrow.png) no-repeat; margin-right: 12px; width: 19px; height: 19px ; float: left; margin-top: 3px}
#hepa-slider a.as:hover {color: #0f4f93}  #box4 h2 {text-align: center; margin-bottom: 60px}
#box4 p {font-weight: 400}
#box4 p span {padding: 10px 20px; border: 1px solid #8B8B8B; border-radius: 8px; margin-right: 22px; display: inline-block; margin-bottom: 17px}  #box5 h2 {text-align: center}  .accordions {margin-top: 60px}
.acc__card {position: relative}
.acc__title {background: #fff; color: #707070; cursor: pointer; display: block; padding: 18px 0; position: relative; text-align: left; font-weight: bold; border-top: 1px solid #ebebeb}
.acc__card:first-of-type .acc__title {border-top: none}
.acc__title.active {color: #0F4F93}
.acc__title::after {width: 8px; height: 8px; border-right: 1px solid #4a6e78; border-bottom: 1px solid #4a6e78; position: absolute; right: 10px; content: " "; top: 17px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out}
.acc__title.active::after {-webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out}
.acc__panel {background: #fff; color: #707070; display: none; margin: 0; padding-bottom: 18px}  #box6 h2 {text-align: center}
.form-contact {margin-top: 30px}  input[type="text"], input[type="email"], textarea {padding: 13px 18px; margin-bottom: 20px; border: 2px solid #dbdbdb; border-radius: 0; width: 100%; position: relative}
span.wpcf7-not-valid-tip {position: absolute; top: -38px}
textarea {max-height: 180px; margin-bottom: 35px}
input[type="submit"] {font-size: 18px; line-height: 30px; color: #fff; background: #0F4F93; border: 1px solid #707070; padding: 11px 30px; border-radius: 32px; transition: all 0.2s ease-in-out}
input[type="submit"]:hover {border-color: #0F4F93 #0F4F93 #0F4F93}
input[type="checkbox"] {transform: scale(1.3); margin: 20px}
span.wpcf7-list-item {margin: 0}
.button-accept {display: flex; align-items: flex-start; justify-content: flex-start}
.accept span {font-size: 14px; line-height: 16px; color: #727272}
.accept .wpcf7-list-item > label {display: flex; align-items: center; justify-content: flex-start}
div.wpcf7 .ajax-loader {width: 0}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {max-width: 700px; margin: 20px auto}  #colophon {background: #0f4f93}
#colophon a {color: #FFFFFF; text-decoration: none}
.site-info .row > div {border-top: 2px solid #87a7c9}
.site-info a,.site-info p {font-weight: 400; color: #FFFFFF}
.contact-footer {padding: 55px 0 85px 0}
.contact-footer img {margin-bottom: 20px}
.contact-footer p {margin: 0; padding: 0; color: #FFFFFF}
.contact-footer .row {margin-right: 0; margin-left: 0}  .classification > div {border-left: 2px solid #f2f2f2}
.classification h3 {color: #0f4f93; line-height: 34px; text-transform: uppercase}
.grups-box {display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 50px 0 110px}
.grups-box > div {flex: 0 0 50%; max-width: 50%; display: flex; align-items: center; justify-content: space-between}
.grups-box p {font-size: 18px; color: #0f4f93; max-width: 213px; margin-right: 10px}
.grups-box .img {min-width: 90px}  #box8 h2 {text-align: center}
#box8 li {margin-bottom: 15px; padding-left: 20px; position: relative}
#box8 li::before {content: "\2022"; color: #ffcc00; display: inline-block; width: 20px; margin-left: -20px; font-size: 40px; line-height: 1px; position: absolute; top: 15px}  .tabelka {border-left: 2px solid #f0f0f0}
.tabelka .title {display: flex; align-items: center; justify-content: center; background: #FAFAFA}
.tabelka .title > div:first-of-type {width: 60%}
.tabelka .title > div:last-of-type {width: 40%}
.tabelka h3 {text-align: center; padding: 25px 0; border-right: 2px solid #f0f0f0}
.tabelka h4 {text-align: center; padding: 25px 0}
.tabelka h4 b, .tabelka h4 strong {color: #0f4f93}
.col-row {display: flex; align-items: center; justify-content: center}
.col-row > div {border-right: 2px solid #f0f0f0}
.col-row > div {width: 20%}
.tabelka .col-row:nth-child(even) {background: #FAFAFA}
.epa .tabelka .title > div:first-of-type {width: 100%}
.epa .tabelka .col-row > div {width: 33.34%} #galery-slider {padding: 0 40px}
#galery-slider .owl-nav button span {font-size: 50px}
#galery-slider .owl-nav button.owl-prev {left: 0}
#galery-slider .owl-nav button.owl-next {right: 0}
#mapa {display: flex; align-items: center; justify-content: center; border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000} article .chmura {background: linear-gradient( to bottom, rgba(255, 255, 255, 0.30), rgb(255, 255, 255) ), url(https://marss.pl/wp-content/themes/marss/image/background-grey.png) no-repeat; background-size: cover}
article #box4 i {display: block; margin-bottom: 60px; font-style: normal}
article #box4 h2 {margin-bottom: 30px}
article #box3 h2 {text-align: center; border-bottom: none; display: block; font-size: 30px; line-height: 34px; font-weight: 700; padding-bottom: 0}
.oferta #box3 h2, .faq #box3 h2{text-align: left; border-bottom: 1px solid #0f4f93; padding-bottom: 20px; font-size: 24px; line-height: 24px; font-weight: 500}
.page-template-page-kontakt i {font-style: normal; color: #0F4F93}
.page-template-page-kontakt a {text-decoration: none}
.phone p, .dane p {margin: 0; padding: 0}
.phone, .mail {display: flex; align-items: center; justify-content: flex-start}
.phone img, .mail img {margin-right: 30px}
#atesty h2, #filtracja h2 {margin: 40px 0}
#atesty img {margin: 30px auto}
#atesty li, #filtracja li {margin-bottom: 15px; padding-left: 20px; position: relative}
#atesty li::before, #filtracja li::before {content: "\2022"; color: #ffcc00; display: inline-block; width: 20px; margin-left: -20px; font-size: 40px; line-height: 1px; position: absolute; top: 15px}
#atesty ul li strong, #filtracja  ul li strong {font-weight: bold; color: #0F4F93}
#filtracja p strong {font-weight: bold; color: #0F4F93}
.ramka {border: 1px solid #0F4F934A; padding: 30px; text-align: center; margin: 30px auto}
.ramka p {color: #0F4F93}
#filtracja h3 {font-size: 30px; line-height: 34px; font-weight: 700; margin: 40px 0}
#filtracja h4 {margin: 30px 0; font-weight: bold}
.post-301 .group-links {display: none}
.post-301 h1 {margin-bottom: 30px}
.page-template-default #content ul {list-style: disc; margin-left: 15px}
.max-content {max-width: 700px; margin: 0 auto}
.max-content p {font-weight: 500!important;}
#post-3 {margin-top: 60px}  .page-id-104 #box5, .page-id-102 #box5, .page-id-96 #box5, .page-id-94 #box5, .page-id-98 #box5, .page-id-100 #box5 {display: none} .bloom {animation: bloom 2s linear}
@keyframes bloom {0% {transform: scale(1)} 50% {transform: scale(1.1)} 100% {transform: scale(1)}}
@keyframes fadeInLeft {from {opacity:0; transform: translatex(-100px)}
to {opacity:1; transform: translatex(0)}}
.in-left {animation-name: fadeInLeft; animation-fill-mode: both; animation-duration: 1.5s; animation-delay: .3s}
@keyframes fadeInRight {from {opacity:0; transform: translatex(100px)}
to {opacity:1; transform: translatex(0)}}
.in-right {animation-name: fadeInRight; animation-fill-mode: both; animation-duration: 1s; animation-delay: .3s}  @keyframes shake{0%{transform:translateX(0)} 50%{transform:translateX(-1px)} 100%{transform:translateX(2px)}}
#nav-icon{display:none}
#nav-icon{width:30px;height:25px;position:relative;transform:rotate(0deg);transition:.5s ease-in-out;cursor:pointer}
#nav-icon span:nth-child(1){top:0;transform-origin:left center}
#nav-icon span:nth-child(2){top:10px;transform-origin:left center}
#nav-icon span:nth-child(3){top:21px;transform-origin:left center}
#nav-icon.open span:nth-child(1){transform:rotate(45deg)}
#nav-icon.open span:nth-child(2){width:0;opacity:0}
#nav-icon.open span:nth-child(3){transform:rotate(-45deg)}
#nav-icon span{display:block;position:absolute;height:5px;width:30px;background:#0f4f93;border-radius:5px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}  .cookie-box {z-index: 99; border-top: 4px solid #0f4f93; position: fixed; left: 0; right: 0; bottom: 0; font-size: 14px; text-align: center; padding: 5px; background: #fff; -webkit-transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1); color: #000}
.cookie-box--hide {opacity: 0; bottom: -100%}
.cookie-box-info {display: inline-block}
.cookie-button {margin-left: 0.45rem}
.btn-fill {font-size: 13px; font-weight: 600; color: #fff; text-transform: uppercase; text-decoration: none; text-align: center; border-radius: 2px; position: relative; display: inline-block; width: 150px; height: 40px; border: 1px solid #0f4f93; z-index: 20; -webkit-transition: all 0.4s cubic-bezier(1, 0, 0, 1); transition: all 0.4s cubic-bezier(1, 0, 0, 1); background-color: #0f4f93; cursor: pointer; overflow: hidden}
.btn-fill::before, .btn-fill::after {background: rgba(218, 218, 218, 0.3); content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.4s cubic-bezier(1, 0, 0, 1); transition: all 0.4s cubic-bezier(1, 0, 0, 1)}
.btn-size-auto {width: auto; height: auto; padding: 10px}
.btn-l-r::after {height: 100%; width: 0; top: 0}
.btn-l-r:hover::after {width: 100%}
.btn-l-r::after {left: 0} @media screen and (min-width: 992px) {
.menu-toggle {display: none}
.main-navigation ul {display: block}
}
@media only screen and (min-width: 1200px) {
#hepa-slider .owl-stage-outer {padding: 35px 0}
#hepa-slider .owl-item.active {max-width: 265px}
#hepa-slider .owl-item {margin-left: 10px; margin-right: 20px!important}
}
@media only screen and (max-width: 1199px) {
#hepa-slider .owl-stage-outer {padding: 35px 0}
#hepa-slider .owl-item .item {max-width: 270px; margin: 0 auto}
}
@media only screen and (max-width: 1099px) {
.item-box {padding: 37px 24px 25px 24px}
}
@media only screen and (max-width: 991px) {
#nav-icon{display:block}
.main-navigation {position: relative}
#primary-menu.menuOpen{position: absolute;display:block; background: #f0f0f0;padding: 0 15px}
.menu-menu-1-container {padding: 0 18px 0 22px; width: 290px; flex-direction: column; background: #f2f2f2; position: absolute; right: 0; z-index: 9999; max-width: 290px; bottom: 0}
#primary-menu.menuOpen > li {position: relative; width: 100%; border-bottom: 1px solid #0F4F93}
#primary-menu.menuOpen > li:last-of-type {border: none}
#primary-menu.menuOpen > li > a {padding: 13px 10px; font-size: 16px; color: #000; font-weight: 700; text-decoration: none; display: block}
.main-navigation li.active a {background-image: none; color: #000}
.main-navigation ul.sub-menu {display: block; position: static;  width: 100%; box-shadow: none}
.main-navigation ul.sub-menu .sub-menu li a {color: #FFCC00; padding-left: 30px !important; position: inherit; z-index: 1}
.main-navigation ul.sub-menu li {float:left; background: #f1f1f0; display: block; width: 100%}
#primary-menu, #primary-menu.menuOpen {width: 260px}
.sub-menu {max-height: 0; transition: all .5s; overflow: hidden}
.sub-menu.menuOpen {max-height: 1000px}
.main-navigation ul ul a {width: auto}
.main-navigation li ul li a {padding-left: 20px}
.mega-top {padding: 25px 0}
.custom-logo {top: 15px; max-width: 100px}
.slidetext {order: 2}
.slideimage {max-width: 560px}
.padding100-110 {padding: 30px 0 30px}
.padding100, .padding110-60, .padding60 {padding: 30px 0}
.padding120-230 {padding: 30px 0 130px}
.padding-bottom-100 {padding-bottom: 30px}
.accordions {margin-top: 30px}
.contact-footer {padding: 10px 0 50px 0}
.contact-footer img {margin-bottom: 15px}
.contact-footer .row > div {margin-top: 20px}
.mbottom60 {margin-bottom: 30px}
.mtop60, .mtop90 {margin-top: 30px}
article .chmura {padding-top: 60px}
.dane {margin-bottom: 30px; text-align: center}
.phone, .mail {display: block; text-align: center}
.phone img, .mail img {margin-right: 0}
.mail img {margin-top: 30px}
.mail p {margin: 0}
.grups-box {margin: 30px 0 30px}
}
@media only screen and (max-width: 767px) {
h1, .h1 {font-size: 30px; line-height: 45px}
h2, .h2 {font-size: 26px; line-height: 26px}
h3, .h3 {font-size: 22px; line-height: 22px}
h4, .h4 {font-size: 18px; line-height: 18px}
h5, .h5 {font-size: 17px; line-height: 17px}
.layer-1 {font-size: 20px; line-height: 35px}
#top h1 {line-height: 30px}
#top p {font-size: 16px; margin-bottom: 30px; margin-top: 30px}
#top .slidetext .item-desc > div {margin-bottom: 30px}
a.btn, .btn {font-size: 16px; line-height: 40px}
.wrap-text {padding: 30px 0; max-width: 100%}
.wrap-text p {font-size: 16px; line-height: 24px}
#box2 h2 {margin-bottom: 30px}
.dnone {display: none}
.wrap-first > div:last-of-type, .wrap-second > div:last-of-type {padding-left: 15px}
.wrap-first > div:first-of-type, .wrap-second > div:first-of-type {padding-right: 15px}
.chmura h2, article .chmura span {font-size: 20px; line-height: 35px; padding-bottom: 5px}
.chmura h3, .chmura h1 {margin-top: 20px}
.button-accept {flex-wrap: wrap}
.button-accept input[type="submit"], .ajax-loader {order: 2}
textarea, .accept {margin-bottom: 15px}
.form-contact .row.wrap730.mauto > div {padding: 0}
.footer-copy {display: block}
input[type="submit"] {font-size: 16px; line-height: 24px}
#atesty h2, #filtracja h2 {margin: 30px 0}
.ramka {padding: inherit}
#filtracja h3 {font-size: 26px; line-height: 26px}
.classification > div {border-bottom: 2px solid #f2f2f2; border-left: none; margin-bottom: 10px}
.grups-box > div {flex: 0 0 100%; max-width: 100%; justify-content: space-around}
.grups-box > div img {margin-right: 10px}
.grups-box > div:first-of-type{margin-bottom: 30px}
.sec-classification h4 {padding: 10px}
.sec-classification p {padding: 10px}
.page-template-page-filtry-epa-z-separatorem .sec-classification,
.page-template-page-filtry-kompaktowe-z-separatorem .sec-classification {overflow: auto; height: auto}
.page-template-page-filtry-epa-z-separatorem .sec-classification > div,
.page-template-page-filtry-kompaktowe-z-separatorem .sec-classification > div {overflow: auto; width: 737px}
.page-template-page-filtry-epa-z-separatorem .sec-classification .col-6,
.page-template-page-filtry-kompaktowe-z-separatorem .sec-classification .col-6 {width: 286px; max-width: 286px}
.page-template-page-filtry-epa-z-separatorem .sec-classification .col-2,
.page-template-page-filtry-kompaktowe-z-separatorem .sec-classification .col-2,
.page-template-page-filtry-kompaktowe-z-separatorem .sec-classification .col-3 {flex: 1; max-width: 100%}
}
@media only screen and (max-width: 575px) {
.group-links a {display: table}
.group-links a:first-of-type{margin-bottom: 15px}
.sec-classification h4, .tabelka h4, .tabelka h3 {padding: 10px 0}
.sec-classification p, .tabelka p {padding: 10px 0}
.sec-classification {overflow: auto; height: 165px}
.sec-classification > div {overflow: auto; width: 550px}
.tabelka {overflow: auto}
.tabelka > div {overflow: auto; width: 550px}
}
.kamil {
border-bottom: 1px solid #0f4f93;
padding-bottom: 20px;
margin-bottom: 23px;
text-decoration: none;
font-weight:800;
}
.kamil a {
text-decoration: none;
}
.blog-post {
padding: 2rem 0;
}
.post-header {
margin-bottom: 2rem;
border-bottom: 1px solid var(--medium-gray);
padding-bottom: 1rem;
}
.post-title {
font-size: 2.5rem;
color: var(--secondary-color);
margin-bottom: 0.5rem;
line-height: 1.2;
}
.post-meta {
display: flex;
align-items: center;
color: #777;
font-size: 0.9rem;
margin-bottom: 1rem;
}
.post-date {
margin-right: 1rem;
display: flex;
align-items: center;
}
.post-date svg {
margin-right: 5px;
}
.featured-image-wrapper {
margin-bottom: 2rem;
}
.featured-image {
width: 100%;
height: auto;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.post-content {
font-size: 1.1rem;
line-height: 1.8;
}
.post-content p {
margin-bottom: 1.5rem;
}
.post-content h2 span {
font-size: 30px;
margin: 2rem 0 1rem;
color: var(--secondary-color);
}
.post-content h3 {
margin: 1.5rem 0 1rem;
color: var(--secondary-color);
}
.post-content ul, .post-content ol {
margin-bottom: 1.5rem;
padding-left: 2rem;
}
.post-content blockquote {
border-left: 4px solid var(--primary-color);
padding-left: 1.5rem;
margin: 1.5rem 0;
font-style: italic;
color: #555;
}
.post-footer {
margin-top: 2rem;
padding-top: 1rem;
border-top: 1px solid var(--medium-gray);
}
.post-tags, .post-categories {
margin-bottom: 0.5rem;
}
.tags-title, .categories-title {
font-weight: bold;
color: var(--secondary-color);
} .post-navigation {
margin: 2rem 0;
padding: 1rem 0;
border-top: 1px solid var(--medium-gray);
border-bottom: 1px solid var(--medium-gray);
}
.post-navigation .nav-links {
display: flex;
justify-content: space-between;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
max-width: 48%;
}
.post-navigation a {
color: var(--secondary-color);
text-decoration: none;
font-weight: 500;
transition: color 0.3s;
}
.post-navigation a:hover {
color: var(--primary-color);
text-decoration: underline;
} .comments-area {
margin-top: 2rem;
padding-top: 2rem;
border-top: 1px solid var(--medium-gray);
}
.comments-title {
font-size: 1.5rem;
margin-bottom: 1.5rem;
color: var(--secondary-color);
}
.comment-list {
list-style: none;
padding: 0;
}
.comment {
margin-bottom: 1.5rem;
padding: 1rem;
background-color: var(--light-gray);
border-radius: 8px;
}
.comment-author {
font-weight: bold;
margin-bottom: 0.5rem;
}
.comment-metadata {
font-size: 0.8rem;
color: #777;
margin-bottom: 0.5rem;
}
.comment-content {
margin-top: 0.5rem;
}
.comment-form label {
display: block;
margin-bottom: 0.5rem;
font-weight: 500;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
width: 100%;
padding: 0.5rem;
border: 1px solid var(--medium-gray);
border-radius: 4px;
margin-bottom: 1rem;
}
.comment-form input[type="submit"] {
background-color: var(--primary-color);
color: white;
border: none;
padding: 0.5rem 1rem;
border-radius: 4px;
cursor: pointer;
font-weight: 500;
transition: background-color 0.3s;
}
.comment-form input[type="submit"]:hover {
background-color: var(--secondary-color);
} @media (max-width: 768px) {
.post-title {
font-size: 2rem;
}
.post-meta {
flex-direction: column;
align-items: flex-start;
}
.post-date {
margin-bottom: 0.5rem;
}
.post-navigation .nav-links {
flex-direction: column;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
max-width: 100%;
margin-bottom: 1rem;
}
}
.blog-grid{
display:grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}
.blog-card{
margin:0;
}
.blog-card__link{
display:block;
text-decoration:none;
}
.blog-card__thumb img{
width:100%;
height:auto;
display:block;
}
.blog-card__placeholder{
width:100%;
aspect-ratio: 16 / 9;
}
.blog-card__title{
margin:12px 0 0;
font-size:18px;
line-height:1.3;
}
.blog-pagination{
margin-top:32px;
}
@media (max-width: 1024px){
.blog-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
.blog-grid{ grid-template-columns: 1fr; }
}