@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

/* CSS Document */
:root {
  --view-scale: 1;
  --default-unit: calc(100vw / 180);

  --color-white: #FFF;
  --color-black: #000;
  --color-yellow: #FFD233;
  --color-pink: #F82E70;
  --color-transparent: transparent;

  --font-family-primary: 'Mulish',sans-serif;
  --font-weight-thin: 100;
  --font-weight-extralight: 200;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;

  --font-size-regular: calc((var(--default-unit)*2)*var(--view-scale)); /* 16px */
  --font-size-button: calc((var(--default-unit)*2)*var(--view-scale)); /* 16px */
  --font-size-small: .875rem; /* 14px */
  --font-size-medium: 1.3125rem; /* 21xp */
  --font-size-large: 1.5rem; /* 24px */
  --font-line-height: 1.625em; /* 26px */

  --font-size-h1: 4.5rem; /* 72px */
  --font-size-h2: 3rem; /* 48px */
  --font-size-h3: 1.875rem; /* 30px */
  --font-size-h4: 1.307rem; /* 17px */

  --layout-min-width: 375px;
  --layout-margin: calc(var(--default-unit)*var(--view-scale));
  --layout-max-width: calc((var(--default-unit)*160)*var(--view-scale));
  --header-height: calc((var(--default-unit)*12.75)*var(--view-scale)); /* 102px */

  --transition-easy: .6s;
}

select::-ms-expand{display:none}
select *{color:var(--color-black)}
::placeholder{color:var(--color-black);opacity:1}

* {position: relative;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-size-adjust: none;-webkit-text-size-adjust: none;appearance: none;box-sizing: border-box;border-radius: 0;outline: 0;}
body,html {max-width:100%;min-width:var(--layout-min-width);overflow-x:hidden;text-align:center;font-family:var(--font-family-primary);font-size:var(--font-size-regular);line-height:var(--font-line-height);margin:0;padding:0;background:var(--color-black);color:var(--color-white);font-weight:var(--font-weight-regular);min-height:100vh;letter-spacing: 0;font-style:normal;}
.noscroll {overflow:hidden!important;}

/* Layout */
.page {max-width:100%;width:100%;margin:0;z-index:2;padding:0;overflow:hidden;background:var(--color-black);min-height:100vh;padding-top:var(--header-height)}
.layout {box-sizing: border-box;width: var(--layout-max-width);max-width:100%;margin:auto;padding:var(--layout-margin);}
.inner {padding:var(--layout-margin);margin:0;box-sizing:border-box;width:100%}
.tag {display: block;position:absolute;top:calc(-1 * var(--header-height));left:0;width:0;height:0;}
.abs {display: block;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;margin:0;padding:0;}
.section {background-color:var(--color-black);padding-top:calc(var(--layout-margin)*7);padding-bottom:calc(var(--layout-margin)*7);overflow:hidden;}
.box {width:100%;border-radius: calc(var(--layout-margin)*2);padding:calc(var(--layout-margin)*4);}
.box-white {background:var(--color-white)}
.box-yellow {background:var(--color-yellow);}
.min100vh {min-height:calc(100vh - var(--header-height));}


/* Heading */
h1,h2,h3,h4,p,ul,ol,li,img {margin: 0;padding: 0;display:block;list-style:none;}
h1,h2,h3,h4 {font-weight:var(--font-weight-bold);}
h1 {font-size:var(--font-size-h1);line-height:1em;margin-bottom:.5em;text-transform:none;}
h2 {font-size:var(--font-size-h2);line-height:1.333em;margin-bottom:.5em;text-transform:none;}
h3 {font-size:var(--font-size-h3);line-height:1.4em;margin-bottom:.5em;}
h4 {font-size:var(--font-size-h4);line-height:var(--font-line-height);margin-bottom:.25em;}
.date {margin-bottom:.25em;display:block;}

