@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@300..500&display=swap');
*{font-family: "Unbounded", sans-serif; font-weight:300; line-height:1.5em;}
html, body {min-height:100vh; font-size:18px;}
body {background: url("../main/img/fon.webp"); background-size:auto 100%;}
.temp-02 {background:none}
.temp-02 #menudrop {background:#F8FAFC; border-radius: 80px; padding: 1em 2em;}

h1 {font-weight:500; color:var(--clr-b); font-size:2.5em; text-transform:none; margin:1em 0}
.aside h1 {color:var(--clr-m);}
	
#back-to-top {border:0; background:none; width:auto; height:auto; font-size:2em}
#back-to-top:hover {background:none; color:var(--clr-m);}

#menudrop > nav > ul > li > a {font-size:1em; text-transform:none; font-weight:400}
@media screen and (max-width: 1620px) {
    #menudrop > nav > ul > li > a {font-size:0.9em;}
}

article footer {clear:both;}
strong {font-weight:500;}
.index-ban, .index-slider {margin-top:0; height:auto; position:relative; background: url(img/main-img.jpg); background-size:cover;}
.sl-single {background:url("img/main-fon.png"); background-size:cover;}
.sl-single > h2 {font-size:2.6em; color:var(--clr-m); font-weight:500; margin:2em 0 1em 0;}
.sl-single .about-01 a {border-radius:5em; border:2px solid var(--clr-b); padding:1em 2em; font-weight:500; color:var(--clr-b); margin-top: 2em; display:block; width:fit-content;}
.index-sl-full-desc {background:rgba(248, 250, 252, 0.75); border-radius:0 2em; width:40%; margin:30vh 0 5vh 60%; padding:2em}
.index-sl-full-desc h1 {margin:0; font-size:2em; text-transform:none;}
.index-sl-full-desc p {margin:1em 0}
.index-sl-full-desc a {color:var(--clr-w); background:var(--clr-m); display:block; text-align:center; font-weight:500; width:100%; padding:1em; border-radius:5em}
.index-ban-sub-2 {border-radius:5em 5em 0 0; background:var(--clr-w); padding:1em}
.index-ban-sub-2 h2 {font-size:1.125em; text-align:center}
.index-ban-sub-2 .column-4 {padding:0 1em 2em;}
.index-ban-sub-div {}
.index-ban-sub-div div {font-size:2.6em; font-weight:500; color:var(--clr-m)}
.index-ban-sub-div p {}
.index-ban-sub-div p strong {font-size:1.125em;}


.box-1, .box-2, .box-3 {box-shadow:none; border:none; border-radius:0; background:none;}

.gran-tan .box-block .box-button::after {-webkit-mask:var(--svg-icon-chevron) no-repeat center; mask:var(--svg-icon-chevron) no-repeat center; background:var(--clr-w);}
.box-1:hover .box-button {background: var(--clr-b);}
	

.about-01 h2 {font-size:1.125em; font-weight:500; text-transform:none}
.about-01 {align-items:stretch;}
.about-01 .w40 {position:relative; padding-bottom:10em; padding-left:2em; background:url("https://pamiatnyk.kyiv.ua/main/img/about-03.png") no-repeat; background-position: bottom right; background-size: 45%;}
.about-01 .w60 {position:relative;}
.about-01 .about-01-img {width:100%; height:100%; padding-left:15em;}
.about-01 .about-01-img img {object-fit:cover; width:100%; height:100%; border-radius:2em 0;}
.about-01 .about-01-bg img {object-fit:contain; width:100%; height:100%; border-radius:2em 0;}
.about-01 .about-01-bg {background:var(--clr-w); position:absolute; bottom:9em; z-index:1; border-radius:2em 0; width:50%; height:50%;}


