*{
--start-wrap:4.375vw;
}

header.wrap, .start-article, .start-block, aside.start-side-bottom, .main-content-start .pagination {padding:0 var(--start-wrap);}	
header.wrap {background:var(--clr-b); padding-top:1em; padding-bottom:1em; position:fixed; z-index:999; width:100%;}
.header-menu-drop {display:flex; flex-wrap:wrap; justify-content:space-between; box-shadow:0px 10px 4px -7px rgb(0 0 0 / 32%);}
.header-main-logo.start {transform:rotate(0deg); margin-top:-1.5em; width:auto; position:relative; font-size:0.75em; writing-mode:horizontal-tb;}
.header-main-logo.start a, .header-main-logo.start p {font-size:2.75em; color:var(--clr-w)}
.header-main-logo.start a span, .header-main-logo.start p span {font-size:0.4em; font-family:'Ardenis'; color:var(--clr-m);}
.menu-nav-ul {padding-right:0}
#menudrop > nav > ul > li > a {color:var(--clr-w); text-transform:none;}

main.main-content-start {padding-top:10vh}
.main-content-start, .footer-start {width:100%; margin-left:0; height:auto}
.main-content-start .wp-block-quote p:before, .main-content-start .wp-block-quote p:after {content:"";}

/* START Index */
.index-banner {background:url(https://ardenis.com.ua/main/img/start/banner.jpg) no-repeat; background-position:bottom; width:100%; margin:0 auto; height:90vh; background-size:cover; position:relative}
.index-banner > div {height:100vh; position:relative}
.index-banner-tit {line-height:1.2; color:var(--clr-w); padding-top:15vh; font-size:5em; font-weight:600; margin:0 auto; text-align:center; width:50%;}
.index-banner-st {background:var(--clr-w); color:var(--clr-b); font-size:1em; width:fit-content; width:max-content; padding:15px; margin:0 auto; margin-top:20px;}
.index-banner > div > div {position:absolute; bottom:15%; right:100px; height:200px; width:200px;}
.index-banner a:hover p {color:var(--clr-w)}
.index-banner .footround p::after {content:"→"; margin-top:0.25em; font-family:"e-Ukraine Head"; font-size:1.25em; line-height:1; transform:rotate(90deg);}

/* START Animation */
:root { --animate-duration:0.5s; --animate-delay:0.0s; --animate-repeat:1;}
.animated {-webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-duration:var(--animate-duration); animation-duration:var(--animate-duration); -webkit-animation-fill-mode:both; animation-fill-mode:both;}
.animated.animate_faster {-webkit-animation-duration:calc(1s / 2); animation-duration:calc(1s / 2); -webkit-animation-duration:calc(var(--animate-duration) / 2); animation-duration:calc(var(--animate-duration) / 2);}
.animated.animate_fast {-webkit-animation-duration:calc(1s * 0.8); animation-duration:calc(1s * 0.8); -webkit-animation-duration:calc(var(--animate-duration) * 0.8); animation-duration:calc(var(--animate-duration) * 0.8);}
@-webkit-keyframes fadeInUpBig {
from {opacity:0; -webkit-transform:translate3d(0, 1000px, 0); transform:translate3d(0, 1000px, 0);}
to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes fadeInUpBig {
from {opacity: 0; -webkit-transform: translate3d(0, 1000px, 0); transform: translate3d(0, 1000px, 0);}
to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
.animate_in {-webkit-animation-name:fadeInUpBig; animation-name:fadeInUpBig;}
@-webkit-keyframes fadeOutUpBig {
from {opacity: 1;}
to {opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}
}
@keyframes fadeOutUpBig {
from {opacity: 1;}
to {opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}
}
.animate_out {-webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig;}

/* START Article */
.start-article.web-index-section .start-cat-colums-2 h2 {font-weight:700; text-transform:uppercase;}
.start-article {margin-bottom:2em}
.start-article .article-header-main-title {height:auto;}
.start-article .article-header-main-title h1 {text-transform:uppercase}
.start-article .article-header-main-title h1.row.visible span {font-size:1em;}
.start-article .article-header-main-title h2 span {font-size:1em}

/* Start Category*/
/*529*/
.start-article .start-cat-colums-2 h2 {margin-top:0; font-weight:600; text-transform:inherit}
.start-article .start-cat-colums-2 h2::after {font-size:1.25em;}
.start-article .start-cat-colums-2 .start-web-cat-price {font-weight:600; margin-top:1em; text-align:right;}
.start-article .start-cat-colums-2 .start-web-cat-price strong {font-weight:600; color:var(--clr-m); font-size:1.5em}

/* ASIDE Bottom*/
/* banner-want */
aside.start-side-bottom {clear:both; margin:2em 0;}
.start-banner-want {padding:2em; border:1px solid var(--clr-b); align-items: center;}
.start-banner-want div {cursor:pointer;}
.start-banner-want .txt-want {width: calc(100% - 310px); font-size:1em; font-weight: 600}
.yes-b, .yes-c {padding:12px 50px; border: 1px solid var(--clr-b);}
.yes-b {animation: pulser 5s infinite;}
.yes-c {animation: pulsen 5s infinite;}
/* start-navi-links */
.start-navi-links {margin-top:var(--margin-top); justify-content: space-between}
.next-page-link, .prew-page-link {max-width:max-content; max-width:fit-content; display:flex; align-items:flex-end;}
.next-page-link a, .prew-page-link a {color:var(--clr-b); flex-direction:column-reverse}
.next-page-link a {align-items:flex-end;}
.next-page-link a p:last-child, .prew-page-link a p:last-child {margin:0; font-size:1.5em; font-weight:700; text-transform: uppercase;}
.next-page-link a p:last-child {font-size:2.5em;}
.next-page-link a p:first-child, .prew-page-link a p:first-child {margin-top:1em; display:flex; font-weight:600; text-transform:uppercase; font-size:1.125em}
.next-page-link a p:first-child::after, .prew-page-link a p:first-child::before{content:'\2794'; font-weight:600; padding-left:0.5em;}
.prew-page-link a p:first-child::before{transform:rotate(180deg);}
.next-page-link:hover a p, .prew-page-link:hover a p {color:var(--clr-m);}
@keyframes pulser {0% {color:var(--clr-m); background-color:var(--clr-w)} 50% {color:var(--clr-w); background-color:var(--clr-m)} 100% {color:var(--clr-m); background-color:var(--clr-w)}}
@keyframes pulsen {0% {color:var(--clr-w); background-color:var(--clr-m)} 50% {color:var(--clr-m); background-color:var(--clr-w)} 100% {color:var(--clr-w); background-color:var(--clr-m)}}

/* START Pages */
.start-web-type-price {font-weight:600; font-size:1.7em; margin:1em 0;}
.start-web-type-price strong {color:var(--clr-m); font-size:1.25em;}
.start-web-type button {border:2px solid var(--clr-m); height: auto; padding:1em 5em 1em 1em; width: auto; font-size: 1.5em; position:relative; font-weight:600; text-transform: uppercase; color:var(--clr-m);}
.start-web-type button:hover {color:var(--clr-w);}
.start-web-type button:after {content:'\2794'; position:absolute; right:0.5em; margin-top:-0.2em; font-weight:500;}

.start-web-type-grey-block {width: 100%!important; padding:3em; text-align:center; background:var(--clr-g); margin:2em 0 3em}
.start-web-type-grey-block div {width:20%}
.start-web-type-grey-block div:first-child {width:100%; font-weight:700; font-size:2em; margin-bottom:1em; text-transform:uppercase}
.start-web-type-grey-block div p {margin:1em 0 0 0; font-size:1.25em; font-weight:500;}
.start-web-type-grey-block div p:first-child {color:var(--clr-m); font-weight:700; font-size:2.5em}

.start-web-type .article-header-main-title {display:block;}
.start-web-type .article-header-main-title h1 {width:auto}
.start-web-type .article-header-main-title p {font-weight:normal;}
.start-web-type .article-header-main-title p span {font-weight:600; color:var(--clr-m); font-size:1.25em;}


/* START Services */
.start-else-sin-serv .article-header-main-title {display:block;}
.start-else-sin-serv .article-header-main-title h1 {width:auto}
.start-else-sin-serv .article-header-main-title p {font-weight:normal;}
.start-else-sin-serv .article-header-main-title p span {font-weight:600; color:var(--clr-m); font-size:1.25em;}

.start-else-sin-serv h2 {font-size:1.75em; margin: 2em auto 1.5em; font-weight:700; text-transform:uppercase;}
.start-else-sin-serv .grid-2 {padding:0}
.start-else-sin-serv .list-shadow li {width:calc(100% / var(--col-n) - var(--col-gap)* calc(var(--col-n) - 1) / var(--col-n));}
.start-else-sin-serv blockquote.border-m {margin:calc(var(--margin-top)*1.5) 0}

.start-else-sin-serv .list-shadow.column-1 li {width:100%;}
	
.start-else-serv-faq h3, .start-else-serv-faq .accorl .accorh-v {margin:0; margin-bottom:var(--margin-top);}
.start-else-serv-faq h3 {margin:0; margin-bottom:var(--margin-top);}
.start-else-serv-faq .accor, .accorl {margin-top:0;}

.start-serv-faq.column-2 .accorl {--pad:0px; width:48%; margin:1em 0;}

.start-serv-seo-btn {border:1px solid var(--clr-b); padding:10px 25px; text-align:center; text-transform:uppercase; background:var(--clr-m); color:var(--clr-w); font-size:1em;}

.start-else-sin-serv .accordion, .start-else-sin-serv .s-icon strong {font-size:1.5em; font-weight: 500}

.start-men-block {background:#F9F9F9; position:relative; width:100%; margin:calc(var(--margin-top)*2) 0; margin-top:7em}
.start-men-block img {max-height:180px; position:absolute; bottom:0%; left:5%;}
.start-men-block p {font-size:0.9em; width:60%; margin:25px 5% 5px 35%; position:relative}
.start-men-block p strong {color:var(--clr-m); font-size:1.4em; text-transform:uppercase}

.pres-page-logo-what-get article {align-items:center;}
/* serv smm*/
.smm-s {width:18%; padding:1em; display:grid; justify-items:center; align-content:center;}
.smm-s img {width: auto; max-width: 80%}
.start-serv-icon article {display:flex; align-items: center; flex-wrap:wrap}
.start-serv-icon article > p {padding-left:7.5em; margin:0}
.start-serv-icon article > p:first-child, .start-serv-icon article div {padding-left:1.5em; width:calc(100% - 6em);}
.start-serv-icon article {margin-bottom:2em}
.start-serv-icon article div p{margin:0;}
.start-serv-icon.flex article {align-items:flex-start;}
.start-serv-icon.flex div p:first-child {margin:0 0 1em 0;}
.start-serv-icon article:before {width:6em; height:6em; content:''; display:block; background-repeat:no-repeat; background-position:center; background-size:60%; box-shadow:var(--shadow);}
.start-serv-icon-01::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-01.png)}
.start-serv-icon-02::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-02.png)}
.start-serv-icon-03::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-03.png)}
.start-serv-icon-04::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-04.png)}
.start-serv-icon-05::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-05.png)}
.start-serv-icon-06::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-06.png)}
.start-serv-icon-07::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-07.png)}
.start-serv-icon-08::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-08.png)}
.start-serv-icon-09::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-09.png)}
.start-serv-icon-10::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-10.png)}
.start-serv-icon-11::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-11.png)}
.start-serv-icon-12::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-12.png)}
.start-serv-icon-13::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-13.png)}
.start-serv-icon-14::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-14.png)}
.start-serv-icon-15::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-15.png)}
.start-serv-icon-16::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-16.png)}
.start-serv-icon-17::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-17.png)}
.start-serv-icon-18::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-18.png)}
.start-serv-icon-19::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-19.png)}
.start-serv-icon-20::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-20.png)}
.start-serv-icon-21::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-21.png)}
.start-serv-icon-22::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-22.png)}
.start-serv-icon-23::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-23.png)}
.start-serv-icon-24::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-24.png)}
.start-serv-icon-25::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-25.png)}
.start-serv-icon-26::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-26.png)}
.start-serv-icon-27::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-27.png)}
.start-serv-icon-28::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-28.png)}
.start-serv-icon-29::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-29.png)}
.start-serv-icon-30::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-30.png)}
.start-serv-icon-31::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-31.png)}
.start-serv-icon-32::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-32.png)}
.start-serv-icon-33::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-33.png)}
.start-serv-icon-34::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-34.png)}
.start-serv-icon-35::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-35.png)}
.start-serv-icon-36::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-36.png)}
.start-serv-icon-37::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-37.png)}
.start-serv-icon-38::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-38.png)}
.start-serv-icon-39::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-39.png)}
.start-serv-icon-40::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-40.png)}
.start-serv-icon-41::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-41.png)}
.start-serv-icon-42::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-42.png)}
.start-serv-icon-43::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-43.png)}
.start-serv-icon-44::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-44.png)}
.start-serv-icon-45::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-45.png)}
.start-serv-icon-46::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-46.png)}
.start-serv-icon-47::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-47.png)}
.start-serv-icon-48::before {background-image: url(https://ardenis.com.ua/main/icons/start-icon-48.png)}

/* START Port Sin */
.start-port-grid-4 {column-count:4; column-gap:1em; clear:both; margin-bottom:2em}
.start-port-grid-4 p {margin: 0; width: 100%;}
.start-port-grid-4 div {box-shadow:var(--shadow); margin:1em 0; padding:0.25em}
.start-port-sin-head p {font-weight:500}
.start-port-sin-head .year {text-align:right; float:right}
.start-port-sin-head .title {font-size:1.25em; font-weight:600}

/* START Pagination*/
.main-content-start .pagination {margin:2em 0;}

/* START About Us*/
.start-article .pres-page-about-us-clients {margin-bottom:2em}

/* START Contact */
.foottext-2 {display:flex; width:100%}
.a-foot-cont p {border-left:1px solid var(--clr-g); margin:0; font-weight:600;}
.start-page-contact .a-foot-cont a {color:var(--clr-m);}
/* START Footer */
footer.start-footer	{min-height:auto; width:100%; margin-left:0; padding:1em var(--start-wrap) 0.5em;}
.start-footer .foottext-1 {width:calc(100% - 220px)}
.start-footer .footlogo {width:auto}
.start-footer .foottext {padding-bottom:5em;}
@media screen and (max-width: 1440px) {
#menudrop ul ul li a {font-size:1em;}
.index-banner-tit {font-size:4em; width:70%;}
}
@media (max-width:1366px) {
.index-banner-tit {font-size:3em; width:80%;}
}
@media screen and (max-width: 1086px) {
#menudrop .navigation {background:var(--clr-b);}
}
@media screen and (max-width:1040px) {
.start-page-contact .foottext-2 {flex-wrap:wrap; justify-content:center;}
.start-page-contact .a-foot-cont {margin-bottom:2em; width:33%;}
}
@media (max-width:980px) {
.start-navi-links {flex-direction:column-reverse}
.next-page-link {width:100%; max-width:100%; justify-content: flex-end }
.start-else-serv-faq {column-count:1;}
}
@media screen and (max-width:880px) {
.start-port-grid-4 {column-count:2;}
}
@media (max-width:780px){
.smm-s {width:48%; margin-bottom: 25px;}
}
@media (max-width: 720px) {
.index-banner {background-position: bottom left;}
.index-banner div {text-align: center;}
.index-banner-tit {padding:0; padding-left:5%; font-size:28px; padding-top:5vh; width:90%;}
.index-banner > div > div {bottom: 32%; right:calc(50% - 100px);}
.index-banner a {margin-left:0;}
.start-article .post-meta time {right:0vw;}
.start-web-type-grey-block div {width:48%;}
.start-else-sin-serv .list-shadow li, .start-else-sin-serv .column-2 > *, .column-3 > * {width:100%}
.start-else-sin-serv .grid-2 {--col-n:1;}
.start-men-block {margin-top:4em;}
.start-men-block img {left:0%;}
.start-page-contact .foottext-2 {margin-top:2em}
.start-page-contact .a-foot-cont {width:48%;}
}
@media (max-width:680px) {
.start-side-bottom .start-banner-want {justify-content:space-evenly;}
.start-banner-want .txt-want {width:100%; text-align:center; margin-bottom:1em}
.start-men-block img {opacity: 0.3;}
.start-men-block p {width: auto; margin: 25px;}
.smm-s {width: 100%; margin-bottom: 25px;}
.start-port-grid-4 {column-count:1;}
.start-port-grid-4 div {margin:2em 0;}
.main-content-start	.nav-links {justify-content:center;}
.start-footer .foottext-1 {width:100%;}
.start-footer .footlogo {width:auto; margin:2em auto 0em;}
.start-footer .foottext {padding-bottom:1em;}
}
@media (max-width: 620px) {
.start-article .article-header-main {padding:0;}
.start-article .article-header-main-title {min-height:unset;}
}
@media screen and (max-width:560px) {
.start-page-contact .foottext-2 {margin:0 auto; width:80%; margin-top:2em}
.start-page-contact .a-foot-cont {width:100%;}
}
@media screen and (max-width:480px) {
.start-web-type-grey-block div {width:100%;}
}
.main-presentation section > div > h2 {text-transform: uppercase; overflow:hidden; font-size:1.75em; margin:2em auto 1.5em; width:100%; color:var(--clr-b); font-weight:700; line-height:1.5em;}



/* 4 PRESS*/

.start-cat-colums-2 .row .shadow {opacity:0}
.start-cat-colums-2 .row.visible .shadow {opacity:1}

.pres-start-how-it-help .row .shadow {opacity:0}
.pres-start-how-it-help .row.visible .shadow {opacity:1}