/* Text */
a {text-decoration-line:none;transition-duration:var(--transition-easy);cursor:pointer;color:var(--color-white);text-decoration-thickness: 1px;text-underline-offset:calc(var(--layout-margin)/4);text-decoration-line:underline}
a:hover {text-decoration-line:none}
p {margin-bottom:var(--font-line-height);word-wrap: break-word;}
p:last-child {margin-bottom:0;}
.w-400 {font-weight:var(--font-weight-regular)!important;}
.w-500 {font-weight:var(--font-weight-medium)!important;}
.w-600 {font-weight:var(--font-weight-semibold)!important;}
.w-700 {font-weight:var(--font-weight-bold)!important;}
b, strong {font-weight:var(--font-weight-bold);}
small, .small {display:inline-block;font-size:var(--font-size-small);line-height:1.5em;}
.medium {font-size:var(--font-size-medium);}
.large {font-size:var(--font-size-large)}
table {max-width: 100%;margin: 0;border-spacing: 0;border-collapse: collapse;border: 0;}
table tr td, table tr th {background-clip: padding-box!important;border:0;}
em {display:inline;font-style:normal;font-size:var(--font-size-regular);}
.uppercase {text-transform:uppercase;}
.line {background:var(--color-black);height:1px;width:calc(var(--layout-max-width) - (var(--layout-margin)*2));max-width:calc(100% - (var(--layout-margin)*2));margin:auto;}
.more {font-weight:var(--font-weight-bold);}


/* Object */
.fit-contain {object-fit:contain;}
.fit-cover {object-fit:cover}
.fit-top {object-position:top center;}
.fit-center {object-position: center center;}
.fit-bottom {object-position:bottom center;}

/* Aligns */
.txt-center {text-align:center!important;}
.txt-left {text-align:left!important;}
.txt-right {text-align:right!important;}
.txt-small {font-size:var(--font-size-small);line-height:1.6em;}
.txt-medium {font-size:var(--font-size-medium);}
.txt-column {column-gap:0;}

/* Flex */
.flx-wrap {display:flex!important;flex-wrap:wrap;}
.flx-nowrap {display:flex!important;flex-wrap:nowrap;}
.flx-align-center {align-items:center;}
.flx-align-top {align-items:flex-start;}
.flx-align-bottom {align-items:flex-end;}
.flx-align-stretch {align-items:stretch;}
.flx-just-right {justify-content:flex-end;}
.flx-just-left {justify-content:flex-start;}
.flx-just-center {justify-content:center;}
.flx-just-between {justify-content:space-between;}
.flx-just-around {justify-content:space-around;}
.flx-column {flex-direction:column;}

/* Columns */
.col-1 {width:100%;}
.col-2 {width:calc(100%/2);} /* 50% */
.col-3 {width:calc(100%/3);} /* 33.333% */
.col-3x2 {width:calc((100%/3)*2);} /* 66.666% */
.col-4 {width:calc(100%/4);} /* 25% */
.col-4x3 {width:calc((100%/4)*3);} /* 75% */
.col-5 {width:calc(100%/5);} /* 20% */
.col-5x2 {width:calc((100%/5)*2);} /* 40% */
.col-5x3 {width:calc((100%/5)*3);} /* 60% */
.col-5x4 {width:calc((100%/5)*4);} /* 80% */
.col-6 {width:calc(100%/6);} /* 16.666% */
.col-6x5 {width:calc((100%/6)*5);} /* 83.333% */

/* Buttons */
button {appearance: none;background: transparent;border: 0;padding: 0;font-family: var(--font-family-primary);text-align: center;text-decoration-line: none;cursor: pointer;outline: 0;box-sizing: border-box;transition: var(--transition-easy);}
.btn, .button a {
  font-size:var(--font-size-button);
  display:inline-flex;align-items:center;justify-content:flex-start;text-transform:none;
  padding:calc(var(--layout-margin)*1);padding-left:calc(var(--layout-margin)*4);padding-right:calc(var(--layout-margin)*4);
  font-weight:var(--font-weight-bold);
  color:var(--color-black);
  background:var(--color-yellow);
  border-radius:calc(var(--layout-margin)/2);text-decoration-line:none;;
  border:0;;
  line-height:var(--font-line-height);text-align:center;letter-spacing:0;overflow:hidden;z-index:5;}