.about-02 {}
.about-02 .w60 {position:relative; margin-top:2em; padding-left:20%; margin-left:5%;}
.about-02 .about-01-img img {object-fit:cover; width:100%; height:100%; border-radius:0 2em;}
.contact-01 h2 {font-size:1.125em; font-weight:500; text-transform:none}
.contact-01 {align-items:stretch;}
.contact-01 .w40 {position:relative; padding-bottom:2em}
.contact-01 .w60 {position:relative; padding-left:2em}
.contact-01 .conta-img {width: 100%; height:100%; padding-left: 3em;}
.contact-01 .conta-img img {object-fit:cover; width:100%; height:100%; border-radius:2em 0;}
.contact-01 .conta-bg {background:var(--clr-m); position:absolute; bottom:-1em; z-index:-1; border-radius:2em 0; width:50%; height:50%;}

.con-block {border-bottom:2px solid var(--clr-m); padding-bottom:1em; margin-top:1em; margin-bottom:1em}
.con-block .icon-svg {display:block}
.con-block .icon-svg::before {background: var(--clr-m); padding:1em; position:absolute}
.con-block .flex {justify-content: flex-start;}
.con-block a {color:var(--clr-m)}
.con-block a, .con-block p	{width: calc(100% - 4em); margin-left:4em; font-weight:400; padding: 0; padding-top: 0.25em;}
.contact-02 h2 {font-size:1.5em; font-weight:500; text-transform:none; text-align:center}
.contact-02 iframe {border-radius:2em; min-height:400px;}

.category-sub-cat-links {width:100%; justify-content:flex-start;}
.cat-teg-link {border:2px solid var(--clr-b); color:var(--clr-b); font-size:1.125em; font-weight:500; border-radius:var(--sq-rad); padding:0.5em 1.5em; display:inline-block; margin:0 1em 1em 0; margin-top:0!important;}
.cat-teg-link:hover {border:2px solid var(--clr-m); background:var(--clr-m); color:var(--clr-w);}
.box-teg > * {padding:0.5em 1.5em;}



.blog .box-title::after {display:none;}
.blog .box-1 {border-radius: 3.3em 0; background: var(--clr-s);}
.blog .box-title {padding:0;}
.blog .box-block .box-more {position:relative; font-weight:500; color:var(--clr-g);}


.single-servis ol > li:before {background:var(--clr-m); width:2em; border-radius:3.5em; content:counters(item, ".") " "; display:inline-block; text-align:center; align-content:center; margin-right:0.5em; padding-right:0; height:2em; color:var(--clr-w); font-weight:400;}
.single-servis ol > li > strong {display:inline-block; margin:1.5em 0 1em;}
.single-servis h2 {font-weight:500; font-size:1.125em; margin-bottom:1em;}
.single-servis .left-im {border-radius:0 3.5em}

/* Gallery */
.sq130 {border-radius:2em; padding: 0 0 calc(130% - var(--sq-bor)* 2);}
.box-3.cat-gall .box-text {padding: 0; height:2em; top: auto; width:2em; background-color: var(--clr-m); display: flex; bottom:1em; left:1em; min-height:auto; border-radius: 50%; justify-content: center;}
.box-3.cat-gall .box-text .box-button {margin-top:0; font-size:1em; font-weight:400; display:flex; align-items:center}
.box-3.cat-gall .box-text .box-button::after {display:none;}


.sku {font-size:2em; font-weight:500;}
.price-block {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center}
.price-block > div {display:flex; align-items:center}
.price-old {text-decoration:line-through; font-size:1.125em; font-weight:500; color:var(--clr-g); margin-right:1em}
.price-main {font-size:1.5em; font-weight:500; color:var(--clr-m)}
.product-tables-div {width:100%}
.product-tables-div > div strong {font-size:1.25em;}
.product-tables {display:flex;}
.dots {width: 100%;background-image: radial-gradient(circle, currentcolor 0.5px, transparent 1.5px); background-position:bottom; background-size:5.1px 1.8px; background-repeat:space no-repeat; height:1em; margin:0.125em 0.5em 0; flex:1}
@media screen and (max-width:1080px) {
.price-block > div {flex-wrap:wrap}
.price-block > div > p {margin:0.125em 0; width:100%}
}
@media screen and (max-width:880px) {
.product-tables-div {width:100%}
.product-tables-div > div {--col-n:1; margin-bottom:1em}
}
@media screen and (max-width:780px) {
.left-im.sin-prod-im {max-width:50%;}
}
@media screen and (max-width:680px) {
	
.contact-01 .w40, .contact-01 .w60 {width:100%;}
.left-im.sin-prod-im {max-width:100%;}
.right-im {max-width:100%; width:100%;}
}

