*{font-weight:400; line-height:1.5em}
body {background: url(https://khachatryan.com.ua/main/img/pateuirn-w.png); background-size:calc(87px/1920*1366); background-size:calc(87/1920*100vw);}
header.wrap {margin-bottom:0; padding-bottom:1em; padding-top:1em; position:absolute; background:var(--clr-s-m);}

.top-page-1 {background:url(https://sentio.com.ua/main/img/header-bg.jpg) no-repeat top; background-size: cover; margin-bottom:40px;}
.top-page-1 h1 {margin-bottom:0; font-size:3.5em; color:var(--clr-m); margin:0.5em 0 0.125em;}
.top-page-1 > div {padding-bottom:3em; padding-top:calc(50px + 4em);}
.breadcrumbs {margin:0;}
.breadcrumbs p {
    margin: 0;
    color: var(--clr-m);
    font-weight: 600;
}
.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);}}
	




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




footer.wrap {margin-top: 0; background:var(--clr-m);}

.foot-logo {text-align:center;}
.foot-logo img {width:300px}

.foot-smm a p, .foot-search a p {
    background-repeat: no-repeat;
    content: '';
    background-position: left;
    background-size: contain;
    padding: 16px;
    margin-left: 10px;
}









/* Page about us */

/* Service category */


/* Service single*/
.left-im{float:left; margin: 0em 2em 2em 0;}
.right-im{float:right; margin:0em 0em 2em 2em;}

/* Product category */

/* Product single */

/* 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}

/* Faq single */
.accor, .accorl {border-radius: 0; background: var(--clr-s); color: var(--clr-g);}
.accorh {color:var(--clr-g);}
.accorh-v, .accorh:hover {color: var(--clr-b);}
.accord {background-color:var(--clr-s);}
.accord > * {color:var(--clr-w);}
	
.box-1, .box-2, .box-3 { border:0; border-bottom:12px solid var(--clr-s); border-radius:0; background:none; box-shadow:none;}
	
.box-date {color:var(--clr-m); font-size:1.25em; font-weight:500; text-align:right; margin-bottom:0;}
.box-date {display: none}
.box-blog-arrow {}

/* 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);}

/* Contact single */
.con-img {background:url(https://sentio.com.ua/main/img/p-cont.jpg); background-position:top; background-size:cover; background-repeat: no-repeat;}
.contact-page h2 {text-transform: uppercase; color: var(--clr-m);
    font-size: 2em;
    font-weight: 700; margin: 1em 0 0 0}
.con-bg-div {background:var(--clr-s); padding:2em 5% 3em 3em;}
.con-bg-div a, .con-bg-div p {color:#fff}
/* 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}




#back-to-top {color:var(--clr-m); border:0; background:none; width:auto; height:auto; bottom:5vw; right:2vw; transform:rotate(90deg); font-size:1em}
#back-to-top:hover {background:none; color:var(--clr-m);}




.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%;}
#carousel-1 .in-more-button {color:var(--clr-w); width:fit-content; text-transform:uppercase}
#carousel-1 .sl-item img {position: relative; z-index: -1; height: 100vh; object-fit:cover;}
#carousel-1 .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}

#carousel-1 .sl-item img {position: relative; z-index: -1; height:calc(100vh - 107px - 1em); object-fit:cover;}
#carousel-2 .item {text-align: center}
#carousel-2 h3 {font-size: 1.5em; font-weight: 700; margin:1em 0 0;}
#carousel-2 p {font-size: 1em; margin: 1em auto; width: 70%; padding-bottom: 1em; border-bottom: 3px solid var(--clr-m);}
.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: 1366px) {
html, body {min-height:100vh; font-size:14px;}
}
@media screen and (max-width: 1199px) {
.header-menu-drop .top-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:480px) {
html, body {font-size:16px;}
}
@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) {
.about-uss-top, .w50, .about-uss-top p {display: block;}
.about-uss-top .w50:first-child {float:right; margin: 0 0 2em 2em;}
.about-uss-top .w50:last-child {width: 100%;}
.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) {	
.about-uss-text div strong {font-size:2.5em;}
}
@media screen and (max-width: 820px) {	
.about-history div p.w30 {width:50%;}
.about-history div.w70 {width:100%; margin-top:-5em; z-index:-1; position:relative;}
.about-history > div .w70 p, .about-history > div:nth-child(2n) .w70 p {padding-left:0em; padding-right:0em;}
}

@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;}
	
.about-uss-text {width:80%; padding-left:5%; font-size:0.6em; justify-content:flex-end;}
.about-partner .w30, .about-partner .w70 {width:100%; margin-bottom:0}
.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) {
.about-uss {overflow:visible;}
.about-uss-text {width:50%}
.about-uss-text div {width: calc(100%/1); margin-bottom:1em;}
.about-uss-img-02 {width: 67%;}
.about-uss-img-01 {position: relative; width: 34%; height: 300px; margin-top: -100px; margin-bottom: -100px;}
.sin-about-page .more-arrow {margin-top: 0;}
}
	
@media screen and (max-width:480px) {
.page-gal .wp-block-gallery {--col-n:1;}
.about-history div p.w30 {width: calc(100% - 180px);}
}