.btn:hover, .button a:hover {text-decoration-line:underline;}

/* Header */
.fix {position:fixed;min-width:var(--layout-min-width);width:100%;max-width:100%;z-index: 99;top:0;left:0;right:0;background:var(--color-black);transition-duration:var(--transition-easy);margin:0;border-radius:0;}
.header {display:flex;flex-wrap:wrap;align-items:center;min-height:var(--header-height);justify-content:center;}

.fix .inner, .footer .inner {width:100%}
.main-menu, .contact-menu {max-width:100%;}
.main-menu ul, .contact-menu ul {display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;margin-left:calc(var(--layout-margin)*-2);margin-right:calc(var(--layout-margin)*-2);width:calc(100% + (var(--layout-margin)*4));}
.main-menu ul li, .contact-menu ul li {margin-left:calc(var(--layout-margin)*2);margin-right:calc(var(--layout-margin)*2);text-transform:none;}
.main-menu ul li a, .contact-menu ul li a {text-decoration-line:none}
.main-menu ul li a:hover, .contact-menu ul li a:hover {text-decoration-line:underline;}
.main-menu ul ul {display:none!important;}

.fix .main-menu ul li.current_page_item a, .fix .main-menu ul li.current-menu-parent a, .cause-page .fix .main-menu ul li.cause-item a {color:var(--color-yellow);}

.icon a {display:inline-flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;}
.icon a:before {display:block;width:calc(var(--layout-margin)*4);height:auto;aspect-ratio:1/1;margin-right:var(--layout-margin);background-repeat:no-repeat;background-size:contain;background-position:center center;content:'';}
.ic-mail a:before {background-image: url(../img/ic-mail.png);}

/* Logo */
.logo {display: inline-flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width: auto;height:auto;text-align:left;z-index: 4;max-width:100%;transition-property: none;color:var(--color-white);text-decoration-line:none;font-weight:var(--font-weight-bold);font-size:2.25rem;line-height:1em;min-height:calc(var(--header-height) - (var(--layout-margin)*4));}
.logo:hover {text-decoration-line:none;}
.footer .logo {color:var(--color-black);}

/* SectionPromo */
.section-promo {background:var(--color-yellow);padding-bottom:calc(var(--layout-margin)*21)}
.section-promo:before {display:block;width:100%;height:100%;top:50%;left:0;right:0;bottom:0;margin:0;content:'';background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);opacity:.8;position:absolute;}
.section-promo .pictures {margin-bottom:calc(var(--layout-margin)*2);}
.section-promo .pictures img, .article-case .img-icon img, .section-single .img-logo img {width:calc(var(--layout-margin)*12);height:auto;aspect-ratio:1/1;max-width:100%;}

/* SectionMedia */
.section-media .col-4 .inner {height:100%;}
.article-media {padding:calc(var(--layout-margin)*2);border-radius: calc(var(--layout-margin)*2);background:var(--color-yellow);height:100%}
.article-media:hover {background:var(--color-white);}
.article-media p {margin-bottom:1em;}
.article-doc p:last-child {margin-bottom:0;}
.article-media .thumbnail {width:100%;border-radius:calc(var(--layout-margin)*2);height:auto;aspect-ratio:270/180;overflow:hidden;margin-bottom:var(--layout-margin)}
.article-media .thumbnail img {width:100%;height:100%;margin:0;padding:0;}

.section-select:not(.active) .col-4:nth-child(n+5), .section-select:not(.active) .col-3:nth-child(n+4) {display:none!important;}

.article-doc {background:var(--color-white);display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;padding:calc(var(--layout-margin)*3)}
.article-doc .overimg {width:calc(var(--layout-margin)*8);margin-right:calc(var(--layout-margin)*3);}
.article-doc .overimg .thumbnail {width:100%;aspect-ratio:1/1;margin:0;border-radius:100%;background: var(--color-yellow);}
.article-doc .desc {width:calc(100% - (var(--layout-margin)*11));}
.col-4.col-1 {width:100%;}
.subtype {display:block;padding-top:calc(var(--layout-margin)/3);}
.article-link:hover h4 {text-decoration-thickness: 1px;text-underline-offset:calc(var(--layout-margin)/4);text-decoration-line:underline;}

