@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@300;400;500;600;700;800&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500&display=swap');
body, html {width: 100%;height: 100%;background: #F6F6EE;}
body, th, td {font-size:14px; font-weight:500;line-height:150%;color: #000;font-family: 'Montserrat', sans-serif;}
body, form, object {margin: 0;padding: 0;}
img, table {border: none;}
table {border-collapse: collapse;}
table td {padding: 0;}
a { color:  #000;   text-decoration:underline; transition:0.2s; -webkit-transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; }
a:hover {text-decoration:none;}
:focus {outline:none!important;text-decoration:none!important;}

.m-s {font-family: 'Montserrat Alternates', sans-serif;}


.simpleParallax {height:100%;}
.wrapper {padding:0px 0 0 0;overflow:hidden;position:relative;z-index:2;}
.sticky {position:fixed;}
.stop {  position: relative;}
.bold {font-weight:bold;}
.container-fluid {max-width:1352px;}
.italic {font-style:italic;}
img {max-width:100%;}
button {border:0;outline: none!important; background:none; padding:0; transition:350ms cubic-bezier(.25,.74,.22,.99); -webkit-transition:350ms cubic-bezier(.25,.74,.22,.99); -moz-transition:350ms cubic-bezier(.25,.74,.22,.99); -ms-transition:350ms cubic-bezier(.25,.74,.22,.99); -o-transition:350ms cubic-bezier(.25,.74,.22,.99); }
.ic:before { transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
.ic { transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
.h-100 {    height: 100% !important;}
.menu-open {overflow:hidden;}
.modal-open .header {margin:0 8px 0 0;}
.margin-bottom {margin-bottom:140px!important;}

.gutters-40 {margin-right: -40px;margin-left: -40px;}
.gutters-40 > .col,.gutters-40 > [class*="col-"] {padding-right: 40px; padding-left: 40px;}
.gutters-12 {margin-right: -12px;margin-left: -12px;}
.gutters-12 > .col,.gutters-12 > [class*="col-"] {padding-right: 12px; padding-left: 12px;}

::-webkit-scrollbar { width: 8px; border-radius: 8px; background-color: transparent; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #FFE163; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
::-webkit-scrollbar-track { border-radius: 8px; background-color: transparent; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
::-webkit-scrollbar:horizontal{height:4px;}

.btn-default {text-align:center;  display:inline-block; text-decoration:none; padding:7px 19px; color: var(--Black, #000); font-size: 16px; font-weight: 500; line-height: 150%; border-radius: 8px; border: 1px solid var(--Black, #000); -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; transition:0.5s ; -webkit-transition:0.5s ; -moz-transition:0.5s ; -ms-transition:0.5s ; -o-transition:0.5s ; }
.btn-default.btn-yellow {background: var(--Yellow, #FFE163);}
.btn-default.btn-yellow:hover {background: var(--Purple, #E7D4E9);}
.btn-default.btn-white {background: #F6F6EE;}
.btn-default.btn-white:hover {background: #FFE163;}
.btn-default.btn-blue {background: #CEE4F6;}
.btn-default.btn-blue:hover {background: #E7D4E9;}

.link-default { text-decoration:none;padding:0 0 0 5px;    font-size: 16px;    font-weight: 500;background: var(--Blue, #CEE4F6);    line-height: 150%;}
.link-default:hover .value {text-decoration: underline;}


.home .content {padding:72px 0 0 0;}
.content {padding:152px 0 0 0;}
.header { padding:16px 0; border-bottom:1px solid #000; position:fixed; top:0; left:0; right:0; background: #F6F6EE; z-index:200; transition:0.5s ; -webkit-transition:0.5s ; -moz-transition:0.5s ; -ms-transition:0.5s ; -o-transition:0.5s ; }
.header .logo {display:block;margin:0 24px 0 0;}
.header .logo {min-width:103px;}
.header .logo2 {min-width:82px;}

.header.out { transform:translateY(-100%) ; -webkit-transform:translateY(-100%) ; -moz-transform:translateY(-100%) ; -ms-transform:translateY(-100%) ; -o-transform:translateY(-100%) ; }


.main-menu {width:100%;padding:0 70px 0 0px;}
.main-menu .nav-item {display:block;position:relative; text-decoration:none;padding:3px 16px;    font-weight: 600;    line-height: 150%;}
.main-menu .nav-item:after {content:""; opacity:0; display:block; position:absolute; left:50%;  transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;  transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ;}

.main-menu .nav-item.nav-1:after {  width:62px; height:6px; bottom:0; background: url('../../images/nav1.svg') no-repeat center;}
.main-menu .nav-item.nav-2:after {  width:169px; height:26px; bottom:0; background: url('../../images/nav2.svg') no-repeat center;}
.main-menu .nav-item.nav-3:after {  width:46px; height:5px; bottom:0; background: url('../../images/nav3.svg') no-repeat center;}
.main-menu .nav-item.nav-4:after {  width:185px; height:9px; bottom:-2px; background: url('../../images/nav4.svg') no-repeat center;}
.main-menu .nav-item.nav-5:after {  width:38px; height:25px; margin:0 0 0 5px; bottom:0; background: url('../../images/nav5.svg') no-repeat center;}

.main-hero .container-fluid {max-width:1440px;padding:0;}
.main-hero .hero-image {height:100vh;width:50%;position:relative;}
.main-hero .hero-image  img  { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%;}
.main-hero .hero-info {margin:0 0 0 0px;padding:0 0 0 64px;width:50%; position:relative;}
.main-hero .hero-info .info-cont { position:relative;z-index:2; }
.main-hero .hero-info .hero-bg { position:absolute; left:0; top:0; right:0; bottom:0; }
.main-hero .hero-info .hero-bg .simpleParallax {overflow:visible!important; display:flex;align-items: center;}

.main-hero .hero-info .hero-title {font-size: 40px;   font-style: normal;    font-weight: 800;    line-height: 115%; max-width:534px;    letter-spacing: 0.4px;}
.main-hero .hero-info .hero-title .icon2 {margin:0 12px 0 0;}
.main-hero .hero-info .hero-sub-title { font-size: 40px;    font-weight: 800;   line-height: 115%;    letter-spacing: 0.8px;}
.main-hero .hero-info .hero-anons {margin:20px 0 26px 0;max-width:480px;}
.main-hero .hero-info .hero-buttons {position:relative;margin:0 -8px;}
.main-hero .hero-info .btn-default {margin:0 8px;}
.main-hero .hero-info .hero-title p {margin:0;}


.main-about {padding:112px 0;border-bottom: 1px solid var(--Black, #000); border-top: 1px solid var(--Black, #000);   background: var(--Blue, #CEE4F6);}
.main-about .about-anons {   font-size: 21px;    font-weight: 500;    line-height: 160%;}
.main-about .about-anons p {margin:0 0 30px 0;}
.main-about .about-anons p:last-child {margin:0;}
.main-about .about-data {margin:0 0 28px 0;font-size: 16px;    font-weight: 700;    line-height: 150%;}
.main-about .value {margin:0 0 8px 0;     font-size: 50px;    font-weight: 800;    line-height: 120%;}
.main-about .value-info {}


.section-sklad {padding:92px 0 132px 0;}
.section-sklad .sklad-title { transform:rotate(-2deg) ; border-radius: 70px; border: 1px solid var(--Black, #000); background: var(--White, #FFF); padding:20px; font-size: 28px; font-weight: 700; line-height: 120%; -webkit-transform:rotate(-2deg) ; -moz-transform:rotate(-2deg) ; -ms-transform:rotate(-2deg) ; -o-transform:rotate(-2deg) ; }
.section-sklad .sklad-anons {background: var(--Yellow, #FFE163);padding:10px;max-width:548px;    font-size: 16px;    font-weight: 500;    line-height: 120%;}

.sklad-slider { overflow:hidden; margin:40px 0 0 0; border-radius: 20px; border: 1px solid var(--Black, #000); -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.sklad-slider .item { height:720px; overflow:hidden; width:82px; min-width:82px; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
.sklad-slider .item.active{width:100%;}
.sklad-slider .item .item-button {width:82px;min-width:82px;padding:32px 0 16px 0;cursor:pointer;}
.sklad-slider .item .item-button .number {    font-size: 24px;    font-weight: 700;    line-height: 140%;}
.sklad-slider .item .item-button .name { width:600px; transform:rotate(-90deg) translate(50%) ; -webkit-transform:rotate(-90deg) translate(50%) ; -moz-transform:rotate(-90deg) translate(50%) ; -ms-transform:rotate(-90deg) translate(50%) ; -o-transform:rotate(-90deg) translate(50%) ; }
.sklad-slider .item .item-button .name .data {      font-size: 24px;    font-weight: 700;    line-height: 140%;}
.sklad-slider .item .item-button .name .value {margin:0 0 0 24px;}

.sklad-slider .item .item-info { padding:64px 48px 64px 48px; opacity:0; transition:0.5s ; -webkit-transition:0.5s ; -moz-transition:0.5s ; -ms-transition:0.5s ; -o-transition:0.5s ; transition-delay:0s }
.sklad-slider .item .item-info .info-cont {margin:0 0 48px 0;}
.sklad-slider .item.active .item-info {opacity:1;transition-delay:0.3s}
.sklad-slider .item .item-info .vik {display:none!important; margin:0 0 4px 0; padding:6px 10px;    font-size: 11px;    font-weight: 500;    line-height: 150%; border-radius: 30px; border: 1px solid var(--Black, #000); background: var(--White, #FFF); -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.sklad-slider .item .item-info .name {display:none;margin:0 0 24px 0;       font-size: 32px;    font-weight: 700;    line-height: 120%;}
.sklad-slider .item .item-info .anons {display:none;margin:0 0 24px 0;max-width:628px;}
.sklad-slider .item .item-image {display:none; height:100%; margin:0px 0 0 0; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }
.sklad-slider .item .item-image img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%;border:1px solid #000;border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }
.sklad-slider .item .item-info .link-default {display:none!important;}
.sklad-slider .item.active .item-info .link-default {display:inline-block!important;}
.sklad-slider .item.active .item-info .vik {display:inline-block!important;}
.sklad-slider .item.active .item-info .name {display:block;}
.sklad-slider .item.active .item-info .anons {display:block;}
.sklad-slider .item.active .item-info .item-image {display:block;}


.sklad-slider .item:nth-child(2) .link-default {background: var(--Mint, #CCE5D8);}
.sklad-slider .item:nth-child(3) .link-default {background: var(--Purple, #E7D4E9);}
.sklad-slider .item:nth-child(4) .link-default {background: var(--Yellow, #FFE163);}


.sklad-slider .item:nth-child(1) .item-button {background: var(--Blue, #CEE4F6);}
.sklad-slider .item:nth-child(2) .item-button {background: var(--Mint, #CCE5D8);}
.sklad-slider .item:nth-child(3) .item-button {background: var(--Purple, #E7D4E9);}
.sklad-slider .item:nth-child(4) .item-button {background: var(--Yellow, #FFE163);}


.section-rezult {border-top:1px solid #000;padding:112px 0 0 0;background: var(--Purple, #E7D4E9);margin:0 0 108px 0;}
.section-rezult .rezult-info {max-width:560px;}
.section-rezult .rezult-info .data { display:inline-block; transform:rotate(-2deg) ; border-radius: 70px; border: 1px solid var(--Black, #000); background: var(--White, #FFF); padding:20px; font-size: 28px; font-weight: 700; line-height: 120%; -webkit-transform:rotate(-2deg) ; -moz-transform:rotate(-2deg) ; -ms-transform:rotate(-2deg) ; -o-transform:rotate(-2deg) ; -webkit-border-radius: 70px; -moz-border-radius: 70px; -ms-border-radius: 70px; -o-border-radius: 70px; }
.section-rezult .rezult-info .anons {      font-size: 24px;    font-weight: 500;    line-height: 140%;}
.section-rezult .item {width:300px;margin:0 0 0 24px;}
.section-rezult .item .data {display:inline-block;margin:0 0 8px 0;position:relative;      font-size: 56px;    font-weight: 800;    line-height: 120%;}
.section-rezult .item .data img {position:absolute;top:-30px;left:100%;margin:0 0 0 0px;}
.section-rezult .item .value {font-size: 16px;    font-weight: 500;    line-height: 150%}
.section-rezult .rezult-container {padding:0 0 112px 0;}

.section-rezult .rezult-image {position:relative;max-width:1440px;margin:0 auto;}
.section-rezult .rezult-image .image-container {position:relative;margin:0 -64px;border-top:1px solid #000;}
.section-rezult .rezult-image .image-container img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%;}

.section-rezult .rezult-image .image-action {z-index:2;max-width:440px; position:absolute; top:79px; left:0; padding:30px; border-radius: 30px; border: 1px solid var(--Black, #000); background: var(--White, #FFF); -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
/*.section-rezult .rezult-image .image-action:before {content:"";display:block;position:absolute;bottom:100%;width:80px;left:76px;height:80px;background: #D9D9D9;}*/
.section-rezult .rezult-image .image-action .action-title {margin:0 0 16px 0;    font-size: 29px;    font-weight: 700;    line-height: 120%;}
.section-rezult .rezult-image .image-action .action-anons {margin:0 0 16px 0;}




.footer {padding:40px 0 0 0;position:relative;border-top:1px solid #000;}
.footer .footer-pidtrimka {z-index:2; position:absolute; top:-21px; left:50%; padding:10px;   font-size: 18px;    font-weight: 700;    line-height: 120%; border-radius: 30px; border: 1px solid var(--Black, #000); background: var(--White, #FFF); transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; -webkit-border-radius:; -moz-border-radius:; -ms-border-radius:; -o-border-radius:; }
.footer .footer-club {max-width:547px;font-size: 13px;    line-height: 150%}
.footer .footer-club .club-logo {margin:0 0 16px 0;}
.footer .footer-club .club-logo img {width:156px;}
.footer p {margin:0 0 20px 0;}

.footer .footer-unicef {max-width:505px;text-align:right;font-size: 13px; margin:0 0 0 auto;   line-height: 150%}
.footer .footer-unicef .unicef-logo {margin:0 0 16px 0;}
.footer .footer-unicef .unicef-logo img {width:125px;}

.footer .row {position:relative;padding:0 0 60px 0;}
.footer .row:before {content:"";display:block;position:absolute;left:50%;top:-40px;bottom:0;width:1px;background:#000;}
.footer .footer-bottom {padding:16px 0;border-top:1px solid #000;font-size: 12px;    line-height: 150%;}
.footer .footer-bottom .row:before {display:none;}
.footer .footer-bottom .row {padding:0;}
.footer .politics {display:block;text-align:right;}

.footer .socials .item { margin:0 6px; width: 24px; height: 24px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.footer .socials .fb {background: var(--Blue, #CEE4F6);}
.footer .socials .insta {background:#E62346;}
.footer .socials .in {background: var(--Yellow, #FFE163);}
.footer .socials .you {background:#CCE5D8;}
.footer .socials .item:hover {background:#E7D4E9!important;}

.hero-inner .hero-container { padding:64px 94px 64px 64px; border-radius: 50px; background: var(--Yellow, #FFE163); -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.hero-inner .hero-image {position:relative;}
.hero-inner .hero-image .image-container {overflow:hidden; width:400px; height:470px; border-radius: 20px; border: 1px solid var(--Black, #000);  -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;}
.hero-inner .hero-image .image-container img  { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%;}
.hero-inner .hero-image .icon {position:absolute;top:-17px;right:-22px;z-index:2;}
.hero-inner .hero-image .image-bottom {position:absolute;bottom:0;right:-50px;}
.hero-inner .hero-image .image-bottom .image-title { transform: rotate(-5deg); padding:16px 20px; font-size: 16px; font-weight: 500; line-height: 120%; border-radius: 70px; border: 1px solid var(--Black, #000); background: var(--Purple, #E7D4E9); -webkit-border-radius: 70px; -moz-border-radius: 70px; -ms-border-radius: 70px; -o-border-radius: 70px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); }
.hero-inner .hero-image .icon2 {top:-65px;right:-20px;position:absolute;}

.hero-inner .hero-info {width:100%;max-width:660px;position:relative;}
.hero-inner .hero-titles {text-align:right;position:relative;padding:0 60px 0 0;}
.hero-inner .hero-titles .heart-2 { position:absolute; left:0; top:50%; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
.hero-inner .hero-titles .info-title {z-index:3; left:60px; top:60px; position:absolute; font-size: 24px; font-weight: 500; transform:rotate(1deg) ; line-height: 120%; padding:16px 20px; border-radius: 70px; border: 2px solid var(--Black, #000); background: var(--White, #FFF); -webkit-border-radius:; -moz-border-radius:; -ms-border-radius:; -o-border-radius:; -webkit-transform:rotate(1deg) ; -moz-transform:rotate(1deg) ; -ms-transform:rotate(1deg) ; -o-transform:rotate(1deg) ; }
.hero-inner .hero-info .hero-anons {position:relative;margin:-20px 0 24px 0;font-size: 18px;    font-weight: 500;    line-height: 150%;}

.hero-inner .hero-info .hero-buttons {position:relative;margin:0 -8px;}
.hero-inner .hero-info .hero-buttons .btn-default {margin:0 8px;}

.hero-inner .hero-info .icon-1 {position:absolute;left:0;top:0;}
.hero-inner .hero-info .icon-2 {position:absolute;right:50px;top:-8px;}
.hero-inner .hero-info .icon-3 { position:absolute; left:100%; top:50%;width:43px;height:52px; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
.hero-inner .hero-info .icon-4 {position:absolute;right:0px;bottom:-30px;}

.hero-inner.sklad .hero-container {padding:64px;}
.hero-inner.sklad.artkod .hero-container {background: var(--Blue, #CEE4F6);}
.hero-inner.sklad.teatr .hero-container {background: var(--Mint, #CCE5D8);}
.hero-inner.sklad.events .hero-container {background: var(--Purple, #E7D4E9);}
.hero-inner.sklad .hero-titles {padding:0;text-align:left;}
.hero-inner.sklad .hero-info .hero-anons {    margin: 0px 0 24px 0;}
.hero-inner.sklad .hero-info .hero-anons p {margin:0 0 24px 0;}
.hero-inner.sklad .hero-titles .title-1 {position:relative;z-index:2; display:inline-block;margin:0 0 -20px 30px; padding:16px 20px; font-size: 24px; font-style: normal; font-weight: 400; line-height: 120%; transform: rotate(10deg); border-radius: 70px; border: 2px solid var(--Black, #000); background: var(--White, #FFF); -webkit-border-radius: 70px; -moz-border-radius: 70px; -ms-border-radius: 70px; -o-border-radius: 70px; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); }
.hero-inner.sklad .hero-titles .title-2 {position:relative; display:inline-block; margin:0 0 40px 0; padding:30px 40px; transform: rotate(-5deg); color: var(--White, #FFF); font-size: 64px; font-weight: 900; border-radius: 20px; border: 2px solid var(--Black, #000); background: var(--Red, #E62346); line-height: 120%; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); }
.hero-inner.sklad .hero-titles .title-2 .icon {position:absolute;left:100%;top:-60px;z-index:5;width:28px;}
.hero-inner.sklad .hero-titles .title-2 .icon img {width:28px;}
.hero-inner.sklad .hero-info {max-width:592px;}

.hero-inner.sklad .video-container {position:relative;width:302px;height:509px; overflow:hidden;border:1px solid #000; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
.hero-inner.sklad .video-container img.thumb  { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%;}
.hero-inner.sklad .video-container video  { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%;}
.hero-inner.sklad .video-container .thumb { position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; transition:0.5s ; -webkit-transition:0.5s ; -moz-transition:0.5s ; -ms-transition:0.5s ; -o-transition:0.5s ; }
.hero-inner.sklad .video-container.play .thumb {opacity:0;}
.hero-inner.sklad .play-button { position:absolute; top:0; bottom:0; left:0; right:0; z-index:3; transition:0.5s ; -webkit-transition:0.5s ; -moz-transition:0.5s ; -ms-transition:0.5s ; -o-transition:0.5s ; }
.hero-inner.sklad .play-button .play { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) ; -webkit-transform:translate(-50%,-50%) ; -moz-transform:translate(-50%,-50%) ; -ms-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%) ; }
.hero-inner.sklad .video-container.play .play-button {opacity:0;}


.hero-inner.sklad .hero-image {padding:0 110px 0 0;}
.hero-inner.sklad .hero-image .icon {top:80px;right:14px;}
.hero-inner.sklad .hero-image .image-bottom {    right: 44px;bottom:40px;pointer-events: none;z-index:3;}
.hero-inner .video-button { display:inline-block; text-decoration:none; font-size: 16px;    line-height: 120%;transform: rotate(-5deg); padding:16px 20px; border-radius: 70px; border: 1px solid var(--Black, #000); background: var(--Mint, #CCE5D8); -webkit-border-radius: 70px; -moz-border-radius: 70px; -ms-border-radius: 70px; -o-border-radius: 70px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); }
.hero-inner.sklad .hero-image .icon2 {    right: 0px;}
.hero-inner.teatr .video-button {background: var(--Blue, #CEE4F6);}

.hero-inner.artkod .ic-1 {position:absolute;left:-40px;top:-60px;}
.hero-inner.artkod .ic-2 {position:absolute;right:20px;top:-60px;}
.hero-inner.artkod .ic-3 {position:absolute;right:50px;top:140px;}
.hero-inner.artkod .ic-4 {position:absolute;left:100%;bottom:0;width:64px;height:64px;}


.hero-inner.teatr .ic-1 {position:absolute;left:-40px;top:-60px;}
.hero-inner.teatr .ic-2 {position:absolute;right:-50px;top:-20px;}
.hero-inner.teatr .ic-3 {position:absolute;right:100px;top:25%;}
.hero-inner.teatr .ic-4 {position:absolute;right:0;bottom:-40px;width:64px;height:64px;}


.hero-inner.events .ic-1 {position:absolute;left:-40px;top:-100px;}
.hero-inner.events .ic-2 {position:absolute;right:60px;top:-70px;}

.hero-inner.events .ic-4 {position:absolute;right:0;bottom:-40px;width:64px;height:64px;}




.title-container {margin:0 0 80px 0;}
.bloknot-how {margin:0 0 112px 0;}
.bloknot-how .how-title {display:inline-block; padding:20px 20px; font-size: 28px; transform: rotate(-2deg); font-weight: 700; line-height: 120%; border-radius: 70px; border: 1px solid var(--Black, #000); background: var(--White, #FFF); -webkit-border-radius: 70px; -moz-border-radius: 70px; -ms-border-radius: 70px; -o-border-radius: 70px; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -o-transform: rotate(-2deg); }
.bloknot-how .how-anons {padding:10px;background: var(--Yellow, #FFE163);max-width:656px;}
.bloknot-how .how-anons p {margin:0 0 20px 0;}
.bloknot-how .how-anons p:last-child {margin:0;}
.bloknot-how .how-ho {margin:0 0 0 80px;}
.bloknot-how .how-ho .data {margin:16px 0;   font-size: 24px;    font-weight: 700;    line-height: 140%;}
.bloknot-how .how-image { border-radius:20px ; border:1px solid #000;overflow:hidden; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; }
.bloknot-how .how-image img  { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; }
.bloknot-how .how-ho .btn-default {margin:50px 0 0 0;}
.bloknot-how .how-image .simpleParallax {overflow:hidden; border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; }

.book-section {padding:76px 0 0 0;background: var(--Yellow, #FFE163);margin:0 0 80px 0;}
.book-section .container-fluid {max-width:1440px;}
.book-section .book-container {position:relative;}
.book-section .book-info { position:absolute; left:2%; right:2%; top:10%; bottom:25%; z-indeX:2;}
.book-section .book-info .info-image {height:100%;width:44%; overflow:hidden;  border-radius: 20px; border: 1px solid var(--Black, #000);  -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.book-section .book-info .info-image img  { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%;}


.book-section .book-info .info-cont {width:46%;position:relative;}
.book-section .book-info .tags {margin:0 0 24px 0;}
.book-section .book-info .tags .tag {    font-size: 30px;    font-weight: 500;    line-height: 120%;padding:10px 20px;margin:0 10px 0 0;border-radius: 70px;    border: 1px solid var(--Black, #000);    background: var(--White, #FFF);transform: rotate(-2deg); -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -o-transform: rotate(-2deg); }

.book-section .book-info .tags .tag:nth-child(2) {background: var(--Blue, #CEE4F6); transform: rotate(2deg); -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); -o-transform: rotate(2deg); }
.book-section .book-info .tags .tag:nth-child(3) {  background: var(--Mint, #CCE5D8);}
.book-section .book-info .info-anons {font-size: 20px;    line-height: 150%;}
.book-section .book-info .icon-1 {position:absolute;top:-15px;left:0;}
.book-section .book-info .icon-2 {position:absolute;top:20px;right:0;}
.book-section .book-info .icon-3 {position:absolute;bottom:0px;left:5%;}
.book-section .book-info .icon-4 {position:absolute;bottom:-20px;right:0;}

.inner-title {display:inline-block; padding:20px; font-size: 28px;    font-weight: 700;    line-height: 120%; transform: rotate(-2deg); border-radius: 70px; border: 1px solid var(--Black, #000); background: var(--White, #FFF); -webkit-border-radius: 70px; -moz-border-radius: 70px; -ms-border-radius: 70px; -o-border-radius: 70px; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -o-transform: rotate(-2deg); }
.inner-anons {background: var(--Yellow, #FFE163); max-width:526px;padding:10px;margin:0 0 40px 0;font-size: 18px;    font-weight: 500;    line-height: 150%;}


.gallery-slider {padding:40px 0 0 0;background: url('../../images/bg2.svg') no-repeat top center;}

.desctop-slider {position:relative;margin:0 -16px;padding:0 0 38px 0;}
.desctop-slider .item {position:relative;padding:0 16px;}
.desctop-slider .item .item-big {width:calc(50% - 16px);min-width:calc(50% - 16px);margin:0 16px 0 0px;height:706px;}
.desctop-slider .item .item-smals {width:calc(50% - 16px);min-width:calc(50% - 16px);margin:0 0px 0 16px;}
.desctop-slider .item .item-smals .sml {height:337px;}
.desctop-slider .item img {-o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; overflow:hidden;border:1px solid #000; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }
.desctop-slider .item .item-smals .sml:first-child {margin:0 0 32px 0;}
.desctop-slider .slick-slide:nth-child(odd) .item-big {order:12;margin:0 0px 0 16px;}
.desctop-slider .slick-slide:nth-child(odd) .item-smals {margin:0 16px 0 0px;}




.revs-section {padding:112px 0;margin:0 0 80px 0;}
.revs-section.artkod {background: var(--Blue, #CEE4F6);}
.revs-section.teatr {background: var(--Mint, #CCE5D8);}
.revs-section.events {background: var(--Purple, #E7D4E9);}
.revs-section .revs-text {max-width:616px; position:relative;   font-size: 22px;    line-height: 150%;}
.revs-section .revs-text .icon-1 {position:absolute;left:-60px;top:-80px;}
.revs-section .revs-text .icon-2 {position:absolute;left:35%;bottom:-10px;}
.revs-section .revs-text .icon-3 {position:absolute;left:20px;bottom:40%;}
.revs-section .revs-text .icon-4 {position:absolute;right:-20px;top:35%;}
.revs-section.teatr .revs-text .icon-4 {top:70%;}
.revs-section .revs-items {width:616px;margin:0 0 0 40px;}
.revs-section .revs-items .item {font-size: 18px;    font-weight: 500;    line-height: 150%; margin:0 0 32px 0; padding:32px; border-radius: 20px; border: 1px solid var(--Black, #000); background: var(--White, #FFF); -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.revs-section .revs-items .item .icon {margin:24px 0 0 0;}
.revs-section .revs-items .item .icon img {max-height:40px;margin:0 20px 0 0;}
.revs-section .revs-items .item .name {font-size: 16px;    font-weight: 900;    line-height: 150%;}
.revs-section .revs-items .item .pidpis {}
.revs-section .revs-items .item:last-child {margin:0;}


.why-inner {padding:112px 0 90px 0;margin:0 0 112px 0;}
.why-inner.artkod {background: var(--Blue, #CEE4F6);}
.why-inner.teatr {background: var(--Mint, #CCE5D8);}
.why-inner.events {background: var(--Purple, #E7D4E9);}
.why-inner .why-image {position:relative; margin:0 0 0 112px;}
.why-inner .why-image .image-container {height:323px; width:300px; min-width:300px; overflow:hidden;border:1px solid #000; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }
.why-inner .why-image .image-container img {-o-object-fit: cover; object-fit: cover; width: 100%; height: 100%;}
.why-inner .why-image .icon {position:absolute;z-index:2;left:-36px;top:-60px;}
.why-inner .why-info {width:100%;}
.why-inner .why-info .anons {margin:32px 0;font-size: 18px;    font-weight: 500;    line-height: 140%;}
.why-inner .why-info .pidpis {text-align:right;font-size: 18px;    line-height: 150%;}

.fancybox-slide--iframe .fancybox-content, 
.fancybox-iframe {
	background: transparent;
}

.fancybox-slide--video .fancybox-content {background: transparent;}
.fancybox-video, .fancybox-iframe {width:auto;margin:0 auto;}

.faq-section {}
.faq-section .faq-info {max-width:592px;margin:0 40px 0 0;}
.faq-section .faq-title {margin:0 0 24px 0;font-size: 48px;    line-height: 120%;}
.faq-section .faq-anons {margin:0 0 32px 0;font-size: 16px;    font-weight: 500;    line-height: 150%;}
.faq-section .faq-items {max-width:592px;width:100%;}
.faq-section .faq-items .accord-item {text-align:left; margin:0 0 16px 0; padding:20px 24px; border-radius: 20px; border: 1px solid var(--Black, #000); background: var(--White, #FFF); -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.faq-section .faq-items .accord-item .accrodion-button {font-size: 18px;    font-weight: 700;    line-height: 150%;}
.faq-section .faq-items .accord-item .accrodion-button .icon {width:32px;min-width:32px;}
.faq-section .faq-items .accord-item .answer {padding:10px 0 0 0;}
.faq-section .faq-items .accord-item .accrodion-button {text-align:left;}


.bloknot-how.artkod .how-anons {background: var(--Blue, #CEE4F6);}
.bloknot-how.teatr .how-anons {background: var(--Mint, #CCE5D8);}
.bloknot-how.events .how-anons {background: var(--Purple, #E7D4E9);}


.hero-inner.sklad.events .hero-info {max-width:670px;}
.hero-inner.sklad.events .hero-titles .title-2 {font-size:54px;}
.hero-inner.sklad.events .hero-titles .title-1 {margin:0; transform: rotate(1deg); -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -ms-transform: rotate(1deg); -o-transform: rotate(1deg); }



.hero-inner.events .video-button {background: var(--Blue, #CEE4F6);}
.hero-inner.events .ic-1 {display:none;}
.hero-inner.events .ic-2 {display:none;}
.hero-inner.events .ic-4 {    right: 0px;    bottom: 30px;}


.blog-section {padding:80px 0 0 0;background:url('../../images/bg3.svg') no-repeat top 32px center;}
h1 {display:inline-block; padding:20px; font-size: 28px; font-weight: 700; line-height: 120%; transform: rotate(-2deg); margin:0 0 50px 0; border-radius: 70px; border: 1px solid var(--Black, #000); background: var(--White, #FFF); -webkit-border-radius: 70px; -moz-border-radius: 70px; -ms-border-radius: 70px; -o-border-radius: 70px; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -o-transform: rotate(-2deg); }

.blog-list .item {text-decoration:none;margin:0 0 40px 0;}
.blog-list .item .item-image { height:250px; overflow:hidden; margin:0 0 16px 0; border-radius: 30px; border: 1px solid var(--Black, #000); -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
.blog-list .item .item-image img {-o-object-fit: cover; object-fit: cover; width: 100%; height: 100%;}
.blog-list .item:hover .item-image { border-radius: 125px; -webkit-border-radius: 125px; -moz-border-radius: 125px; -ms-border-radius: 125px; -o-border-radius: 125px; }
.blog-list .item .item-name {font-size: 18px; margin:0 0 8px 0;   font-weight: 700;    line-height: 140%;}
.blog-list .item:hover .item-name {text-decoration:underline;}
.blog-list .item .item-anons {font-size: 13px;    font-weight: 500;    line-height: 150%;margin:0 0 12px 0;}
.blog-list .item .item-date {font-size: 12px;    font-weight: 500;    line-height: 150%;}


.load-more {text-align:center;}
.load-more .loadMoreBtn {display:inline-block;text-decoration:none;text-align:center;  display:inline-block; text-decoration:none; padding:7px 19px; color: var(--Black, #000); font-size: 16px; font-weight: 500; line-height: 150%; border-radius: 8px; border: 1px solid var(--Black, #000); -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; transition:0.5s ; -webkit-transition:0.5s ; -moz-transition:0.5s ; -ms-transition:0.5s ; -o-transition:0.5s ; background: var(--Yellow, #FFE163);}
.load-more .loadMoreBtn:hover {background: var(--Purple, #E7D4E9);}

.blog-detail {max-width:1920px;margin:0 auto;}
.blog-detail .detail-image {height:300px; margin:0 0 40px 0;}
.blog-detail .detail-image img {-o-object-fit: cover; object-fit: cover; width: 100%; height: 100%;}
.blog-detail .detail-content {max-width:768px;margin:0 auto;}
.blog-detail .detail-content .date {margin:0 0 24px 0;font-size: 12px;    font-weight: 400;    line-height: 150%;}
.blog-detail .detail-content h1 {padding:0; transform:none; border:0;background:none; margin:0 0 48px 0;font-size: 30px;    font-weight: 700;    line-height: 120%; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; }
.blog-detail .detail-content .text-block {margin:0 0 64px 0;}
.blog-detail .detail-content .text-block p {margin:0 0 16px 0;}
.blog-detail .detail-content .important {margin:0 0 32px 0;padding:20px;background: var(--Mint, #CCE5D8);font-size: 20px;    font-style: normal;    font-weight: 500;    line-height: 28px;}
.blog-detail .detail-content .important:last-child {margin:0 0 0px 0;}
.blog-detail .detail-content img {display:block;border:1px solid #000;width:auto;height:auto;}

.blog-detail .detail-content .detail-bottom {padding:0 0 48px 0;border-bottom:1px solid #000;}
.blog-detail .detail-content .detail-bottom .tags .tag { padding:4px 8px; margin:0 8px 8px 0;font-size: 14px;    font-weight: 600;    line-height: 150%; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.blog-detail .detail-content .detail-bottom .tags .tag.bg1 {background: var(--Yellow, #FFE163);}
.blog-detail .detail-content .detail-bottom .tags .tag.bg2 {background: var(--Blue, #CEE4F6);}
.blog-detail .detail-content .detail-bottom .tags .tag.bg3 {background: var(--Purple, #E7D4E9);}

.blog-detail .detail-content .detail-bottom .share .item {cursor:pointer; margin:0 0 0 8px; width:32px; min-width:32px; height:32px; background: var(--White, #FFF); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.blog-detail .detail-content .detail-bottom .share .item img {border:0;max-height:24px;}

h2 {font-size: 30px;    font-weight: 500;    line-height: 120%; margin:0 0 24px 0;}
h3 {font-size: 20px;    font-weight: 600;    line-height: 140%; margin:0 0 16px 0;}


.single-post .content {padding:72px 0 0 0;}

.blog-detail .detail-content ol {padding:0;margin:0 0 16px 0;}
#detach-button-host {display:none!important;}





@media (min-width: 992px) {
    .main-menu .nav-item:hover:after { opacity:1;}
  
}