.left-im{float:left; margin: 0em 2em 2em 0; max-width:40%}
.right-im{float:right; margin:0em 0em 2em 2em; max-width:40%}
.article-shares .flex p	{margin-left:1em; width:2.5em; height:2.5em; border-radius:0.6em; border:var(--clr-b) 2px solid; align-items:center; justify-content:center;}
.article-shares .icon-svg::before {background:var(--clr-b); padding:0.6em; margin:0}

.serv-cat-m .box-3 .sq80 {background:var(--clr-m); border-radius:var(--sq-rad);}
.serv-cat-m .box-3 .sq80 .box-text {--sq-pad:0; background:var(--clr-m); width:100%}
.serv-cat-m .box-3:hover .sq80, .serv-cat-m .box-3:hover .sq80 .box-text {background:var(--clr-b)}
.serv-cat-m .box-3 .sq80 .box-icon {width:6em; height:6em; margin:3em auto 1em; padding: 0;}
.serv-cat-m .box-3 .sq80 .box-text h1 {color:var(--clr-w); margin-top:0; padding: 0 1em; font-size:1.5em; font-weight:500; display:block}
.serv-cat-m .box-3 .sq80 .box-title::after {display:none;}

.aside-services > a {border-radius: 5em;
    border: 2px solid var(--clr-b);
    padding: 1em 2em;
    font-weight: 500;
    color: var(--clr-b);
    margin: 2em auto;
    display: block;
    width: fit-content;}
@media screen and (max-width:1080px) {
.serv-cat-m .box-3 .sq80 .box-icon {width:4em; height:4em; margin:1em auto 1em;}
.serv-cat-m .box-3 .sq80 .box-text h1 {font-size:1.25em;}

}
@media screen and (max-width:880px) {
.column-3.serv-cat-m {--col-n:2;}
.serv-cat-m .box-3 .sq80 .box-icon {width:6em; height:6em; margin:3em auto 1em;}
.serv-cat-m .box-3 .sq80 .box-text h1 {font-size:1.5em;}

}
@media screen and (max-width:720px) {
.column-3.serv-cat-m {--col-n:1;}
.column-3.serv-cat-m > * {margin-bottom: var(--margin-top);}
.serv-cat-m .box-3 .sq80 .box-text {display: flex; justify-content: center; height: 100%; align-items: center;}
.serv-cat-m .box-3 .sq80 .box-icon {width:6em; height:6em; margin:0em auto 2em;}
}

@media screen and (max-width:680px) {
.left-im {margin: 0em 0em 2em 0; max-width: 100%; width:100%; display:flex; justify-content:center;}
}

.serv-cat-mar .box-3 {border-radius:var(--sq-rad);}
.serv-cat-mar .box-3 .sq80 {background:var(--clr-d)}
.serv-cat-mar .box-3 .sq80 .box-text {--sq-pad:0; background:var(--clr-w); height:100%; width:100%;}
.serv-cat-mar .box-3 .sq80 .post-link {height:100%;}
.serv-cat-mar .box-3 .sq80 .box-icon {height:65%; padding:0; margin:0}
.serv-cat-mar .box-3 .sq80 .box-icon img {height:100%; object-fit:contain; width:100%}
.serv-cat-mar .box-3 .sq80 .box-text h1 {color:var(--clr-b); margin-top:0; font-size:1.25em; display:block; font-weight:500; padding:0 1em}
.serv-cat-mar .box-3 .sq80 .box-title::after {display:none;}
.serv-cat-mar .box-3 .sq80 .box-text:hover {background:var(--clr-g);}
.serv-cat-mar .box-3 .sq80 .box-text:hover h1 {color:var(--clr-w);}