.front-page .section-case {background:none;margin-top:calc(var(--layout-margin)*-21)}
.article-case {width:100%;aspect-ratio:1/1;border-radius:var(--layout-margin);padding:calc(var(--layout-margin)*3);overflow:hidden;display:flex;flex-wrap:wrap;align-items:flex-end;}
.article-case .thumbnail, .article-list .thumbnail {background:var(--color-black);}
.article-case .thumbnail img, .article-list .thumbnail img {opacity:.6}
.article-case .desc {width:100%;padding-top:calc(var(--layout-margin)*15);}
.article-case .img-icon {top:calc(var(--layout-margin)*2);right:calc(var(--layout-margin)*2);bottom:auto;left:auto;float:left;z-index:4;width:auto;height:auto;}
.article-case h3 {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.article-list .overimg {width:100%;aspect-ratio:1/1;border-radius:var(--layout-margin);overflow:hidden;}
.article-list .img-logo {width:50%;height:auto;aspect-ratio:1/1;top:50%;left:50%;transform:translate(-50%,-50%);bottom:auto;right:auto;}

.article-item {margin-top:calc(var(--layout-margin)*2);padding:calc(var(--layout-margin)*2);border-radius:calc(var(--layout-margin)*2);border:1px solid var(--color-white)}
.article-item p {margin-bottom:calc(var(--layout-margin)*2);}

.section-single .txt-left img {width:auto;height:auto;max-width:100%;margin:0;border-radius:calc(var(--layout-margin)*2);}
.section-single .img-logo {margin-bottom:calc(var(--layout-margin)*2);}

/* SectionContact */
.front-page .section-contact .btn, .article-case .btn {background-color:var(--color-white);}

/* Footer */
.footer {background:var(--color-yellow);}
.footer *, .negative * {color:var(--color-black);}
.footer .layout-first {padding-top:calc(var(--layout-margin)*6);padding-bottom:calc(var(--layout-margin)*6);}

/* Swiper */
.swiper-container {width:100%;height:100%;display:flex;}
.swiper-wrapper {position: relative;display: flex;flex-direction: row;}
.swiper-slide {position: relative;width: 100%;height:100%;align-items: flex-start;display: flex; justify-content: center;flex-shrink: 0;}
.ic-next, .ic-prev {display:block;width:calc(var(--layout-margin)*6);aspect-ratio:1/1;height:auto;background:var(--color-yellow) url(../img/ic-arrow.png) no-repeat center center;background-size:contain;border-radius:100%;position:absolute;top:50%;right:calc(var(--layout-margin)*2);cursor:pointer;transform:translate(50%,-50%);transition-duration:var(--transition-easy);}
.ic-next:hover, .ic-prev:hover {background-color:var(--color-white);}
.ic-prev {right:auto;left:calc(var(--layout-margin)*2);transform:translate(-50%,-50%) rotate(180deg);}
.swiper-button-disabled {display:none!important;}

@media only screen and (min-width:768px){
  .mobile {display:none!important;}
  .section-single h1 {width:80%;margin-left:auto;margin-right:auto;}
  .section-single .col-2 .txt-left img {max-width:95%;}

  .article-item p {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:calc(var(--font-line-height)*3)}
  .article-flx p {display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
  .article-flx .detail {width:100%;display:block;}
  .article-flx {display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;}
}

@media only screen and (max-width:767px){
  :root {
    --default-unit: calc(100vw / 52);
    --font-size-menu: 1.666rem; /* 24px */
    --font-size-h1: 3.5rem;

    --header-height: calc((var(--default-unit)*9)*var(--view-scale)); /* 72px */
    --layout-max-width: calc((var(--default-unit)*52)*var(--view-scale)); /* 416px */
  }

  .desktop {display:none!important;}

  .logo {font-size:var(--font-size-medium);}
  .opened .fix {height:100%;overflow-x:hidden;border:0;}

  .fix .layout, .fix .inner {display:block!important;position:static;}
  .fix .inner {text-align:left;}
  .fix .ic-menu {display:block;width:var(--header-height);height:var(--header-height);overflow:hidden;text-align:left;overflow:hidden;text-indent:-9999px;background:var(--color-transparent);cursor:pointer;position:absolute;top:0;right:0;border-radius:0;}
  .fix .ic-menu:before, .fix .ic-menu .burger:before, .fix .ic-menu .burger:after {width:calc(var(--layout-margin)*3);height:calc(var(--layout-margin)/3);background:var(--color-white);position:absolute;left:50%;top:50%;content:'';display:block;margin-top:calc(var(--layout-margin)/-6);margin-left:calc(var(--layout-margin)*-1.5);border-radius:0;transition-duration:var(--transition-easy);}
  .fix .ic-menu .burger {width:calc(var(--layout-margin)*3);height:calc(var(--layout-margin)*1.8);position:absolute;top:50%;left:50%;display:block;margin-top:calc(var(--layout-margin)*-.9);margin-left:calc(var(--layout-margin)*-1.5)}
  .fix .ic-menu .burger:before {top:0;margin-top:0;}
  .fix .ic-menu .burger:after {bottom:0;top:auto;margin-top:0;}

  .opened .fix .ic-menu:before {display:none}
  .opened .ic-menu .burger:before, .opened .ic-menu .burger:after {top:50%;margin-top:calc(var(--layout-margin)/-6);bottom:auto;transform:rotate(45deg);}
  .opened .ic-menu .burger:after {transform: rotate(-45deg)}

  .header .main-menu {display:none;padding-top:calc(var(--layout-margin)*3);position:static;width:100%;}
  .header .main-menu ul li {display:block;}
  .header .main-menu ul {display:block;}
  .header .main-menu ul li a {display:inline-flex;}
  .header .main-menu ul li:not(.button) a {font-size:var(--font-size-h3);line-height:1.2em;padding-top:var(--layout-margin);padding-bottom:var(--layout-margin)}
  .header .main-menu ul li.button {padding-top:calc(var(--layout-margin)*2);}
  .opened .header .main-menu {display:block;}

  .section {padding-top:calc(var(--layout-margin)*2);padding-bottom:calc(var(--layout-margin)*2);}
  .section-promo {padding-bottom:calc(var(--layout-margin)*6)}
  .front-page .section-case {margin-top:calc(var(--layout-margin)*-9)}
  .footer .layout-first {padding:var(--layout-margin);}
  .footer .layout-first .inner {display:block;}
  .footer .logo {margin:auto;margin-bottom:calc(var(--layout-margin)*2)}
  .footer .contact-menu {margin-bottom:calc(var(--layout-margin)*2);}
  .footer .contact-menu, .footer .main-menu {width:100%;}
  .footer .main-menu ul, .footer .contact-menu ul {justify-content:center;}
  .footer .inner.txt-left {text-align:center!important;}

  .section-promo .col-2, .section-promo .col-5x2, .section-select .col-4, .section-noselect .col-4, .section-select .col-3, .section-single .col-2, .front-page .section-media .col-4, .section-case .col-3 {width:100%;}

  .article-doc {padding:calc(var(--layout-margin)*2)}

  .footer .main-menu ul {margin-left:calc(var(--layout-margin)*-1);margin-right:calc(var(--layout-margin)*-1);width:calc(100% + (var(--layout-margin)*2));}
  .footer .main-menu ul li {margin-left:var(--layout-margin);margin-right:var(--layout-margin);}

  .ic-next {right:calc(var(--layout-margin)*3);}
  .ic-prev {left:calc(var(--layout-margin)*3);}

}

#wpadminbar, .otgs-development-site-front-end {display: none!important;}
#wpadminbar {text-align:left;}
#wpadminbar ul {display: inline-block;}