.gran-tan {}
.gran-tan img {height:100%; object-fit: contain; margin-top:3em; position: absolute; z-index: 5;}
.gran-tan .box-img-bg {background:var(--clr-w); position: relative; display: block; width: 100%; padding-bottom:85%; margin-top: 5em; border-radius:400px 400px 0 0;}
.gran-tan .box-text {background:var(--clr-w); padding-bottom:1em;}
.gran-tan .box-title {margin-top: 0; padding-top: 1em;}
.gran-tan .box-title::after {display:none}
.gran-tan .box-1:hover, .box-2:hover, .box-3:hover {box-shadow:none;}

.gran-tan-pro {--col-gap-px:50; width:85%; margin:0 auto var(--margin-top);}
.gran-tan-pro .box-1 {border-radius:0; --col-gap-px:50; background:none}
.gran-tan-pro img {height:100%; object-fit: contain; margin-top:3em; position: absolute; z-index: 5;}
.gran-tan-pro .box-img-bg {background:var(--clr-d); position: relative; display: block; width: 100%; padding-bottom:100%; margin-top: 5em; border-radius:400px 400px 0 0;}
.gran-tan-pro .box-text {background:var(--clr-d); padding:1em}
.gran-tan-pro .box-title {margin:0; padding:0; text-align:center; color:var(--clr-b)}
.gran-tan-pro .box-title::after {display:none;}
.gran-tan-pro .box-1:hover, .box-2:hover, .box-3:hover {box-shadow:none;}

.gran-tan-pro .box-block:hover .box-img-bg, .gran-tan-pro .box-block:hover .box-text {background: var(--clr-m);}
.gran-tan-pro .box-block:hover .box-title {color:var(--clr-w)}












header.wrap {margin-bottom:0; padding-bottom:0.5em; padding-top:0.5em;}
.main-content > section, .main-content {margin-top:0}
.temp-02 #menudrop ul {padding:0; justify-content:space-between;}
.h2-sub {font-family:'Copperplate'; font-size:2em; font-weight:700; margin:1em 0; text-transform:uppercase;}
.more-arrow{text-align:right;}
.more-arrow a{color:var(--clr-m); border-bottom:2px solid; padding-bottom:0.5em;}
.more-arrow a::after {content: '← — —'; transform:rotate(180deg); padding-right:0.5em; display: inline-block; }
.top-page-2 {height:100vh; width:auto; margin:0 calc(1vw*var(--wrap)/2 - 50vw); background:center; background-size:cover; position: relative; height:calc(100vh - 107px - 1em);}

.arr-to-down {position:absolute; right:2vw; bottom:5vw; transform:rotate(270deg);}
.arr-to-down a{color:var(--clr-w); display:block; animation-name:floatingrev; animation-duration:3s; animation-iteration-count:infinite; animation-timing-function: ease-in-out;}
.arr-to-down img {display: none}
@keyframes floating {from { transform: translate(0, 0px);} 65% {transform: translate(0, 15px);} to {transform: translate(0, -0px);}}
@keyframes floatingrev {from { transform: translate(0, 0px);} 65% {transform: translate(15px, 0);} to {transform: translate(0, -0px);}}
	
.page-about-us h2 {color:var(--clr-m); font-size:2.25em; text-align:center; text-transform:uppercase}
.why div p {color:#fff; width:14em; height:15em;text-align:center; background-image:url(https://pallets-gd.sk/main/img/ab-wood.png); background-repeat:no-repeat; background-position:center; margin:0; justify-content:center; flex-wrap:wrap; align-content:center;}
.why div strong {font-size:3.5em; line-height:1; display:block; width:100%;}
.why-01 p {background-size: auto 90%;}
.why-02 p {background-size: auto 100%;}
.why-03 p {background-size: auto 80%;}
.ab-what {position:relative; align-items:center;}
.ab-what::before {content:''; width:7em; position:absolute; height:7em; background:var(--clr-s); top:0; z-index:-1;}
.ab-what img{padding:30px 0 0 30px;}
.ab-history {margin:0 auto}
.ab-history div	{align-items: center;}
.ab-history div:nth-child(2n) {flex-direction:row-reverse;}
.con-block h2 {margin-bottom:0}	




#menudrop ul ul li a {color:var(--clr-w); background:var(--clr-m);}




















/* Gallery single */
.page-gal .wp-block-gallery	{display:grid; margin-top: var(--margin-top); transition: all 0.3s; grid-gap: var(--col-gap)!important; grid-template-columns: repeat(auto-fill, minmax(calc(100% / var(--col-n) - var(--col-gap)), 1fr))!important; --col-n: 3; margin-top:3em}
.wp-block-gallery .wp-block-image {position: relative; overflow: hidden; margin: 0; padding: 0; width:100%!important}
.wp-block-gallery .wp-block-image a {display:block; padding:0 0 calc(100% - var(--sq-bor)*2);}
.wp-block-gallery .wp-block-image a img {position: absolute; width: 100%; height: 100%; object-fit: cover; overflow: hidden; margin: 0; padding: 0;}
.wp-block-gallery .wp-block-image figcaption {position:absolute; height:20%; background:var(--clr-b-o); width:100%; bottom:0; margin:0; padding:1em;}
.wp-block-gallery .wp-block-image:hover {position: relative; overflow: hidden; margin: 0; padding: 0; width:100%!important}
.wp-block-gallery .wp-block-image:hover img	{transform: scale(1.1);}
.page-gal .wp-block-gallery figure.wp-block-image figcaption {position:absolute; height:20%; background:var(--clr-b-o); width:100%; bottom:0; margin:0; padding:20px;}
.wp-block-gallery .wp-block-image a::after {content:''; position:absolute; width:2em; height:2em; top:calc(50% - 1em - 80px/2); left:calc(50% - 1em); z-index:999; background: url(main/img/eye.png) no-repeat; background-size:contain; opacity:0}
.wp-block-gallery .wp-block-image:hover a::after {opacity: 1;}


.box-3.cat-gallery .sq100 .box-text{height:80px; top:calc(100% - 80px);}
.box-3.cat-gallery .sq100 .box-expert {text-align: left; padding: 1em; margin: 0;}
.gallery-eye {position:absolute; width:2em; height:2em; top:calc(50% - 1em - 80px/2); left:calc(50% - 1em); z-index:999; background: url(main/img/eye.png) no-repeat; background-size:contain; opacity:0}
.box-3.cat-gallery .sq100:hover .gallery-eye {opacity:1}


/* Blog category */
.box-3.cat-blog .sq100 .box-text {height:calc(50% - var(--sq-pad)/1*2); top:50%; padding:0 1em; background:var(--clr-m);}
.box-3.cat-blog:hover .sq100 .box-text{background: var(--clr-b-o);}
.cat-blog .box-text h2, .cat-blog .box-text p, .cat-blog .box-text a {margin-top:1em;}
.cat-blog .box-more {position:relative; bottom:auto;}
.cat-blog .box-more:after {content:'← —'; padding:0 1em; background:none; display:inline-block; transform:rotate(180deg);}


/* FORM */
.contact-form {margin-top:2em;}
.contact-form div {margin-bottom:0}
.contact-form p {margin-top:0em; color:var(--clr-m)}
.contact-form h2 {color:var(--clr-w);}
.contact-form h5 {color:var(--clr-w); padding:0; text-transform:uppercase; font-size:2em; font-family:'Copperplate'; margin-top:0;}
.contact-form input, .contact-form textarea	{padding:1em; border: 2px solid var(--clr-s); background: var(--clr-g);}
.contact-form textarea {margin: 0; min-height:217px;}
.contact-form-div3 {width:auto; margin:0 auto; margin-top:2em}
.contact-form-div3 button {background: var(--clr-m); margin:0}









.top-page {height:calc(100vh - 107px - 1em); margin-bottom:0}
.owl-slider-text-desc {position:absolute; top:10%; z-index:2; font-weight:600; color:var(--clr-w); font-size:2em; width:40%; left:5%; text-transform:uppercase}
.owl-slider-text-text {position:absolute; z-index:3; top:10%; color:var(--clr-w); font-size:1em; width:40%; right:5%;}
.sl-carousel .in-more-button {color:var(--clr-w); width:fit-content; text-transform:uppercase}
.sl-carousel .sl-item img {position: relative; z-index: -1; height: 100vh; object-fit:cover;}
.sl-carousel .sl-item p {margin-top:0; background:var(--clr-m); color:var(--clr-w); padding:20px;}
.sl-theme .sl-dots {top:-50px; position: relative; z-index:3 }
.sl-theme .sl-dots .sl-dot span {width:50px; height:50px}


.sl-carousel .sl-item img {position: relative; z-index: -1; height:calc(100vh - 107px - 1em); object-fit:cover;}

.index-page .about-uss {margin-top:0}
.about-uss-top {align-items:center; flex-direction:row-reverse;}
.more-arrow {margin-top:-4.5em;}
.about-history > div:nth-child(2n) {flex-direction: row-reverse;}
.cc-banner .cc-message {color: var(--clr-w);}
.cc-link {color:var(--clr-w);}


/* index */
.ind-products {}
.about-partner {}
@media screen and (max-width: 1620px) {
html, body {min-height:100vh; font-size:16px;}
}
@media screen and (max-width: 1366px) {
html, body {min-height:100vh; font-size:14px;}
}
@media screen and (max-width: 1199px) {
.header-menu-drop .head-sub{top:7px; position:absolute; right:50px;} 
}

@media screen and (max-width:960px) {
html, body {font-size:14px;}
}
@media screen and (max-width:720px) {
html, body {font-size:14px;}
}

@media screen and (max-width:680px) {
html, body {font-size:18px;}
}
@media screen and (max-width:980px) {
.top-page-2 .top-page-title {height:calc(60vh - 107px - 1em);}
.top-page-bg-gr {height:40vh;}
}
@media screen and (max-width: 820px) {
.w50.wrap-l, .w50.wrap-r {width:100%}
.wrap.page-partners {padding:0}
.sin-prod-page .wp-block-media-text {display: flex; flex-wrap: wrap; flex-direction: column-reverse;}
}
@media screen and (max-width: 790px) {	
}
@media screen and (max-width: 820px) {	
}

@media screen and (max-width:680px) {
	
.top-page-2 {height: auto;}
.top-page-bg-img {height:100%;}	
.top-page-2 .top-page-title {height:calc(60vh - 107px - 1em);}
.top-page-bg-gr {height:auto; padding-top: 1em; padding-bottom: 1em;}
	
.page-gal .wp-block-gallery {--col-n:2;}
.contact-form .column-2 .w50 {width:100%}
.contact-form-div3 {margin-top: 2em;}
.site-info.flex > div {width:100%; margin-bottom:1em; text-align:center;}
.foot-143smm {justify-content: space-around;}
}

@media screen and (max-width:540px) {
.cat-sin-prod {padding: 0 0em;}
.ind-products {position:relative; padding-bottom:2em;}
.about-partner {position:relative; padding-bottom:2em;}
.ind-products .more-arrow, .about-partner .more-arrow {position: absolute; bottom: 0; margin: 0 auto; text-align: center; width: 100%;}
}
@media screen and (max-width:520px) {
}
	
@media screen and (max-width:480px) {
.page-gal .wp-block-gallery {--col-n:1;}
}