:root {
    --grey: #BDC1C8;
    --light-grey: #99999973;
    --dark-blue: #24334A;
}

html, body { background: #fff; background-size: 100%; font-size: 16px; color: #000; width: 100%; height: 100%; }
dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, blockquote, input, textarea, select, button, a { margin: 0; padding: 0; outline: none; font-family: 'Golos Text', sans-serif; }
img { border: 0; vertical-align: top; } a { color: #383838; text-decoration: none; }  a:hover { text-decoration: underline; }  .reset { margin: 0; padding: 0; list-style: none; }

/* --------------------------------- */
.title--inside {  text-transform: uppercase; font-size: 23px; color: #000; font-weight: 500; max-width: 1550px; margin: 70px auto 30px; }

/* --------------------------------- */
button:hover { cursor: pointer; }
.button { display: inline-block; cursor: pointer; transition: all .2s; box-sizing: border-box; font-weight: 500;  border: 1px solid; }
.button.buttonBlock { width: 100%; box-sizing: border-box; text-align: center; }
.button.buttonSmall { height: 32px; line-height: 32px; padding: 0 15px; }
.button.buttonMiddle { height: 40px; line-height: 40px; padding: 0 20px; }
.button.buttonLarge { height: 48px; line-height: 48px; padding: 0 30px; }
.button.buttonBlack { color: #fff; background: #000; }
.button.buttonBlack:hover { text-decoration: none; background: #222; }

/* --------------------------------- */
.containerNotify { position: fixed; top: 0; left: 0; width: 100%; text-align: center; height: 60px; line-height: 60px; font-weight: 500; font-size: 15px; margin-top: -60px; transition: all .4s; display: block; z-index: 100; visibility: hidden; opacity: 1; }
.containerNotify.success { background: rgba(10,187,135,1); color: #fff; visibility: visible; opacity: 1; margin-top: 0; }
.containerNotify.warning { background: #d54949; color: #fff; visibility: visible; opacity: 1; margin-top: 0; }

/* --------------------------------- */
.containerCallback { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 999; display: none; }
.containerCallback .containerCallback--window { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: inline-grid; justify-content: center; align-content: center; }
.containerCallback .containerCallback--content { background: #fff; display: inline-block; text-align: left; width: 480px; padding: 50px 60px; box-sizing: border-box; position: relative; }
.containerCallback .containerCallback--close { position: absolute; top: 0; right: 0; width: 44px; height: 44px; background: #f1f1f1; text-align: center; line-height: 44px; font-size: 27px; color: #666; cursor: pointer; }
.containerCallback .containerCallback--title { font-size: 18px; font-weight: 600; color: #333; padding-bottom: 25px; }
.containerCallback .containerCallback--areas { position: relative; }
.containerCallback .containerCallback--areas .label { display: inline-block; width: 100%; position: relative; padding: 8px 0; }
.containerCallback .containerCallback--areas .label:last-child { padding-bottom: 0; padding-top: 25px; }
.containerCallback .containerCallback--areas input { height: 48px; line-height: 48px; background: #f0f0f0; border-radius: 2px; padding: 0 15px; box-sizing: border-box; border: none; font-size: 15px; width: 100%; }
.containerCallback .containerCallback--button { height: 54px; line-height: 54px; font-weight: 600; color: #fff; background: #996633; width: 100%; text-align: center; border-radius: 2px; box-sizing: border-box; border: none; font-size: 15px; cursor: pointer; }
.containerCallback .containerCallback--button:hover { opacity: 0.8; }

/* --------------------------------- */
.containerCategories { position: relative; margin-bottom: 25px; padding-top: 154px;  padding-bottom: 25px; border-bottom: 1px solid var(--light-grey); }
.containerCategories--block { display: flex; justify-content: space-between; gap: 15px; width: 100%; max-width: 1550px; margin: auto; }
.containerCategories--item:last-of-type .containerCategories--item--title { margin-bottom: -20px;}
.containerCategories--item:last-of-type .containerCategories--item--cat .categories-list { padding-top: 20px; }
.containerCategories--item { position: relative; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; flex: 1; box-sizing: border-box; max-width: 750px; min-height: 830px; padding: 40px 20px;  z-index: 0; transition: all 2s; cursor: pointer;  }
.containerCategories--item--bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; transition: all 2s; }
.containerCategories--item:hover .containerCategories--item--bg  { filter: brightness(0.8);  transform: scale(1.04, 1.04); }
.containerCategories--item--arrow { position: absolute;  bottom: 18px; right: 0; width: 100%; text-align: end; height: 50px; z-index: 3; }
.containerCategories--item--arrow img { margin-top: 23px; margin-right: 39px;}
.containerCategories--item--letter { position: absolute; top: 22px; right: -87px; height: 356px;}
.containerCategories--item--letter.n { right: -38px; }
.containerCategories--item:before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;opacity: .8; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 54.25%, rgb(6 6 5) 100%);); z-index: 0; -webkit-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out;}
.containerCategories--item--title { position: relative; font-size: 50px;  line-height: 52px; font-weight: 700; max-width: 320px; color: #fff; margin-left: 26px; }
.containerCategories--item--title:after { content: ''; width: 100%; height: 1px; background-color: #ffffff78; position: relative; display: block; margin-top: 25px; opacity: 0; transition: opacity .8s;}
.containerCategories--item--cat { position: relative; opacity: 1; max-height: 10px; margin-top: 10px; margin-bottom: 30px; transition: opacity .8s; overflow: hidden; z-index: 2; }
.containerCategories--item--cat > ul li { list-style: none; line-height: 30px; }
.containerCategories--item--cat .categories-list li a { font-size: 22px; line-height: 23px; font-weight: 500; color: rgb(255 255 255 / 81%);}
.containerCategories--item:hover .containerCategories--item--cat { opacity: 1; max-height: fit-content; }
.containerCategories--item:hover .containerCategories--item--title:after { opacity: 1; }

/* --------------------------------- */
.containerServices { border-bottom: 1px solid var(--light-grey); padding-bottom: 85px; }
.containerServices--block { display: flex; justify-content: center; gap: 15px;  max-width: 1550px; margin: 0 auto; }
.containerServices--item { position: relative; flex-basis: 25%; height: 161px; background-color: var(--grey);box-sizing: border-box; cursor: pointer; transition: all 1s;}
.containerServices--item:hover { background-color: var(--dark-blue);  }
.containerServices--item:hover p  { color: #262616b0; }
.containerServices--item:hover h3, .containerServices--item:hover span { color: #fff; }
.containerServices--item:hover .containerServices--item--arrow img { filter: brightness(0.5); }
.containerServices--item .containerServices--item--letter { position: absolute; right: 11px; bottom: 25px; }
.containerServices--item .containerServices--item--arrow { position: relative; display: block; width: 100%; height: 100%;}
.containerServices--item .containerServices--item--arrow img {  position: absolute; right: 14px; bottom: 12px; filter: none; }
.containerServices--item h3, .containerServices--item span { position: absolute;top: 50%; left: 7%; transform: translateY(-50%);  font-size: 40px; line-height: 39px; color: var(--dark-blue); font-weight: 700; }
.containerServices--item:nth-of-type(1) h3, .containerServices--item:nth-of-type(1) span,
.containerServices--item:nth-of-type(2) h3, .containerServices--item:nth-of-type(2) span { max-width: 215px; }

.containerServices--item p { position: absolute; bottom: -54px; font-size: 11px; line-height: 13px; padding-left: 25px; color: #6a6a4461; max-width: 317px;}

/* --------------------------------- */
.containerArticles { position: relative; max-width: 1200px; margin: 50px auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.containerArticles--header { max-width: 1550px; margin: 10px auto 35px;  }
.containerArticles--header h1 {font-size: 36px; color: #24334A;margin-top: 40px; }
.containerArticles .containerArticles--element--content { display: flex; flex-direction: column;}
.containerArticles .containerArticles--element { width: 100%; display: inline-block; margin-bottom: 20px;padding: 25px; box-shadow: 1px 2px 13px 6px rgb(36 51 74 / 15%);; box-sizing: border-box;}
.containerArticles .containerArticles--element .containerArticles--element--image {  width: 100%; height: 250px; box-sizing: border-box;  }
.containerArticles .containerArticles--element .containerArticles--element--image img { width: 100%; height: 100%; object-fit: cover; transition: all .7s; }
.containerArticles .containerArticles--element:hover .containerArticles--element--image img { transform: scale(1.03);}
.containerArticles .containerArticles--element .containerArticles--element--present {  padding-top: 25px; min-height: 250px; display: flex; flex-direction: column;justify-content: space-between;}
.containerArticles .containerArticles--element .containerArticles--element--present h3, .containerArticles .containerArticles--element .containerArticles--element--present .title { font-size: 21px; font-weight: 700; }
.containerArticles .containerArticles--element .containerArticles--element--present span { font-size: 14px; margin-top: 5px; color: #999; display: block; }
.containerArticles .containerArticles--element .containerArticles--element--present p { color: #787878; line-height: 24px; font-size: 15px; }
.containerArticles .containerArticles--element .containerArticles--element--present a { color: #000;}
.containerArticles .containerArticles--element .containerArticles--element--present h3:hover a, .containerArticles .containerArticles--element .containerArticles--element--present .title:hover a { text-decoration: none; }

/* --------------------------------- */
.containerArticle { position: relative;  max-width: 1200px; margin: 50px auto;}
.containerArticle .containerArticle--image { max-width: 600px; margin: 0 auto 50px; }
.containerArticle .containerArticle--image img { max-width: 100%; }
.containerArticle .containerArticle--content { position: relative; line-height: 24px; color: #333; }
.containerArticle .containerArticle--content strong { font-weight: 700;}
.containerArticle .containerArticle--content img { max-width: 100%; }
.containerArticle .containerArticle--date { border-top: 1px solid #ddd; padding-top: 15px; font-size: 15px; }
.containerArticle--rubric { display: block;}

/* ---- ---- ---- ---- ---- ---- ---- ---- */
.containerPagination { text-align: center; padding-top: 20px; width: 100%; display: inline-block; }
.containerPagination .containerPagination--element { height: 32px; padding: 0 15px; border: 1px solid #ddd; border-radius: 2px; line-height: 32px; margin: 0 2px 4px 2px; display: inline-block; color: #666; text-decoration: none; transition: all .2s; cursor: pointer; }
.containerPagination .containerPagination--element.current { background: var(--dark-blue); border-color: var(--dark-blue); color: #fff; }
.containerPagination .containerPagination--element.current:hover { background: var(--dark-blue); }
.containerPagination .containerPagination--element:hover { background: #f9f9f9; }

/* ---- ---- ---- ---- ---- ---- ---- ---- */
.questions--container { position: relative; overflow: hidden; }
.questions--container .questions--container--left { float: left; width: 362px; background: #f5f7fb; padding: 30px; box-sizing: border-box; }
.questions--container .questions--container--left h3 { font-size: 19px; padding-bottom: 25px; color: #000; }
.questions--container .questions--container--left label { float: left; width: 100%; margin-bottom: 15px; }
.questions--container .questions--container--left label:last-child { margin-bottom: 0; }
.questions--container .questions--container--left label input { height: 48px; background: #fff; padding: 0 15px; line-height: 48px; border: none; font-size: 15px; width: 100%; box-sizing: border-box; border-bottom: 1px solid rgba(0,0,0,0.1); }
.questions--container .questions--container--left label textarea { height: 164px; background: #fff; padding: 15px; border: none; font-size: 15px; width: 100%; box-sizing: border-box; border-bottom: 1px solid rgba(0,0,0,0.1); }
.questions--container .questions--container--left .questions--button { background: #337dc6; height: 54px; line-height: 54px; text-align: center; width: 100%; color: #fff; font-size: 15px; font-weight: 600; border: none; cursor: pointer; }
.questions--container .questions--container--right { margin-left: 402px; }
.questions--container .questions--container--right .questions--container--title { font-weight: 700; font-size: 19px; padding-bottom: 30px; }
.questions--container .questions--container--right .questions--container--list { position: relative; }
.questions--container .questions--container--right .questions--container--list .list--element { display: inline-block; width: 100%; margin-bottom: 30px; padding-left: 40px; border-left: 2px solid #337dc6; box-sizing: border-box; }
.questions--container .questions--container--right .questions--container--list .list--element .list--element--name { font-size: 17px; font-weight: 700; color: #337dc6; padding-bottom: 5px; }
.questions--container .questions--container--right .questions--container--list .list--element .list--element--question { color: #666; line-height: 21px; padding-bottom: 15px; }
.questions--container .questions--container--right .questions--container--list .list--element .list--element--answer { padding: 20px; background: #f0f0f0; border-radius: 4px; line-height: 21px; }

/* --------------------------------- */
.containerWindow { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 999; display: none; }
.containerWindow .containerWindow--close { position: absolute; top: 0; right: 0; font-size: 35px; background: #f1f1f1; color: #000; cursor: pointer; z-index: 100; width: 50px; height: 50px; line-height: 50px; text-align: center; transition: all .2s; }
.containerWindow .containerWindow--close:hover { background: #ddd; }
.containerWindow .containerWindow--container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: inline-grid; justify-content: center; align-content: center; }
.containerWindow .containerWindow--container .containerWindow--content { width: 400px; padding: 50px 50px; background: #fff; text-align: left; }
.containerWindow .containerWindow--container .containerWindow--title { font-size: 18px; font-weight: 400; color: #000; padding-bottom: 30px; text-align: center;}
.containerWindow .containerWindow--container .containerWindow--content { position: relative; overflow: hidden; }
.containerWindow .containerWindow--container .containerWindow--content label { margin-bottom: 15px; overflow: hidden; float: left; width: 100%; }
.containerWindow .containerWindow--container .containerWindow--content label.button { margin-bottom: 0; }
.containerWindow .containerWindow--container .containerWindow--content label:last-child { margin-bottom: 0; margin-top: 15px; }
.containerWindow .containerWindow--container .containerWindow--content input { width: 100%; background: #f1f1f1; height: 50px; padding: 0 15px; box-sizing: border-box; border: none; font-size: 15px; }
.containerWindow .containerWindow--container .containerWindow--content textarea { width: 100%; background: #f1f1f1; height: 80px; padding: 15px; box-sizing: border-box; border: none; font-size: 15px; max-width: 100%; }
.containerWindow .containerWindow--container .containerWindow--content input.double { float: left; width: 48%; }
.containerWindow .containerWindow--container .containerWindow--content input.double:last-child { float: right; }
.containerWindow .containerWindow--container .containerWindow--content button { width: 100%; background: var(--dark-blue); color: #fff; text-align: center; cursor: pointer; height: 50px; padding: 0 15px; box-sizing: border-box; border-radius: 0; border: none; font-size: 15px; transition: background-color 1s; }
.containerWindow .containerWindow--container .containerWindow--content button:hover { filter: opacity(0.8); }
.containerWindow .containerWindow--container .containerWindow--content .containerWindow--facebook { display: block; line-height: 50px; width: 100%; transition: all .2s; background: #227bef; color: #fff; text-align: center; cursor: pointer; height: 50px; border-radius: 4px; padding: 0 15px; box-sizing: border-box; border: none; font-size: 15px; }
.containerWindow .containerWindow--container .containerWindow--content .containerWindow--facebook:hover { background: #1c72e3; text-decoration: none; }
.containerWindow .containerWindow--container .containerWindow--bottom { padding-top: 20px; margin-top: 30px; border-top: 1px solid #ddd; clear: both; display: inline-block; width: 100%; }
.containerWindow .containerWindow--container .containerWindow--bottom a { display: block; padding: 3px 0; }


/* --------------------------------- */
@media screen and (max-width: 1650px) {
}

@media screen and (max-width: 1560px) {
    .containerServices--item h3, .containerServices--item span {font-size: 35px;}
    .containerCategories--item--title {  margin-left: 10px; }
}

@media screen and (max-width: 1440px) {
    .containerCategories--item--letter { height: 380px; }
    .containerCategories--item--letter.n { height: 380px; }
    .containerCategories--item { min-height: 750px; }
    .containerCategories--item--title { font-size: 40px; line-height: 42px; margin-left: 0; }
}
@media screen and (max-width: 1400px) {
    .containerServices--item h3, .containerServices--item span { font-size: 31px; line-height: 33px; }
}

@media screen and (max-width: 1280px) {
    .containerCategories--item--letter.n { height: 300px; }
    .containerCategories--item--letter { height: 300px; right: -66px; }
    .containerCategories--item { min-height: 600px; }
    .containerCategories--item--title { font-size: 32px; line-height: 33px;  }
}

@media screen and (max-width: 1200px) {
    .containerServices--item p { bottom: -66px; }
    .containerServices--item h3, .containerServices--item span { font-size: 26px; line-height: 29px; }
}

@media screen and (max-width: 1000px){
    .containerCategories--block { gap: 1px; }
    .containerCategories--item { flex-basis: 100%; width: 100%; min-height: 400px; margin-inline: 0; max-width: 100%; padding: 20px 5px;}
    .containerCategories--item--letter { right: -51px; }
    .containerCategories--item--title { transform: rotate(270deg); margin-bottom: 30%;}
    .containerCategories--item:last-of-type .containerCategories--item--title { margin-bottom: 22%; }
    .containerCategories--item--letter.n { height: 230px; right: -19px; }
    .containerCategories--item--letter { height: 230px; right: -84px;  }
    .containerCategories--item .containerCategories--item--cat .categories-list { text-align: center; padding-left: 0;}
    .containerServices--block { flex-wrap: wrap; column-gap: 1%; }
    .containerServices--item { flex-basis: 49%; }
    .containerServices--item h3, .containerServices--item span { font-size: 32px; line-height: 35px;}
    .containerArticles { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width: 700px) {
    .containerServices--item h3, .containerServices--item span { font-size: 27px;line-height: 34px;}
    .containerCategories--block { flex-direction: column; gap: 20px;}
    .containerCategories--item { min-height: 300px; max-height: 320px; }
    .containerCategories--item--title { transform: none; margin-bottom: 0; font-size: 35px; padding-left: 10px;}
    .containerCategories--item:last-of-type .containerCategories--item--title { margin-bottom: 0;}
    .containerCategories--item .containerCategories--item--cat .categories-list { text-align: left; margin: 5px 0; padding-left: 20px;}
    .containerCategories--item--title:after { margin-top: 20px; }
    .containerCategories--item--letter { height: 200px; right: -45px;}
    .containerCategories--item--letter.n { height: 200px; right: -15px;}
    .containerArticles { grid-template-columns: 1fr;}
}

@media screen and (max-width: 576px) {
    .containerCategories { padding-top: 126px; }
    .containerServices--item h3, .containerServices--item span { font-size: 25px; line-height: 29px; }
    .containerServices--item { max-height: 100px; }
    .containerServices--item .containerServices--item--letter { height: 86px; bottom: 8px;}
}

/*mcs.modules.css*/
/* --------------------------------- */
.nice-select .list::-webkit-scrollbar { width: 0 }
.nice-select .list { margin-top: 5px; top: 100%; border-top: 0; border-radius: 0 0 5px 5px; max-height: 210px; overflow-y: scroll; padding: 52px 0 0 }
.nice-select.has-multiple { white-space: inherit; height: auto; padding: 7px 12px; min-height: 36px; line-height: 22px }
.nice-select.has-multiple span.current { border: 1px solid #CCC; background: #EEE; padding: 0 10px; border-radius: 3px; display: inline-block; line-height: 24px; font-size: 14px; margin-bottom: 3px; margin-right: 3px }
.nice-select.has-multiple .multiple-options { display: block; line-height: 24px; padding: 0 }
.nice-select .nice-select-search-box { box-sizing: border-box; position: absolute; width: 100%; margin-top: 4px; top: 100%; left: 0; z-index: 8; background: #FFF; opacity: 0; pointer-events: none; border-radius: 3px 3px 0 0; box-shadow: 0 0 0 1px rgba(68, 88, 112, .11); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(.75) translateY(-21px); -ms-transform: scale(.75) translateY(-21px); transform: scale(.75) translateY(-21px); -webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out; transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out }
.nice-select .nice-select-search { box-sizing: border-box; background-color: #fff; border: none; border-radius: 3px; box-shadow: none; color: #333; display: inline-block; vertical-align: middle; padding: 7px 18px; font-size: 13px; width: 100%!important; min-height: 30px; line-height: 22px; height: 30px; outline: 0!important }
.nice-select.open .nice-select-search-box { opacity: 1; z-index: 10; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0) }
.nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 4px; border: solid 1px #dadee8; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-weight: normal; height: 44px; line-height: 44px; outline: none; padding-left: 12px; color: #777; font-size: 15px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; }
.nice-select:hover { border-color: #dbdbdb; }
.nice-select:active, .nice-select.open, .nice-select:focus { border-color: #9aabff; }
.nice-select:after { border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; }
.nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); }
.nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; }
.nice-select.disabled:after { border-color: #cccccc; }
.nice-select.wide { width: 100%; }
.nice-select.wide .list { left: 0 !important; right: 0 !important; }
.nice-select.right { float: right; }
.nice-select.right .list { left: auto; right: 0; }
.nice-select.small { font-size: 12px; height: 36px; line-height: 34px; }
.nice-select.small:after { height: 4px; width: 4px; }
.nice-select.small .option { line-height: 34px; min-height: 34px; }
.nice-select .list { background-color: #fff; border-radius: 3px; overflow: auto; max-height: 485px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; width: 100%; padding: 0; padding-top: 46px; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; }
/*.nice-select .list li:first-child { display: none !important; }*/
.nice-select .list:hover .option:not(:hover) { background-color: transparent !important; }
.nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; font-size: 14px; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: rgba(39,86,134,0.05); }
.nice-select .option.selected { font-weight: bold; }
.nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; }
.no-csspointerevents .nice-select .list { display: none; }
.no-csspointerevents .nice-select.open .list { display: block; }

/* --------------------------------- */
.lSSlideOuter { overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.lightSlider:before, .lightSlider:after { content: " "; display: table; }
.lightSlider { overflow: hidden; margin: 0; }
.lSSlideWrapper { max-width: 100%; overflow: hidden; position: relative; }
.lSSlideWrapper > .lightSlider:after { clear: both; }
.lSSlideWrapper .lSSlide { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 1s; -webkit-transition-property: -webkit-transform,height; -moz-transition-property: -moz-transform,height; transition-property: transform,height; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; }
.lSSlideWrapper .lSFade { position: relative; }
.lSSlideWrapper .lSFade > * { position: absolute !important; top: 0; left: 0; z-index: 9; margin-right: 0; width: 100%; }
.lSSlideWrapper.usingCss .lSFade > * { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; }
.lSSlideWrapper .lSFade > *.active { z-index: 10; }
.lSSlideWrapper.usingCss .lSFade > *.active { opacity: 1; }
.lSSlideOuter .lSPager.lSpg { padding: 0; position: relative; bottom: 115px; left: 94px; margin: 0 !important; }
@media screen and (max-width: 1050px){ .lSSlideOuter .lSPager.lSpg { padding: 0; position: relative; bottom: 90px; left: 44px; margin: 0 !important; }}
.lSSlideOuter .lSPager.lSpg > li { cursor: pointer; display: inline-block; padding: 0 5px; }
.lSSlideOuter .lSPager.lSpg > li a { background-color: #ebe3e6; border-radius: 30px; display: inline-block; height: 10px; overflow: hidden; text-indent: -999em; width: 10px; position: relative; z-index: 99; -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; }
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a { background-color: #bf1f5f; }
.lSSlideOuter .media { opacity: 0.8; }
.lSSlideOuter .media.active { opacity: 1; }
.lSSlideOuter .lSPager.lSGallery { list-style: none outside none; padding-left: 0; margin: 0; overflow: hidden; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.lSSlideOuter .lSPager.lSGallery li { overflow: hidden; -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s; transition: border-radius 0.12s linear 0s 0.35s linear 0s; }
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { border-radius: 5px; }
.lSSlideOuter .lSPager.lSGallery img { display: block; height: auto; max-width: 100%; }
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after { content: " "; display: table; }
.lSSlideOuter .lSPager.lSGallery:after { clear: both; }
.lSAction > a { width: 46px; display: block; top: 98%; height: 32px;  cursor: pointer; position: absolute; z-index: 101; margin-top: -16px; opacity: 0.5; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s; }
.lSAction > a:hover { opacity: 1; }
.lSAction > .lSPrev {  left: 10px; background-image: url('../img/arrow-left.png'); background-repeat: no-repeat; }
.lSAction > .lSNext {  right: 10px;  background-image: url('../img/arrow-right.png'); background-repeat: no-repeat;}
.lSAction > a.disabled { pointer-events: none; }
.cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; }
.lSSlideOuter.vertical { position: relative; }
.lSSlideOuter.vertical.noPager { padding-right: 0px !important; }
.lSSlideOuter.vertical .lSGallery { position: absolute !important; right: 0; top: 0; }
.lSSlideOuter.vertical .lightSlider > * { width: 100% !important; max-width: none !important; }
.lSSlideOuter.vertical .lSAction > a { left: 50%; margin-left: -14px; margin-top: 0; }
.lSSlideOuter.vertical .lSAction > .lSNext { background-position: 31px -31px; bottom: 10px; top: auto; }
.lSSlideOuter.vertical .lSAction > .lSPrev { background-position: 0 -31px; bottom: auto; top: 10px; }
.lSSlideOuter.lSrtl { direction: rtl; }
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager { padding-left: 0; list-style: none outside none; }
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager { padding-right: 0; }
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li { float: left; }
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li { float: right !important; }
@-webkit-keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } }
@keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } }
@-webkit-keyframes topEnd { 0% { top: 0; } 50% { top: -15px; } 100% { top: 0; } }
@keyframes topEnd { 0% {top: 0;} 50% {top: -15px;} 100% {top: 0;} }
@-webkit-keyframes leftEnd { 0% {left: 0;} 50% {left: 15px;} 100% {left: 0;} }
@keyframes leftEnd { 0% {left: 0;} 50% {left: 15px;} 100% {left: 0;} }
@-webkit-keyframes bottomEnd { 0% {bottom: 0;} 50% {bottom: -15px;} 100% {bottom: 0;} }
@keyframes bottomEnd { 0% {bottom: 0;} 50% {bottom: -15px;} 100% {bottom: 0;} }
.lSSlideOuter .rightEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; }
.lSSlideOuter .leftEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; }
.lSSlideOuter.vertical .rightEnd { -webkit-animation: topEnd 0.3s; animation: topEnd 0.3s; position: relative; }
.lSSlideOuter.vertical .leftEnd { -webkit-animation: bottomEnd 0.3s; animation: bottomEnd 0.3s; position: relative; }
.lSSlideOuter.lSrtl .rightEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; }
.lSSlideOuter.lSrtl .leftEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; }
.lightSlider.lsGrab > * { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
.lightSlider.lsGrabbing > * { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; }

/* --------------------------------- */
body.compensate-for-scrollbar { overflow: hidden; }
.not-selectable{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:transparent;overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;touch-action:none;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:transparent;min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:transparent}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}

@charset "UTF-8";

@-webkit-keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    from,
    50%,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {
    from,
    50%,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-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);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
}

.animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
    .animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
    }
}

.ss-main{position:relative;display:inline-block;user-select:none;color:#666;width:100%}.ss-main .ss-single-selected{display:flex;cursor:pointer;width:100%;height:46px;padding:6px 12px;border:1px solid #dcdee2;border-radius:20px;background-color:#fff;outline:0;box-sizing:border-box;transition:background-color .2s}.ss-main .ss-single-selected.ss-disabled{background-color:#dcdee2;cursor:not-allowed}.ss-main .ss-single-selected.ss-open-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main .ss-single-selected.ss-open-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-single-selected .placeholder{display:flex;flex:1 1 100%;color:#999;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;width:calc(100% - 30px);line-height:1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ss-main .ss-single-selected .placeholder *{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto}.ss-main .ss-single-selected .placeholder .ss-disabled{color:#dedede}.ss-main .ss-single-selected .ss-deselect{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;margin:0 6px 0 6px;font-weight:bold}.ss-main .ss-single-selected .ss-deselect.ss-hide{display:none}.ss-main .ss-single-selected .ss-arrow{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;margin:0 1px 0 6px}.ss-main .ss-single-selected .ss-arrow span{border:solid #666;border-width:0 2px 2px 0;display:inline-block;padding:3px;transition:transform .2s, margin .2s}.ss-main .ss-single-selected .ss-arrow span.arrow-up{transform:rotate(-135deg);margin:3px 0 0 0}.ss-main .ss-single-selected .ss-arrow span.arrow-down{transform:rotate(45deg);margin:-3px 0 0 0}.ss-main .ss-multi-selected{display:flex;flex-direction:row;cursor:pointer;min-height:46px;width:100%;padding:0 0 0 3px;border:1px solid #dcdee2;border-radius:20px;background-color:#fff;outline:0;box-sizing:border-box;transition:background-color .2s}.ss-main .ss-multi-selected.ss-disabled{background-color:#dcdee2;cursor:not-allowed}.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled{color:#666}.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main .ss-multi-selected.ss-open-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main .ss-multi-selected.ss-open-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-multi-selected .ss-values{display:flex;flex-wrap:wrap;justify-content:flex-start;flex:1 1 100%; padding: 3px 0; width:calc(100% - 30px)}.ss-main .ss-multi-selected .ss-values .ss-disabled{display:flex;padding:4px 10px;margin:2px 0px;line-height:1em;align-items:center;width:100%;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes scaleIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}.ss-main .ss-multi-selected .ss-values .ss-value{display:flex;user-select:none;align-items:center;font-size:12px;padding:5px 10px;margin:2px;color:#fff;background-color:#999;border-radius:2px;animation-name:scaleIn;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:both}.ss-main .ss-multi-selected .ss-values .ss-value.ss-out{animation-name:scaleOut;animation-duration:.2s;animation-timing-function:ease-out}.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete{margin:0 0 0 5px;cursor:pointer}.ss-main .ss-multi-selected .ss-add{display:flex;flex:0 1 3px;margin:18px 15px 0 5px}.ss-main .ss-multi-selected .ss-add .ss-plus{display:flex;justify-content:center;align-items:center;background:#666;position:relative;height:10px;width:2px;transition:transform .2s}.ss-main .ss-multi-selected .ss-add .ss-plus:after{background:#666;content:"";position:absolute;height:2px;width:10px;left:-4px;top:4px}.ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross{transform:rotate(45deg)}.ss-content{position:absolute;width:100%;margin:-1px 0 0 0;box-sizing:border-box;border:solid 1px #dcdee2;z-index:1010;background-color:#fff;transform-origin:center top;transition:transform .2s, opacity .2s;opacity:0;transform:scaleY(0)}.ss-content.ss-open{display:block;opacity:1;transform:scaleY(1)}.ss-content .ss-search{display:flex;flex-direction:row;padding:8px 8px 6px 8px}.ss-content .ss-search.ss-hide{height:0px;opacity:0;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px}.ss-content .ss-search.ss-hide input{height:0px;opacity:0;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px}.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0px;height:38px;padding:0 12px;margin:0;line-height:38px;border:1px solid #dcdee2;border-radius:4px;background-color:#fff;outline:0;text-align:left;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:textfield}.ss-content .ss-search input::placeholder{color:#8a8a8a;vertical-align:middle}.ss-content .ss-search input:focus{}.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font-size:22px;font-weight:bold;flex:0 0 30px;height:30px;margin:0 0 0 8px;border:1px solid #dcdee2;border-radius:4px;box-sizing:border-box}.ss-content .ss-addable{padding-top:0px}.ss-content .ss-list{max-height:300px;overflow-x:hidden;overflow-y:auto;text-align:left}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{padding:6px 10px 6px 10px;font-weight:bold}.ss-content .ss-list .ss-optgroup .ss-option{padding:6px 6px 6px 25px}.ss-content .ss-list .ss-optgroup-label-selectable{cursor:pointer}.ss-content .ss-list .ss-optgroup-label-selectable:hover{color:#fff;background-color:#5897fb}.ss-content .ss-list .ss-option{padding:6px 10px 6px 10px;cursor:pointer;user-select:none}.ss-content .ss-list .ss-option *{display:inline-block}.ss-content .ss-list .ss-option:hover,.ss-content .ss-list .ss-option.ss-highlighted{color:#fff;background-color:#c00}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;color:#dedede;background-color:#fff}.ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected{color:#666;background-color:rgba(88,151,251,0.1)}.ss-content .ss-list .ss-option.ss-hide{display:none}.ss-content .ss-list .ss-option .ss-search-highlight{background-color:#fffb8c}

/*mcs.styles.css*/
:root {
    --grey: #BDC1C8;
    --medium-grey: #999999;
    --pure-grey: #9199A4;
    --light-grey: #DADADA;
    --dark-grey:  #657080;
    --medium-blue: rgba(36, 51, 74, 0.85);
    --dark-blue: #24334A;
}

.containerWrapper { width: 100%; max-width: 1920px; min-width: 540px; padding: 0 40px; box-sizing: border-box; margin: 0 auto;  }
.containerPage { min-width: 540px; overflow: hidden; box-sizing: border-box; }
.containerMain { min-width: 540px;}
.containerModal { display: none; }
.main--title { font-size: 20px; font-weight: 600; padding: 20px 0; display: inline-block; position: relative}
.success-text { text-align: center; font-size: 18px; margin-bottom: 0; }
/* --------------------------------- */
.containerView { position: relative; overflow: hidden; }
.containerView .containerView--header {padding-top: 30px; }
.containerView .containerView--header .containerView--bread { color: #000000;  max-width: 1550px; margin: auto;padding-left: 0;}
.containerView .containerView--header .containerView--bread a { color: #545454; }
.containerView .containerView--header .containerView--bread li {list-style: none; display: inline;}
.containerView .containerView--header .containerView--title { padding-bottom: 5px; position: relative; left: -2px; }
.containerView .containerView--header .containerView--title h1 { color: #1b3946; font-size: 33px; font-weight: 500; }
.containerView .containerView--content { padding: 0; overflow: hidden;  }
.containerView .containerView--content--left { float: left; width: 320px; }
.containerView .containerView--content--right .containerPagination { padding-top: 60px; margin-left: 200px; }
.containerView .containerView--content--present img { max-width: 100%;aspect-ratio: 1;height: auto; }
@media (max-width: 767px) {
    .containerView .containerView--content--present img { height: auto; aspect-ratio: 1; }
}
.containerView .containerView--content--present .about-company { max-width: 1550px; margin: 100px auto 50px; color: #666; }
.containerView .containerView--content--present .about-company .company--descr,
.containerView .containerView--content--present .about-company .company--decisions,
.containerView .containerView--content--present .company-management .company-fee { display: flex; justify-content: space-around; align-items: center; gap: 30px;}
.containerView .containerView--content--present .about-company .company--descr .img,
.containerView .containerView--content--present .company-management .company-fee div:nth-of-type(1) { width: 45%; }
.containerView .containerView--content--present .about-company .company--descr .info,
.containerView .containerView--content--present .company-management .company-fee div:nth-of-type(2)  { width: 40%; }
.containerView .containerView--content--present .company-management .company-fee { line-height: 24px; }
.containerView .containerView--content--present .company-management .company-fee h4 { font-size: 22px; margin-top: 30px; color: #666; }
.containerView .containerView--content--present .about-company .company--decisions { justify-content: space-evenly; margin-top: 100px;}
.containerView .containerView--content--present .about-company .company--decisions .img { width: 35%; }
.containerView .containerView--content--present .about-company .company--decisions .info { width: 55%; }
.containerView .containerView--content--present .about-company .company--descr img,
.containerView .containerView--content--present .company-management .company-fee--img img { width: 700px; }
.containerView .containerView--content--present .about-company .company--decisions img { width: 450px; }
.containerView .containerView--content--present .about-company ul {  line-height: 30px; }
.containerView .containerView--content--present .about-company h2,
.containerView .containerView--content--present .containerView--content--contacts .contact-links h2,
.containerView .containerView--content--present .about-company p { margin: 8px 0;}
.containerView .containerView--content--present .about-company h2 { margin-bottom: 20px; }
.containerView .containerView--content--present .company-management p img { height: 20px; margin-right: 8px; margin-bottom: 7px; }
.containerView .containerView--content--present .company-management p,
.containerView .containerView--content--present .company-management ul  { color: #666;}
.containerView .containerView--content--present .company-management ul li { margin-bottom: 14px;  }
.containerView .containerView--content--present .company-management h2 { font-weight: 600; font-size: 37px; line-height: 37px; margin-bottom: 40px; }
.containerView .containerView--content--present .company-management.modified h2 { width: 60%;}
.containerView .containerView--content--present .company-management h3 { text-align: center; font-size: 35px; font-weight: 600;  margin-top: 50px; }
.containerView .containerView--content--present .company-management { max-width: 1550px; margin: 100px auto 50px; }
.containerView .containerView--content--present .company-management .services-block { display: grid; gap: 70px; grid-template-columns: repeat(3, 1fr); margin-top: 50px;  }
.containerView .containerView--content--present .company-management .services-block .services-block--item:nth-of-type(7) { grid-column: 2 / span 1; }
.containerView .containerView--content--present .company-management .services-block .services-block--item {  text-align: center; padding: 50px; box-sizing: border-box; display: flex ; flex-direction: column; align-items: center;  box-shadow: 0 1px 6px 2px rgb(181 181 181 / 13%); transition: box-shadow 1.2s; }
.containerView .containerView--content--present .company-management .services-block .services-block--item:hover { box-shadow: -2px 2px 15px 7px #c5c5c5a1;}
.containerView .containerView--content--present .company-management .services-block .services-block--item img { width: 48px; opacity: 0.5; }
.containerView .containerView--content--menu { height: 44px; display: none; padding-bottom: 20px; border-bottom: 1px solid #ddd; }
.containerView .containerView--content--menu .content--menu--icon { float: left; width: 44px; height: 44px; border-radius: 4px; background: #000; text-align: center; }
.containerView .containerView--content--menu .content--menu--icon img { position: relative; top: 14px; }
.containerView .containerView--content--menu .content--menu--text { line-height: 44px; margin-left: 60px; color: #000; font-weight: 600; }
.containerView .containerView--content--present .containerView--content--contacts { display: flex; gap: 70px; justify-content: center;  align-items: center; margin: 50px auto;}
.containerView .containerView--content--present .containerView--content--contacts .contact-links {  width: 50%; max-width: 600px; padding: 70px;}
.containerView .containerView--content--present .containerView--content--contacts .contact-links p { color: #666;}
.containerView .containerView--content--present .containerView--content--contacts .contact-links a { display: flex; align-items: center; font-weight: 500; padding: 10px 0; border-bottom: 1px solid var(--light-grey); color: #000; margin-bottom: 20px;}
.containerView .containerView--content--present .containerView--content--contacts .contact-links a img { width: 40px; margin-right: 19px; }
.containerView .containerView--content--present .containerView--content--contacts .contact-form { max-width: 600px; padding: 100px;  border: 1px solid var(--light-grey); }
.containerView .containerView--content--present .containerView--content--contacts .contact-form form input {  width: 100%; height: 46px; margin-bottom: 20px; font-size: 16px; border: 1px solid transparent; border-bottom-color: var(--light-grey); }
.containerView .containerView--content--present .containerView--content--contacts .contact-form input,
.containerView .containerView--content--present .containerView--content--contacts .contact-form textarea { width: 100%; }
.containerView .containerView--content--present .containerView--content--contacts .contact-form textarea { max-height: 200px; border: 1px solid transparent; border-bottom-color: #000;}
.containerView .containerView--content--present .containerView--content--contacts .contact-form form button { height: 50px; margin-top: 30px;  font-size: 18px;}
.containerView .containerView--content--present .containerView--content--contacts .contact-form h2 { font-size: 36px; font-weight: 100;  margin-bottom: 63px; }

/* --------------------------------- */
.catalogue--item { overflow: hidden; max-width: 1550px; margin: 25px auto 70px; }
.catalogue--item .catalogue--item--right { float: right; width: 50%; padding-left: 30px; box-sizing: border-box; }
.catalogue--item .item--right--main { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px;  }
.catalogue--item .item--right--main div { padding: 14px 19px; align-content: center; text-align: center; flex-basis: max-content;}
.catalogue--item .item--right--summary { display: flex; flex-direction: column; margin-top: 35px; gap: 20px;  padding: 30px 26px; }
.catalogue--item .item--right--summary > div,
.catalogue--item .item--right--summary .filter-title { color: var(--medium-grey); }
.catalogue--item .item--right--summary > div a,
.catalogue--item .item--right--summary > div span {  color: #333333; font-weight: 500;}
.catalogue--item .item--right--summary .filter-value,
.catalogue--item .item--right--summary > div a { color: #333333; }
.catalogue--item .item--right--summary .cat-icon { height: 19px; margin-right: 6px; }
.catalogue--item .catalogue--item--right .item--right--title h1 { font-size: 47px; line-height: 52px; }
.catalogue--item .catalogue--item--right .item--right--title h1 .small { }
.catalogue--item .catalogue--item--right .item--right--intro { padding: 30px 40px; }
.catalogue--item .catalogue--item--right .item--right--filters { position: relative; padding: 30px 40px 30px 40px; }
.catalogue--item .catalogue--item--right .item--right--filters ul li { display: inline-block; width: 100%; padding: 5px 0; border-bottom: 1px solid rgba(0,0,0,0.1); font-size: 14px; color: #666; }
.catalogue--item .catalogue--item--right .item--right--filters ul li:last-child { border-bottom: none; padding-bottom: 0; }
.catalogue--item .catalogue--item--right .item--right--filters ul li span { display: block; padding-bottom: 0; }
.catalogue--item .catalogue--item--right .item--right--filters ul li a { color: #000; display: block; }
.catalogue--item .catalogue--item--right .item--right--price { font-size: 14px; background-color: var(--dark-blue); color: #fff;  }
.catalogue--item .catalogue--item--right .item--right--room { font-size: 14px; background-color: var(--pure-grey); color: #fff; }
.catalogue--item .catalogue--item--right .item--right--schema { font-size: 14px;background-color: #9199A4; color: #fff;  }
.catalogue--item .catalogue--item--right .item--right--place { font-size: 14px; background-color: #657080; color: #fff; }
.catalogue--item .catalogue--item--right .item--right--phone { font-size: 14px; background-color: #657080; color: #fff; max-width: 175px; }
.catalogue--item .catalogue--item--right .item--right--price .bold,
.catalogue--item .catalogue--item--right .item--right--room .bold,
.catalogue--item .catalogue--item--right .item--right--schema .bold,
.catalogue--item .catalogue--item--right .item--right--place .bold { font-weight: 500; font-size: 19px;}
.catalogue--item .catalogue--item--right .item--right--edit { padding: 10px 15px;}
.catalogue--item .catalogue--item--right .item--right--button { padding: 0 40px; }
.catalogue--item .catalogue--item--right .item--right--manager { padding: 30px 40px; overflow: hidden; text-align: center; }
.catalogue--item .catalogue--item--right .item--right--manager h3 { font-size: 18px; color: #000; font-weight: 600; padding-bottom: 15px; }
.catalogue--item .catalogue--item--right .item--right--manager .item--right--manager--photo { border-radius: 100%; overflow: hidden; width: 200px; height: 200px; display: inline-block; }
.catalogue--item .catalogue--item--right .item--right--manager .item--right--manager--photo img { width: 100%; height: 100%; object-fit: cover; }
.catalogue--item .catalogue--item--right .item--right--manager .item--right--manager--name { padding: 10px 0; font-weight: 600; color: #000; }
.catalogue--item .catalogue--item--right .item--right--manager .item--right--manager--phone { color: #000; font-size: 19px; font-weight: 600; }
.catalogue--item .catalogue--item--right .item--right--manager .item--right--manager--email { color: #666; font-size: 14px; }
.catalogue--item .catalogue--item--right .item--right--location { position: relative; padding-top: 30px; border-top: 1px solid rgba(0,0,0,0.1); text-align: center; }
.catalogue--item .catalogue--item--right .item--right--location h3 { font-size: 18px; color: #000; font-weight: 600; padding-bottom: 15px; }
.catalogue--item .catalogue--item--left { float: left; width: 50%; }
.catalogue--item .catalogue--item--images { overflow: hidden; margin-bottom: 30px; margin-top: 10px; position: relative; }
.catalogue--item .catalogue--item--images .catalogue--item--status { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.8); text-align: center; display: flex; justify-content: center; z-index: 100; }
.catalogue--item .catalogue--item--images .catalogue--item--status span { color: #000; font-size: 18px; }
.catalogue--item .catalogue--item--images .catalogue--item--status img { max-width: 100%; }
.catalogue--item .catalogue--item--images .item--image--overlay { position: absolute; bottom: 0; right: 0; width: 100%; height: 250px; background: rgba(0,0,0,0.6); color: #fff; text-align: center; display: grid; align-content: center; align-items: center; font-size: 22px; }
.catalogue--item .catalogue--item--images .item--image--right { width: 100%; position: relative; }
.catalogue--item .catalogue--item--images .item--image--right .item--image--right--item { height: 250px; }
.catalogue--item .catalogue--item--images .item--image--right .item--image--right--item img { width: 100%; height: 100%; object-fit: cover; }
.catalogue--item .catalogue--item--images .item--image--left { height: 560px; position: relative; display: block; background-color: var(--light-grey);}
.catalogue--item .catalogue--item--left.dev .catalogue--item--images { float: left; }
.catalogue--item .catalogue--item--left.dev { width: 100%;}
.catalogue--item .catalogue--item--left.dev .catalogue--item--images .item--image--left { margin-right: 0; width: 400px; height: 400px; }
.catalogue--item .catalogue--item--left.dev .catalogue--item--info { margin-left: 400px; padding: 10px 65px; }
.catalogue--item .catalogue--item--left.dev .catalogue--item--info p {  margin-top: 16px; font-size: 18px; line-height: 20px; color: #666; }
.catalogue--item .catalogue--item--left .location { display: flex; align-items: center; }
.catalogue--item .catalogue--item--left .location span { color: #000; margin-left: 5px; }
.catalogue--item .catalogue--item--left .location:hover { text-decoration-color: #000; }
.catalogue--item .catalogue--item--images .item--image--left.zhk { margin-right: 0; }
.catalogue--item .catalogue--item--images .item--image--left .image--left--full { position: absolute; bottom: 30px; right: 30px; background: rgba(0,0,0,0.5); border-radius: 4px; padding: 10px; width: 42px; box-sizing: border-box; height: 42px; }
.catalogue--item .catalogue--item--images .item--image--left img { width: 100%; height: 100%; object-fit: cover; }
.catalogue--item .catalogue--item--images .item--image--thumbs { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 10px; margin-top: 20px; }
.catalogue--item .catalogue--item--info { overflow: hidden; margin-bottom: 25px; ;}
.catalogue--item .catalogue--item--info h1 { font-size: 47px; line-height: 52px; }
.catalogue--item .catalogue--item--info p { line-height: 19px;  color: #666; }
.catalogue--item .catalogue--item--info.zhk { min-height: 120px; box-sizing: border-box; }
.catalogue--item .catalogue--item--info.zhk .catalogue--item--info--blocks .item--right--price { padding: 14px 19px; }
.catalogue--item .catalogue--item--info.zhk p a { color: #000; }
.catalogue--item .catalogue--item--info .catalogue--item--info--blocks { display: flex; gap: 10px; margin-top: 20px;}
.catalogue--item .catalogue--item--info .item--info--block { padding: 14px 19px; font-size: 14px; background-color: #657080; color: #fff;}
.catalogue--item .catalogue--item--info .item--info--block span { font-size: 14px; }
.catalogue--item .catalogue--item--info .item--info--block .bold { font-weight: 500; font-size: 19px; }
.catalogue--item .catalogue--item--content { margin-top: 30px;}
.catalogue--item .catalogue--item--content p { font-size: 16px; line-height: 25px; color: #666; }
.catalogue--item .catalogue--item--info p > strong { font-weight: 600; color: #6c6c6c; }
.catalogue--item .catalogue--item--content ul { font-size: 16px; color: var(--medium-grey); padding-left: 20px; }
.connect-form {display: flex; flex-direction: column; align-items: center; border: 1px solid var(--light-grey); padding: 20px 40px; gap: 20px;margin-top: 40px;}
.connect-form.wide { width: 50%; margin: 50px auto; }
.connect-form .text { font-size: 18px; color: #666;  text-align: center; }
.connect-form .text span { font-weight: 700;}
.catalogue--item .catalogue--item--base { display: inline-block; width: calc(100% + 20px); position: relative; left: -10px; box-sizing: border-box; margin-top: 15px; }
.catalogue--item .catalogue--item--base .item--base { float: left; width: 50%; padding: 0 10px; box-sizing: border-box; }
.catalogue--item .catalogue--item--base .item--base--content {background: #ededed; border-radius: 4px; padding: 20px; overflow: hidden; min-height: 110px; }
.catalogue--item .catalogue--item--base .item--base--image { float: left; width: 140px; height: 100px; border-radius: 4px; overflow: hidden; }
.catalogue--item .catalogue--item--base .item--base--image img { width: 100%; height: 100%; object-fit: contain; }
.catalogue--item .catalogue--item--base .item--base--present { position: relative; margin-left: 170px; }
.catalogue--item .catalogue--item--base .item--base--present h3 { font-size: 18px; font-weight: 600; padding-bottom: 0; }
.catalogue--item .catalogue--item--base .item--base--present p { line-height: 21px; color: #666; }
.catalogue--item .catalogue--item--base .item--base--present a { color: #000;}
.developer--item { max-width: 1550px; margin: auto;  background-color: #F0F0F0; }
.developer--item .developer--item--content { padding: 20px; display: flex; align-items: center; }
.developer--item .developer--item--content .item--present {  width: 75%; padding:  0 70px; }
.developer--item .developer--item--content .item--present h3 a {  color: #000; font-size: 22px;}
.developer--item .developer--item--content .item--image { width: 25%;  }
.developer--item img {  width: 300px; }

/* --------------------------------- */
.containerHeader { z-index: 100; height: 126px;  padding: 34px 40px; box-sizing: border-box; position: fixed; left: 0; top: 0; width: 100%; border-bottom: 1px solid var(--light-grey); transition: all .2s; background-color: #fff;}
.containerHeader .containerMenu--burger { display: none;  float: right; width: 35px; margin-top: 12px; }
.containerHeader .containerMenu--burger .burger--element {border-radius: 10px; float: right; width: 100%; height: 2px; background: #000; margin: 4px 0; }
.containerHeader .containerHeader--title { float: left; margin: 35px 0 0 20px; color: #fff; font-size: 12px; opacity: 0.5; }
.containerHeader .containerHeader--logotype { float: left; }
.containerHeader .containerHeader--logotype .containerHeader--logo img { width: 181px; display: block; }
.containerHeader .containerHeader--seo { float: left; max-width: 188px; margin: 22px 30px 0 35px; font-size: 7px; color: var(--light-grey);}
.containerHeader .containerHeader--textBlock { float: left; margin: 45px 0 0 50px;}
.containerHeader .containerHeader--textBlock span { color: #fff; opacity: 0.5; margin-right: 40px;}
.containerHeader .containerHeader--languages { float: left; margin-top: 12px; }
.containerHeader .containerHeader--languages a { text-transform: uppercase; float: left; margin-left: 5px; width: 36px; height: 36px; color: #000; text-align: center; line-height: 36px; }
.containerHeader .containerHeader--languages a.current { font-weight: 700; }
.containerHeader .containerHeader--search { }
.containerHeader .containerHeader--search form {
    position: relative;
    display: flex;
}

.searchTerm {
    width: 150px;
    border-color: transparent;
    border-bottom:  2px solid var(--dark-blue);
    border-right: none;
    padding: 5px 10px;
    height: 20px;
    outline: none;
}
.searchTerm::placeholder { color: #000;}

.searchButton,
.containerHeader--search--btn{
    border: none;
    background: #fff;
    text-align: center;
    cursor: pointer;
    font-size: 20px;
}


.containerHeader .containerHeader--buttons { float: right; margin-right: 30px; margin-top: 31px; }
.containerHeader .containerHeader--buttons .containerHeader--owners { margin-left: 10px; float: left; height: 36px; border: 1px solid rgba(255,255,255,0.7); color: #fff; font-size: 14px; padding: 0 20px; line-height: 36px; }
.containerHeader .containerHeader--buttons .containerHeader--owners img { position: relative; top: 10px; margin-right: 10px; }
.containerHeader .containerHeader--buttons .containerHeader--partners { float: left; margin-left: 10px; height: 36px; border: 1px solid rgba(255,255,255,0.7); color: #fff; font-size: 14px; padding: 0 20px; line-height: 36px; }
.containerHeader .containerHeader--buttons .containerHeader--partners img { position: relative; top: 10px; margin-right: 10px; }
.containerHeader .containerHeader--socials { float: right; margin: 43px 0 0 30px; }
.containerHeader .containerHeader--socials img { opacity: 0.6}
.containerHeader .containerHeader--socials a { float: left; margin-left: 8px; }
.containerHeader--menu { float: left;  margin-left: 20px; text-transform: uppercase; }
.containerHeader--menu  ul { transition: all .2s; }
.containerHeader--menu ul li { float: left; margin-right: 24px;}
.containerHeader--menu  ul li a { display: block; padding: 5px 0; color: #000; line-height: 50px; }
.containerHeader--menu  ul li a:active { font-weight: 600; }
.containerHeader--phones,
.containerHeader .containerHeader--search { float: right; height: 32px; line-height: 32px; margin-top: 12px; margin-right: 33px;}
.containerHeader--search--btn { display: none; float: right;  margin-top: 12px; margin-right: 15px; }
.containerFooter--button span { cursor: pointer; }
.containerHeader--phones .phones--icon { float: left; display: none; }
.containerHeader--phones .phones--icon a { margin-right: 5px;}
.containerHeader--phones .phones--number,
.containerFooter--phones .phones--number { display: inline-block; }
.containerHeader--phones .phones--number a,
.containerFooter--phones .phones--number a { line-height: 32px; font-size: 19px; font-weight: 600; color: #000; }
.containerHeader--phones .phones--number a span,
.containerFooter--phones .phones--number a span{ font-weight: 100;}
.containerHeader--phones .phones--number a:hover,
.containerFooter--phones .phones--number a:hover { text-decoration: none;}
.containerHeader--contact { float: right; margin-top: 19px;}
.containerHeader--contact a,
.containerHeader--contact span,
.contact--button { padding: 13px 22px; text-align: center; border-radius: 10px; background-color: var(--dark-blue); color: #fff; font-size: 15px; text-transform: uppercase; font-weight: 500;  transition: all .18s ease-in-out; cursor: pointer; }

/* --------------------------------- */
.containerMain .containerMain--left { float: left; width: 50%; padding: 0 10px; box-sizing: border-box; position: relative; }
.containerMain .containerMain--right { float: right; width: 50%; padding: 0 10px; box-sizing: border-box; position: relative; }
.containerMain .containerMain--content { height: 1000px; background: #f1f1f1; position: relative; }
.containerMain .containerMain--content:hover > .containerMain--content--present { opacity: 1; visibility: visible; }
.containerMain .containerMain--content--title { position: absolute; top: 80px; left: 70px; right: 0; z-index: 100; color: #fff; font-size: 40px; font-weight: 700; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 20px;  }
.containerMain .containerMain--content--present { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .5s; background: rgba(0,0,0,0.8); padding: 200px 70px 0 70px; color: #fff; opacity: 0; visibility: hidden; box-sizing: border-box; }
.containerMain .containerMain--content--present ul { margin-bottom: 40px; }
.containerMain .containerMain--content--present ul li.title { color: #fff; font-size: 21px; font-weight: 600; padding-bottom: 10px; }
.containerMain .containerMain--content--present ul li a { color: rgba(255,255,255,0.7); display: block; padding: 6px 0; font-size: 18px; }


/* --------------------------------- */
.containerSearch { position: relative; clear: both; padding-top: 136px;  border-bottom: 1px solid var(--light-grey); padding-bottom: 25px; }
.containerSearch .containerSearch--content { position: relative; max-width: 1550px; margin: auto; }
.containerSearch .containerSearch--dropdown { display: none; }
.containerSearch.inside { padding: 0 20px; }
.containerSearch .containerSearch--tab {  background-color: var(--grey);}
.containerSearch .containerSearch--content .containerSearch--filters { display: flex; justify-content: space-between; height: 32px; }
.containerSearch .containerSearch--content .containerSearch--filters .sorting-links a img { margin-right: 6px; filter: invert(1);}
.containerSearch .containerSearch--content .containerSearch--filters .currency-filters,
.containerSearch .containerSearch--content .containerSearch--filters .sorting-links { display: flex; }
.containerSearch .containerSearch--content .containerSearch--filters .currency-filter,
.containerSearch .containerSearch--content .containerSearch--filters .sorting-links .sorting{ font-size: 14px; padding: 4px 19px; margin-bottom: 5px; margin-right: 3px; color: #fff; cursor: pointer; background-color: var(--grey);}
.containerSearch .containerSearch--content .containerSearch--filters .currency-filters .currency-filter.current,
.containerSearch .containerSearch--content .containerSearch--filters .sorting-links .sorting.current {background-color: var(--dark-blue);}
.containerSearch .containerSearch--content .containerSearch--filter img { margin-top: 2px; }
.containerSearch .containerSearch--content .containerSearch--label--row { position: relative; }
.containerSearch .containerSearch--content .containerSearch--label--row .label--row--center { width: 7%; text-align: center;  float: left; }

.containerSearch .containerSearch--content .containerSearch--title { font-size: 21px; font-weight: 700; color: #000; padding-bottom: 20px; }
.containerSearch .containerSearch--content .containerSearch--areas { display: flex; padding: 20px; align-items: baseline;}
.containerSearch .containerSearch--content .containerSearch--label .ss-single-selected,
.containerSearch .containerSearch--content .containerSearch--label .ss-multi-selected { width: 300px; min-height: 40px; height: auto; border-radius: 0;}
.containerSearch .containerSearch--content .containerSearch--label.short input.input--search { font-size: 16px;}
.containerSearch .containerSearch--content .containerSearch--label .containerSearch--label--row .ss-main .ss-single-selected .placeholder .ss-disabled { color: var(--medium-grey)!important; }
.ss-content .ss-list .ss-option:hover { background-color: var(--grey); color: #000; }
.containerSearch .containerSearch--content .containerSearch--hidden { display: none; }
.containerSearch .containerSearch--content .containerSearch--label { padding: 5px 10px; box-sizing: border-box; }
.containerSearch .containerSearch--content .containerSearch--label.short .containerSearch--label--row { display: flex; gap: 7px; align-items: center; }
.containerSearch .containerSearch--content .containerSearch--label.short .containerSearch--label--row .label--row--input { margin-bottom: 0;}
.containerSearch .containerSearch--content .containerSearch--label.short input.input--search { width: 100px;}
.containerSearch .containerSearch--content .containerSearch--label.btn { padding: 0; margin-left: 55px;  }
.containerSearch .containerSearch--content .containerSearch--label input.input--search {  color: #999; height: 40px; background: #fff; padding: 0 12px; box-sizing: border-box; line-height: 40px; border: solid 1px #dadee8 }
.containerSearch .containerSearch--content .containerSearch--label input.input--search::placeholder { font-size: 14px;}
.containerSearch .containerSearch--content .containerSearch--label .ss-content .ss-list { max-height: 400px; }
.containerSearch .containerSearch--content .containerSearch--label button { width: 100%; display: block; transition: all .2s; border: none; cursor: pointer; background: #767676; border-radius: 20px; color: #fff; font-size: 15px; height: 44px; line-height: 44px; text-align: center; }
.containerSearch .containerSearch--content .containerSearch--label .title { display: block; margin-top: 8px; color: #fff; font-size: 12px; clear: both; }
.containerSearch .containerSearch--content .containerSearch--label .title img { margin-right: 5px;vertical-align: middle;}
.containerSearch .containerSearch--content .containerSearch--label .containerSearch--label--btn,
.containerCatalogue--filters .filter--block .filter--item .filter--item--btn { width: 185px; padding: 0 24px; border-radius: 0 !important; margin-top: -7px; display: flex;align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, 0.5); background: var(--dark-blue); color: #fff; transition: all 0.5s; cursor: pointer;}
.containerSearch .containerSearch--content .containerSearch--label .containerSearch--label--btn:hover,
.containerCatalogue--filters .filter--block .filter--item .filter--item--btn:hover { filter: opacity(0.8); }
.containerSearch .containerSearch--links { border-bottom: 2px solid #000; overflow: hidden; margin-bottom: 20px; }
.containerSearch .containerSearch--links a { float: left; padding: 13px 20px; color: #000; }
.containerSearch .containerSearch--links a.active { background: #000; color: #fff; }
.containerSearch label input[type="checkbox"] { margin: 0; padding: 0; }
.containerSearch label { margin-right: 12px; display: inline-block; margin-top: 12px; cursor: pointer; }
.containerSearch label:last-child { margin-bottom: 0; }
.containerSearch label .name { padding-left: 8px; position: relative; height: 18px; line-height: 18px; font-size: 15px; color: #333; }
.containerSearch label .count { float: right; position: relative; height: 18px; line-height: 18px; }
.containerSearch label input { display: none; }
.containerSearch label input:checked + .checkbox { border-color: #c00; }
.containerSearch label input:checked + .checkbox::after { display: block; }
.containerSearch label .checkbox { width: 20px; height: 20px; position: relative; border-radius: 2px; background: #fff; border: 1px solid #ccc; box-sizing: border-box; display: inline-block; vertical-align: top; }
.containerSearch label .checkbox::after { display: none; content: ''; position: absolute; width: 10px; height: 10px; background: #c00; top: 4px; left: 4px; }

/* --------------------------------- */


.galleryBlock { margin-top: 50px; margin-bottom: 35px; }
.galleryBlock .containerWrapper {display: flex; width: 100%;}
.galleryBlock h2 { margin-bottom: 16px; }
.galleryBlock .gallery--row { width: 30%; }
.galleryBlock .gallery--row .gallery--image img { width: 100%; height: 100%; padding: 10px; box-sizing: border-box; }
.galleryBlock .gallery--row .gallery--image { transition: all 0.7s; }
.galleryBlock .gallery--row .gallery--image:hover { filter: brightness(0.7); }
.galleryBlock .gallery--row .gallery--image a { display: flex; align-items: center; justify-content: center; }
.galleryBlock .gallery--row .gallery--image a .inst-icon { position: absolute; width: 50px; opacity: 0; }
.galleryBlock .gallery--row .gallery--image:hover a .inst-icon { opacity: 1; }
/* --------------------------------- */
.containerCatalogue {  box-sizing: border-box; padding-top: 25px; }
.containerCatalogue.inside { padding: 0; }
.containerCatalogue.inside.zhk,
.containerCatalogue.inside.dev { margin-top: 70px; }
.containerCatalogue.inside.zhk .containerCatalogue--element--present { margin-top: 7px; }
.containerCatalogue.inside.zhk .containerCatalogue--element--present .element--present--intro { margin-top: 5px; }
.containerCatalogue.inside .containerCatalogue--wrapper {  display: flex; justify-content: space-between; gap: 20px; max-width: 1550px; margin: auto; }
.containerCatalogue.inside .containerCatalogue--filters h3, .containerCatalogue.inside .containerCatalogue--filters span { font-weight: 100; color: #fff;  }
.containerCatalogue.inside .containerCatalogue--filters form { padding: 20px;}
.containerCatalogue.inside .containerCatalogue--filters .filter--trigger { display: flex; align-items: center; justify-content: center; gap: 20px; padding: 20px; background-color: var(--dark-blue); }
.containerCatalogue.inside .containerCatalogue--filters .filter--trigger .filter { filter: invert(1); }
.containerCatalogue.inside .containerCatalogue--filters .filter--trigger .chevron-down { display:  none;}
.containerCatalogue.inside .containerCatalogue--filters { height: fit-content; background-color: var(--grey); max-width: 320px; }
.containerCatalogue.inside .containerCatalogue--filters .filter--block .filter--item.hidden { display: none;}
.containerCatalogue.inside .containerCatalogue--filters .filter--block .filter--item .ss-single-selected,
.containerCatalogue.inside .containerCatalogue--filters .filter--block .filter--item .ss-multi-selected, .filter-item.extra .ss-multi-selected { min-height: 40px; height: 40px; border-radius: 0;  }
.containerCatalogue.inside .containerCatalogue--filters .filter--block .filter--item .item--input input { width: 100%; min-height: 40px; padding: 4px 10px;border: 1px solid #dcdee2; background-color: #fff; outline: 0;box-sizing: border-box;transition: background-color .2s;}
.containerCatalogue.inside .containerCatalogue--filters .filter--block .filter--item .title,  .filter-item.extra .title { margin-bottom: 10px; }
.containerCatalogue.inside .containerCatalogue--filters .filter--block .filter--item, .filter-item.extra { margin-bottom: 15px; }
.containerCatalogue.inside .containerCatalogue--filters .filter--block .filter--item.double { display: flex; gap: 10px; align-items: center; }
.containerCatalogue.inside .containerCatalogue--filters .filter--block .filter--item .ss-main .ss-multi-selected .ss-add,
.filter-item.extra .ss-main .ss-multi-selected .ss-add { margin-top: 15px;}
.containerCatalogue.inside .containerCatalogue--filters .filter--block .filter--item .ss-main .ss-multi-selected .ss-add .ss-plus,
.containerCatalogue.inside .containerCatalogue--filters .filter--block .filter--item .ss-main .ss-multi-selected .ss-add .ss-plus:after,
.filter-item.extra .ss-main .ss-multi-selected .ss-add .ss-plus,
.filter-item.extra .ss-main .ss-multi-selected .ss-add .ss-plus:after { background: #999;}
.containerCatalogue.inside .containerCatalogue--filters .filter--block .filter--item .ss-main .ss-multi-selected .ss-values .ss-value { background: var(--dark-blue)}
.containerCatalogue.inside .containerCatalogue--filters .filter--block .filter--item .filter--item--btn { height: 44px; width: 100%; margin-top: 40px; font-size: 15px; }
.containerCatalogue.inside .containerCatalogue--content.two { max-width: 1200px; margin: 0;}
.containerCatalogue.inside .containerCatalogue--navbar { max-width: 1550px; margin: auto; }
.containerCatalogue.inside .containerCatalogue--navbar ul { display: flex; column-gap: 40px; row-gap: 10px; margin: 40px 0; justify-content: space-between; }
.containerCatalogue.inside .containerCatalogue--navbar ul li { font-size: 14px;  font-weight: 500; }
.containerCatalogue.inside .containerCatalogue--navbar ul li a:after { content: '›' ; margin-left: 5px; }
/*.containerCatalogue .containerCatalogue--content.two { margin-bottom: 32px; margin-top: 25px; }*/

.containerCatalogue .containerCatalogue--title { font-size: 36px;  max-width: 1550px; margin: 10px auto 35px; color: #24334A;}
.containerCatalogue .containerCatalogue--content.two { display: grid; grid-template-columns: repeat(3, 1fr); justify-content: space-between; grid-row-gap: 30px; grid-column-gap: 10px; max-width: 1550px; margin: 0 auto; }
.containerCatalogue .containerCatalogue--content { display: grid; grid-template-columns: repeat(3, 1fr); justify-content: space-between; grid-row-gap: 30px; grid-column-gap: 10px; max-width: 1550px; margin: 0 auto; }

.containerCatalogue .containerCatalogue--element .containerCatalogue--status { position: absolute; width: 100%; height: 100%; z-index: 10; backdrop-filter: grayscale(0.9);}
.containerCatalogue .containerCatalogue--element .containerCatalogue--status img { width: 100%; filter: grayscale(1); opacity: 0.7;}
.containerCatalogue .containerCatalogue--element a .preview { width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1.03); -webkit-transform: scale(1.03); transition: all 1.2s; }
.containerCatalogue .containerCatalogue--element:hover a .preview { transform: scale(1); -webkit-transform: scale(1);}

.containerCatalogue .containerCatalogue--element .containerCatalogue--carousel { width: 100%; position: relative; overflow: hidden; height: 335px;}
.containerCatalogue .containerCatalogue--element .containerCatalogue--carousel .slide--img { width: 100%; height: 335px; object-fit: cover; transition: all 1.2s; }
.containerCatalogue .containerCatalogue--element .containerCatalogue--carousel .slide--img:hover { transform: scale(1.03);}
.containerCatalogue .containerCatalogue--element .containerCatalogue--carousel .slick-prev { left: 10px;  width: 46px;  top: 92%; z-index: 100; }
.containerCatalogue .containerCatalogue--element .containerCatalogue--carousel .slick-prev:before { content: url("../../templates/img/arrow-left.png") }
.containerCatalogue .containerCatalogue--element .containerCatalogue--carousel .slick-next { right: 10px; width: 46px; top: 92%;  z-index: 100; }
.containerCatalogue .containerCatalogue--element .containerCatalogue--carousel .slick-next:before { content: url("../../templates/img/arrow-right.png") }

.containerCatalogue--search--slider { width: 100%; position: relative; overflow: hidden; }
.containerCatalogue--search--slider img { width: 100%; height: 335px; object-fit: cover; transition: all 1.2s; }
.containerCatalogue--search--slider img:hover{ transform: scale(1.03);}

.containerCatalogue .containerCatalogue--content.two .containerCatalogue--element { position: relative;  min-width: 250px; }
.containerCatalogue .containerCatalogue--content .containerCatalogue--element { position: relative; min-width: 250px; }
.containerCatalogue .containerCatalogue--element .containerCatalogue--element--labels { position: absolute; top: 19px; right: 25px; z-index: 10; }
.containerCatalogue .containerCatalogue--element .containerCatalogue--element--image { position: relative; overflow: hidden; height: 335px; }
.containerCatalogue .containerCatalogue--element--present { padding: 0 13px; }
.containerCatalogue .containerCatalogue--element--present .intro { font-size: 13px; line-height: 15px; min-height: 30px; margin: 10px 0; font-weight: 100; color: #999; }
.containerCatalogue .containerCatalogue--element--present .element--present--info--right { display: flex; justify-content: space-between; column-gap: 7px; row-gap: 10px; align-items: center; margin-top: 8px; }
.containerCatalogue .containerCatalogue--element--present .element--present--info--right .details { display: flex; gap: 15px;}
.containerCatalogue .containerCatalogue--element--present .element--present--info--right .area { font-size: 13px; margin-left: 10px; color: var(--medium-grey); }
.containerCatalogue .containerCatalogue--element--present .element--present--info--right .currency { font-size: 16px; margin-left: 7px; color: var(--medium-grey); }
.containerCatalogue .containerCatalogue--element--present .element--present--info--right .price,
.containerCatalogue.inside.zhk .containerCatalogue--element--present a { font-size: 21px; font-weight: 600; color: #000; }
.containerCatalogue .containerCatalogue--element--present .element--present--info--left a,
.containerCatalogue .containerCatalogue--element--present .element--present--info--left {display: block; font-size: 21px; line-height: 28px; margin-top: 8px; min-height: 54px;font-weight: 600; color: #000; }
.containerCatalogue .containerCatalogue--element--present .element--present--info--left p { font-weight: 100; font-size: 16px; line-height: 18px; min-height: 36px; margin: 5px 0 0;}
.containerCatalogue .containerCatalogue--element--present .element--present--nav { margin-top: 13px; font-size: 13px;}
.containerCatalogue .containerCatalogue--element--present .element--present--nav a { font-size: 11px; font-weight: 100; color: #24334A; }
.containerCatalogue .containerCatalogue--element--present .element--present--nav img { width: 30px; margin: 11px 7px 0;}
.containerCatalogue .containerCatalogue--content.cat a,
.containerCatalogue .containerCatalogue--content.zhk a,
.containerCatalogue .containerCatalogue--content.dev a,
.containerCatalogue .containerCatalogue--content.news a { color: #000;}
.containerCatalogue .containerCatalogue--content.zhk .element--present--info--left a { min-height: 30px; margin-top: 20px;}
.containerModule { grid-column: 1 / span 3; padding: 50px 0; }

/* --------------------------------- */
.containerFooter { display: flex; min-width: 540px; padding: 60px 100px 14px 100px;  margin: auto; box-sizing: border-box; overflow: hidden; background-color: var(--dark-blue); }
.containerFooter .containerFooter--menu { display: flex; gap: 40px; width: 60%; margin-bottom: 30px; padding-bottom: 30px; }
.containerFooter .containerFooter--menu ul {  margin-right: 40px; margin-bottom: 25px; }
.containerFooter .containerFooter--menu ul li h3,
.containerFooter .containerFooter--menu ul li span { font-size: 18px; margin-right: 15px; font-weight: 700; color: #fff;}
.containerFooter .containerFooter--menu ul li h3 a,
.containerFooter .containerFooter--menu ul li span a { font-size: 18px; font-weight: 700;  color: #fff;}
.containerFooter .containerFooter--menu ul li:not(.title) { margin-left: 15px;}
.containerFooter .containerFooter--menu ul li a { color: #fff; font-weight: 400; font-size: 15px; line-height: 25px;}
.containerFooter .containerFooter--contacts { width: 40%; height: fit-content; display: flex; flex-direction: column; align-items: center; gap: 30px; justify-content: flex-end; }
.containerFooter .containerFooter--action{ display: flex; gap: 50px; align-items: center; align-self: end;}
.containerFooter .containerFooter--contacts p { margin: 0; color: #fff; font-size: 13px; }
.containerFooter .containerFooter--contacts img { width: 280px; margin: 20px 0;  align-self: end;}
.containerFooter .containerFooter--action .contact--button {  transition: all .28s ease-in-out; background-color: #fff; color: #000; overflow: hidden; }
.containerFooter .containerFooter--action .contact--button:hover,
.catalogue--item--connect .contact--button:hover { text-decoration: none; color: rgba(255, 255, 255, 0.77); text-shadow: 0 0 10px rgba(145, 163, 194, 0.94),  0 0 15px rgba(91, 115, 157, 0.94),  0 0 30px rgba(71, 88, 115, 0.94),  0 0 40px rgb(69, 81, 101);}
.containerFooter .containerFooter--phones .phones--number a { color: #fff;}
.containerFooter--socials { text-align: center; }
.containerFooter--socials a { opacity: 0.6; }
.footerNumber {font-size: 22px; font-weight: 200; }
.footerNumber a { color: #fff!important;  line-height: 76px; margin-left: 10px; }
.footerNumber a span { font-size: 15px; display: unset;}
.footerNumber span { display: block; color: #fff; font-size: 13px; line-height: 20px;}

/* --------------------------------- */
.aboutBlock { width: 100%; display: inline-block; position: relative; border-bottom: 1px solid lightgrey; }
.aboutBlock .aboutBlock--element { float:left; width: 30%; box-sizing: border-box; position: relative; display: inline-block; }
.aboutBlock .aboutBlock--element .aboutBlock--image { padding: 20px; }
.aboutBlock .aboutBlock--description { padding: 20px; width: 70%; box-sizing: border-box; display: inline-block; }
.aboutBlock .aboutBlock--description .aboutBlock--imageText { font-size: 55px; color: #545353; line-height: 50px; font-weight: 200; }
.aboutBlock .aboutBlock--description .aboutBlock--imageText span { display: block; line-height: 86px; color: #cfcfcf; font-size: 40px; font-weight: 300; }
.aboutBlock .aboutBlock--description .comentBlock { background: #f9f9f9; padding: 40px; font-size: 19px; font-weight: 200; }
.aboutBlock .aboutBlock--description .comentBlock span { display: inline-block; font-weight: 400; color: #727272;}
.aboutBlock .aboutBlock--description .comentBlock strong { font-weight: 400; color:#727272; }
.seo--block { position: relative; height: 590px; margin: 43px 0 0;  background-image: url("../img/main-img.jpg");  background-size: cover; }
.seo--block--wrapper { padding: 71px 100px;}
.seo--block .seo--text { text-align: center; width: 50%; padding: 50px 60px; box-sizing: border-box; color: #fff; }
.seo--block .seo--text .seo-logo { width: 181px; }
.seo--block .seo--text p { font-size: 15px; line-height: 25px; margin-top: 39px; }
.seo--block .seo--form  { width: 50%; box-sizing: border-box; padding: 0 60px; }
.catalogue--item--form {  padding: 20px; background-color: #dadada69; }
.catalogue--item--form p { font-size: 18px; text-align: center; max-width: 700px; margin: 20px auto; }
.catalogue--item--form p span { font-weight: 600;}
.catalogue--item--form .success-text { display: none; text-align: center; color: var(--medium-blue); font-size: 19px; font-weight: 600; margin: 20px 0 0; }
/*.catalogue--item--form .contact-button { width: 20%; }*/
.seo--block .seo--form form,
.catalogue--item--form form { display: flex; justify-content: center; gap: 20px; padding: 0 20px; max-width: 740px; margin: 0 auto; }
.seo--block .seo--form form label { width: 30%; }
.seo--block .seo--social { display: flex; align-items: center; width: 50%; box-sizing: border-box; justify-content: center; gap: 15px; padding: 20px 60px; }
.seo--block .seo--social .phones--number { margin-left: 12px; margin-top: 4px; }
.seo--block .seo--social .phones--number a { color: #fff; font-weight: 600; font-size: 18px; }
.seo--block .seo--social .phones--number a:hover { text-decoration: none; }
.seo--block label { margin-bottom: 15px; overflow: hidden; float: left; width: 100%; }
.seo--block input,
.catalogue--item--form input { width: 100%; background: #fff; height: 44px; border-radius: 4px; padding: 0 15px; box-sizing: border-box;  border: 1px solid var(--grey); font-size: 15px; }
.seo--block textarea { width: 100%; background: #ffff; height: 80px; border-radius: 4px; padding: 15px; box-sizing: border-box; border: none; font-size: 15px; max-width: 100%; }
.seo--block input.double { float: left; width: 48%; }
.contact-button { width: 100%; background: var(--dark-blue); color: #fff; text-align: center; cursor: pointer; height: 44px; border-radius: 10px; padding: 0 15px; box-sizing: border-box; border: none; font-size: 15px; transition: all .18s ease-in-out;}
.seo--block .contact-button {background:  #fff; color:var(--dark-blue);text-transform: uppercase; font-weight: 500;}
.seo--block .contact-button:hover { text-decoration: none; color: rgba(255, 255, 255, 0.77); text-shadow: 0 0 10px rgba(145, 163, 194, 0.94),  0 0 15px rgba(91, 115, 157, 0.94),  0 0 30px rgba(71, 88, 115, 0.94),  0 0 40px rgb(69, 81, 101); background-image:unset;}
.contact-button:hover,
.containerHeader--contact a:hover {text-shadow: 0 0 30px rgba(255,255,255, 1), 0 0 60px rgba(255, 255, 255, .8), 0 0 75px rgba(255, 255, 255, .6), 0 0 80px rgba(255, 255, 255, .4), 0 0 77px rgba(255, 255, 255, .5), 0 0 80px rgba(255, 255, 255, .4), 0 0 110px rgba(255, 255, 255, .3), 0 0 150px rgba(255, 255, 255, .2), 0 0 170px rgba(255, 255, 255, .1);  background-image: radial-gradient(#8e99a938 10%, #3f547512 20%, #24334a70 50%); text-decoration: none; }
.seo--logo {width: 180px; height: 60px;}

/* --------------------------------- */
.containerNews { clear: both; padding: 10px 40px 50px 40px; }
.containerNews .containerNews--title { font-size: 30px; color: #000; padding-bottom: 40px; font-weight: 700; }
.containerNews .containerNews--container { display: inline-block; width: calc(100% + 30px); position: relative; left: -15px; margin-top: 30px; }
.containerNews .containerNews--container .containerNews--element { float: left; width: 25%; padding: 0 15px; box-sizing: border-box; margin-bottom: 30px; }
.containerNews .containerNews--container .containerNews--element--image { width: 100%; height: 240px; margin-bottom: 30px; }
.containerNews .containerNews--container .containerNews--element--image img { width: 100%; height: 100%; object-fit: cover; }
.containerNews .containerNews--container .containerNews--element--title { min-height: 45px; font-size: 18px; font-weight: 700; margin-bottom: 10px;  overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.containerNews .containerNews--container .containerNews--element--title a { color: #000; }
.containerNews .containerNews--container .containerNews--element--intro { line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.containerArticles.inside { padding-top: 30px; border-top: 2px solid #000; margin-top: 40px; }
.containerArticles .containerArticles--title .title--text { line-height: 70px; font-size: 19px; font-weight: 600;}
/* ---- ---- ---- ---- ---- ---- ---- ---- */
.containerWindow2 { position: fixed; left: 0; top: 0; width: 100%; background-color: rgb(36 51 74 / 98%); z-index: 500; display: none; min-width: 540px; padding-bottom: 20px; }
.containerWindow2 .containerWindow--logo { width: 150px; padding: 20px 50px; }
.containerWindow2 .containerWindow--content2 { padding: 50px 100px 0 100px; border-top: 1px solid rgba(255,255,255,0.2); position: relative; }
.containerWindow2 .containerWindow--content2 .main-links div a { font-size: 18px; font-weight: 700; color: #fff;  }
.containerWindow2 .containerWindow--content2 .main-links div { margin-bottom: 20px; }
.containerWindow2 .containerWindow--content2 ul { float: left; margin-right: 40px; margin-bottom: 30px;}
.containerWindow2 .containerWindow--content2 ul li.title { margin-bottom: 20px; }
.containerWindow2 .containerWindow--content2 ul li h3 { font-size: 18px; font-weight: 700; color: #fff; margin-bottom: 20px;  }
.containerWindow2 .containerWindow--content2 ul li h3 a { font-size: 18px; font-weight: 700; color: #fff;}
.containerWindow2 .containerWindow--content2 ul li a { color: #fff; font-weight: 400; font-size: 16px; line-height: 27px;}
.containerWindow2 .containerWindow--close2 {position: absolute;top: 27px;right: 50px;font-size: 30px;cursor: pointer;color: #fff;z-index: 1;}

@media screen and (max-width: 1740px){
    .seo--block { background-position: center; }
    .containerHeader .containerHeader--seo { margin: 20px 12px 0 19px;}
    .containerHeader--phones,
    .containerHeader .containerHeader--search { margin-right: 20px;}
    .containerHeader--phones .phones--icon { display: block; }
    .containerHeader--phones .phones--number a { display: none;}
}

@media screen and (max-width: 1530px) {
    .containerHeader .containerHeader--seo { display: none; }
    .containerCatalogue .containerCatalogue--element--present .element--present--info--right { flex-wrap: wrap; }
    .containerHeader--menu { margin-left: 20px; }
    .containerHeader .containerHeader--languages a:first-of-type { margin-left: 10px;}
}

@media screen and (max-width: 1440px) {
    .seo--block .seo--text { width: 60%; padding-bottom: 20px; }
    .seo--block .seo--social { width: 60%; padding-top: 0;}
    .seo--block .seo--form { width: 60%; }
    .containerView .containerView--content--present .company-management .services-block { gap: 50px; }
    .containerView .containerView--content--present .containerView--content--contacts .contact-form { padding: 50px 70px; width: 45%; }

}

@media screen and (max-width: 1350px) {
    .containerHeader { padding: 34px 27px;}
    .containerHeader .containerHeader--logotype .containerHeader--logo img { width: 160px; }
    .containerHeader--phones, .containerHeader .containerHeader--search { margin-right: 12px; }
}


@media screen and (max-width: 1280px) {
    .containerHeader .containerHeader--languages { margin-left: 20px;}
    .containerHeader .containerMenu--burger,
    .containerHeader--search--btn { display: block; }
    .containerHeader .containerHeader--contact,
    .containerHeader--phones .phones--number,
    .containerHeader--menu,
    .containerHeader .containerHeader--search { display: none;}
    .containerModal  { position: fixed; width: 100%; height: 100%; top: 0; backdrop-filter: contrast(0.5); -webkit-backdrop-filter:contrast(0.5); z-index: 605; }
    .containerModal .containerModal--input {  margin: 42px auto 0; background: #fff; min-height: 70px; max-width: 1610px; opacity: 1; width: calc(100% - 50px); }
    .containerModal .containerModal--input form { display: flex; align-items: center;  justify-content: flex-end; padding: 20px; flex-direction: row-reverse; }
    .containerModal .containerModal--input button { border: none; background-color: transparent; }
    .containerModal .containerModal--input form label { width: 80%;}
    .containerModal .containerModal--input form label input { border: none; margin-left: 16px; font-size: 16px; opacity: 0.7; }
    .containerModal .containerModal--input .containerModal--close--button { position: absolute; right: 73px; line-height: 34px; font-size: 33px; cursor: pointer; text-align: center; height: 31px; color: #000; }
    .containerView .containerView--content--present .about-company .company--descr img { width: 100%; }
    .containerView .containerView--content--present .company-management .company-fee div:nth-of-type(1) ,
    .containerView .containerView--content--present .about-company .company--descr .info { width: 50%; }
    .containerView .containerView--content--present .about-company .company--descr .img,
    .containerView .containerView--content--present .company-management .company-fee div:nth-of-type(2)  { width: 45%;}
    .containerView .containerView--content--present .about-company .company--decisions,
    .containerView .containerView--content--present .about-company { margin-top: 50px;}
    .containerView .containerView--content--present .company-management .services-block { gap: 30px;}
    .containerSearch .containerSearch--content .containerSearch--label .ss-single-selected { width: 200px;}
    .containerSearch .containerSearch--content .containerSearch--label.btn { margin-left: 10px;}
    .containerCatalogue.inside .containerCatalogue--wrapper { gap: 15px; }
    .containerModule { grid-column: 1 / span 2; }
    .containerCatalogue .containerCatalogue--content.two { grid-template-columns: repeat(2, 1fr);}
    .containerFooter .containerFooter--action { flex-direction: column; gap: 26px; }
}

@media screen and (max-width: 1200px){
    .containerHeader .containerHeader--seo { margin-right: 10px; }
    .containerHeader--phones .phones--number a { font-size: 22px; }
    .containerMenu { padding: 0 20px; }
    .containerMenu .containerMenu--burger { display: block; }
    .containerMenu ul { position: absolute; top: 60px; left: 0; background: #fff; width: 100%; padding: 0 20px; box-sizing: border-box; z-index: 20; display: none; }
    .containerMenu ul li { margin-right: 0; width: 100%; border-bottom: 1px solid #eee; }
    .containerMain .containerMain--content { height: 630px; }
    .containerMain .containerMain--content--title { font-size: 30px; }
    .containerView .containerView--content--left { width: 260px; }
    .containerCatalogue--element--image {height: 252px;}
    .containerCatalogue .containerCatalogue--element--present .element--present--info--left {  min-height: 74px;}
    .containerView .containerView--content--present .containerView--content--contacts { gap: 30px;}
    .containerView .containerView--content--present .containerView--content--contacts .contact-form { height: fit-content;}
    .containerView .containerView--content--present .containerView--content--contacts .contact-form h2 { font-size: 28px; margin-top: 0;}
    .containerView .containerView--content--present .containerView--content--contacts .contact-links { padding: 0 30px; }
    .containerView .containerView--content--present .about-company .company--decisions img {width: 380px;}
    .containerView .containerView--content--present .company-management.modified h2 {width: 100%;}
    .containerSearch .containerSearch--content .containerSearch--label.icon { display: none; }
    .seo--block--wrapper { padding: 71px 50px; }
    .containerFooter .containerFooter--contacts { flex-direction: column;}
    .containerHeader .containerHeader--logotype .containerHeader--logo img { width: 143px; margin-top: 10px;}

}


@media screen and (max-width: 1000px){
    .containerCatalogue .containerCatalogue--content { grid-template-columns: repeat(2, 1fr) }
    .containerCatalogue--element--image { height: 335px;}
    .containerCatalogue.inside .containerCatalogue--filters .filter--form { display: none; }
    .containerSearch .containerSearch--tab.hidden .containerSearch--areas.inside { width: 90%; padding: 0 20px 80px;}
    .containerSearch .containerSearch--content .containerSearch--filters { margin-top: 10px; }
    .containerSearch .containerSearch--content .containerSearch--label { }
    .containerSearch .containerSearch--content .containerSearch--label .ss-single-selected,
    .containerSearch .containerSearch--content .containerSearch--label .ss-multi-selected { width: 100%; }
    .containerSearch .containerSearch--content .containerSearch--label.short { width: fit-content; }
    .containerCatalogue.inside .containerCatalogue--wrapper { flex-direction: column; }
    .containerCatalogue.inside .containerCatalogue--filters .filter--trigger,
    .containerCatalogue.inside .containerCatalogue--filters .filter--block .filter--item.double { justify-content: space-between; }
    .containerCatalogue.inside .containerCatalogue--filters .filter--trigger .chevron-down { display:  block;}
    .containerCatalogue.inside .containerCatalogue--filters { max-width: 100%; }
    .catalogue--item .catalogue--item--left { width: 100%; }
    .catalogue--item .catalogue--item--right { float: left; width: 100%; padding: 0;}
    .imageBlock .imageBlock--Element { width: 100%; }
    .catalogue--item .catalogue--item--left .location { margin-bottom: 30px; }
    .seo--block .seo--text { width: 70%; padding: 30px 50px 20px;}
    .seo--block--wrapper { padding: 0 50px;}
    .seo--block .seo--form,
    .seo--block .seo--social { width: 70%; }
    .seo--block .seo--form form { flex-direction: column; gap: 10px; }
    .seo--block .seo--form form label { width: 100%; margin-bottom: 0;}
    .seo--block .seo--social { padding-top: 20px;}
    .containerFooter .containerFooter--menu { gap: 0;}
    .containerFooter .containerFooter--contacts img { width: 180px; }
    .connect-form.wide { width: 90%;}
    .containerView .containerView--content--right .containerPagination { margin-left: 0;}

}

@media screen and (max-width: 960px){
    .containerCatalogue .containerCatalogue--content .containerCatalogue--element { width: 100% !important; }
    .catalogue--item .catalogue--item--images .item--image--right { width: 160px; }
    .catalogue--item .catalogue--item--info p:last-child { padding: 0 !important; }
    .containerMain .containerMain--content--present ul li a { font-size: 15px; }
    .containerView .containerView--content--menu { display: block; margin-bottom: 20px; }
    .containerView .containerView--content--left { width: 100%; display: none; }
    .containerView .containerView--content--right { margin-left: 0; }
    .catalogue--item .catalogue--item--base .item--base { width: 100%; margin-bottom: 20px; }
    .aboutBlock .aboutBlock--description .aboutBlock--imageText { font-size: 33px; }
    .aboutBlock .aboutBlock--description .aboutBlock--imageText span { font-size: 28px; line-height: 36px; }
    .aboutBlock .aboutBlock--description .comentBlock { font-size: 15px; padding: 20px; }
    .catalogue--item .catalogue--item--left.dev .catalogue--item--images { width: 100%; }
    .catalogue--item .catalogue--item--left.dev .catalogue--item--info { margin-left: 0; clear: both; }
    .catalogue--item .catalogue--item--left.dev .catalogue--item--images .item--image--left { width: 100%; }
    .containerView .containerView--content--present .about-company .company--descr,
    .containerView .containerView--content--present .company-management .company-fee { flex-direction: column; gap: 20px;}
    .containerView .containerView--content--present .about-company .company--decisions {flex-direction: column-reverse; gap: 20px; }
    .containerView .containerView--content--present .about-company .company--descr .info,
    .containerView .containerView--content--present .about-company .company--decisions .info,
    .containerView .containerView--content--present .company-management .company-fee div:nth-of-type(1) { width: 100%; }
    .containerView .containerView--content--present .about-company .company--descr .img,
    .containerView .containerView--content--present .company-management .company-fee div:nth-of-type(2) { width: 70%;}
    .containerView .containerView--content--present .about-company .company--decisions .img { display: none; }
    .containerView .containerView--content--present .about-company { margin-bottom: 0; margin-top: 20px; }
    .containerView .containerView--content--present .company-management {  margin: 50px auto 10px;}
    .containerView .containerView--content--present .company-management .services-block { grid-template-columns: repeat(2, 1fr)}
    .containerView .containerView--content--present .company-management .services-block .services-block--item:nth-of-type(7) { grid-column: 1 / span 2; }
    .containerView .containerView--content--present .containerView--content--contacts { flex-direction: column; gap: 0; margin-bottom: 0 }
    .containerView .containerView--content--present .containerView--content--contacts .contact-form h2 { margin-bottom: 35px; }
    .containerView .containerView--content--present .containerView--content--contacts div { width: 100%; margin: auto; }
    .containerView .containerView--content--present .company-management.modified h2 { width: 100%;}
}

@media screen and (max-width: 870px) {
    .containerSearch .containerSearch--content .containerSearch--areas { flex-wrap: wrap;  }
    .containerSearch .containerSearch--content .containerSearch--label.btn { margin-top: 10px;  }
    .containerCatalogue.inside .containerCatalogue--navbar ul { flex-wrap: wrap; justify-content: center; }
    .seo--block .seo--text { padding-inline: 0;}

}

@media screen and (max-width: 768px){
    .containerHeader { height: 110px; padding-block: 29px; }
    .containerSearch { padding-top: 120px;}
    .containerHeader .containerHeader--seo { display: none; }
    .containerHeader--phones { margin-right: 21px; }
    .containerMain .containerMain--left { width: 100%; }
    .containerMain .containerMain--right { width: 100%; }
    .containerApps .containerApps--left { height: 250px; }
    .containerApps .containerApps--left .containerApps--left--image { width: 200px; height: 250px; }
    .containerApps .containerApps--left .containerApps--left--present { margin-left: 200px; padding: 25px; }
    .containerSearch .containerSearch--content .containerSearch--label input.input--search { height: 44px; }
    .containerCatalogue.inside { margin-top: 20px; }
    .containerFooter .containerFooter--menu ul { width: 100%; margin: 0 0 20px 0; }
    .containerApps .containerApps--right .containerApps--right--top .containerApps--right--top--image { width: 160px; }
    .containerApps .containerApps--right .containerApps--right--top .containerApps--right--top--present { margin-left: 160px; }
    .containerApps .containerApps--right .containerApps--right--bottom .containerApps--right--bottom--present { padding: 28px; }
    .containerHeader .containerHeader--logotype {  margin-right: 28px; }
    .containerHeader .containerHeader--logotype .containerHeader--logo img { width: 160px; margin-top: 0; }
    .containerHeader .containerHeader--socials {display: none; }
    .containerTripple { display: block; padding-bottom: 0; }
    .containerTripple .containerTripple--container .containerTripple--over { width: 100%; margin-bottom: 10px; }
    .imageBlock .imageBlock--Element { width: 100%; }
    .containerNews .containerNews--container .containerNews--element {width: 50%;}
    .iconBlock .iconBlock--element { width: 50%;}
    .planBlock .planBlock--element { width: 50%;}
    .seo--block { height: 490px; background-image: url("../img/main-img-xs.jpg"); }
    .seo--block--wrapper { padding: 0; }
    .seo--block .seo--text { padding: 20px 30px;}
    .seo--block .seo--text p { font-size: 13px; line-height: 17px;margin-top: 28px; }
    .containerSearch .containerSearch--content .containerSearch--filters .sorting-links .sorting { padding: 4px 9px;}
}

@media screen and (max-width: 700px) {
    .accordion-slider-title{ opacity: 1; text-align: center; width: 100%; max-width: 100%; }
    .accordion-slider-content { opacity: 1; text-align: center; width: 100%; max-width: 100%; box-sizing: border-box; padding: 0 30px; }
    .site-footer { display: block; }
    .accordion-slider .box { float: none; width: 100%; text-align: center; min-height: 200px; height: 50vh; }
    .accordion-slider .box > .inner { width: 100%; }
    .accordion-slider-title { font-size: 16px; }
    .containerView .containerView--content--present .about-company .company--descr div:nth-of-type(2),
    .containerView .containerView--content--present .company-management .company-fee div:nth-of-type(2)  { width: 100%;}
    .containerView .containerView--content--present .company-management .services-block { grid-template-columns: repeat(1, 1fr)}
    .containerView .containerView--content--present .company-management .services-block .services-block--item:nth-of-type(7) { grid-column: 1 / span 1; }
    .containerView .containerView--content--present .company-management h2 { margin-bottom: 20px; font-size: 30px;}
    .containerView .containerView--content--present .company-management h3 { font-size: 30px;}
    .containerView .containerView--content--present .about-company .company--decisions { margin-top: 20px;}
    .containerCatalogue .containerCatalogue--content,
    .containerCatalogue .containerCatalogue--content.two { grid-template-columns: repeat(1, 1fr) }
    .containerCatalogue .containerCatalogue--element--present .element--present--info--left {  min-height: 50px;}
    .containerFooter { flex-direction: column; justify-content: center; padding-inline: 34px; }
    .containerFooter .containerFooter--menu { width: 100%; margin-bottom: 0; }
    .containerFooter .containerFooter--contacts { width: 100%; margin-bottom: 30px; flex-direction: row; justify-content: center; }
    .catalogue--item { margin-bottom: 30px;}
    .catalogue--item--form form { gap: 15px; }
    .catalogue--item--form .contact-button { width: 25%;}
    .catalogue--item .catalogue--item--images .item--image--thumbs { grid-template-columns: repeat(4, 1fr)}
    .catalogue--item .catalogue--item--images .item--image--left { height: auto;}
    .catalogue--item .catalogue--item--images .item--image--left img { max-height: 400px;}
    .containerSearch .containerSearch--content .containerSearch--filters { flex-direction: column; margin-bottom: 28px;}
    .containerSearch .containerSearch--content .containerSearch--label { width: 100%; }
    .containerSearch .containerSearch--content .containerSearch--label.btn { width: 40%; padding-right: 10px; }
    .containerSearch .containerSearch--content .containerSearch--label.short { width: 50%; }
    .containerSearch .containerSearch--content .containerSearch--label .containerSearch--label--btn { width: 100%; }
    .containerSearch .containerSearch--content .containerSearch--areas { justify-content: space-between; }
    .containerModule { grid-column: 1 / span 1; padding: 0; }
}


@media screen and (max-width: 600px) {
    .containerView .containerView--content--present .containerView--content--contacts .contact-links,
    .containerView .containerView--content--present .containerView--content--contacts .contact-form {  width: 100%; max-width: 500px; box-sizing: border-box; }
    .containerView .containerView--content--present .containerView--content--contacts .contact-form { padding: 30px; border: none; }
    .catalogue--item--form input,
    .catalogue--item--form .contact-button  { width: 100%; }
    .catalogue--item--form form { flex-direction: column; }
    .connect-form { padding: 20px 10px;}
    .seo--block .seo--social { padding-top: 10px;}
    .seo--block .seo--text p { margin-bottom: 0; }
}


@media screen and (max-width: 576px) {
    .containerHeader .containerHeader--languages { margin-left: 0; }
    .containerHeader { height: 95px; padding-block: 21px; }
    .containerCategories--item { padding-bottom: 20px; }
    .catalogue--item .catalogue--item--right .item--right--title h1 { font-size: 30px; line-height: 35px;}
    .containerSearch .containerSearch--content .containerSearch--filters .sorting-links { justify-content: space-between; }
    .containerCatalogue .containerCatalogue--title { font-size: 32px; }
}
/*mcs.fancy.css*/
body.compensate-for-scrollbar { overflow: hidden; }
.fancybox-active { height: auto; }
.fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; }
.fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; }
.fancybox-container * { box-sizing: border-box; }
.fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }
.fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; }
.fancybox-bg { background: rgb(30, 30, 30); opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71); }
.fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22, .61, .36, 1); }
.fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; }
.fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; }
.fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  }
.fancybox-toolbar { right: 0; top: 0; }
.fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; }
.fancybox-is-open .fancybox-stage { overflow: hidden; }
.fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; }
.fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; }
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; }
.fancybox-slide--image { overflow: hidden; padding: 44px 0; }
.fancybox-slide--image::before { display: none; }
.fancybox-slide--html { padding: 6px; }
.fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; }
.fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5, 0, .14, 1);-webkit-backface-visibility: hidden;background: transparent;background-repeat: no-repeat;background-size: 100% 100%;left: 0;max-width: none;overflow: visible;padding: 0;position: absolute;top: 0;-ms-transform-origin: top left;transform-origin: top left;transition-property: transform, opacity;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; z-index: 99995; }
.fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; }
.fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; }
.fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; }
.fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; }
.fancybox-container [data-selectable='true'] { cursor: text; }
.fancybox-image, .fancybox-spaceball {background: transparent;border: 0;height: 100%;left: 0;margin: 0;max-height: none;max-width: none;padding: 0;position: absolute;top: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;width: 100%; }
.fancybox-spaceball { z-index: 1; }
.fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; }
.fancybox-slide--video .fancybox-content { background: #000; }
.fancybox-slide--map .fancybox-content { background: #e5e3df; }
.fancybox-slide--iframe .fancybox-content { background: #fff; }
.fancybox-video, .fancybox-iframe { background: transparent;border: 0;display: block;height: 100%;margin: 0;overflow: hidden;padding: 0;width: 100%; }
.fancybox-iframe { left: 0; position: absolute; top: 0; }
.fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; }
.fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; }
.fancybox-button { background: rgba(30, 30, 30, .6);border: 0;border-radius: 0;box-shadow: none;cursor: pointer;display: inline-block;height: 44px;margin: 0;padding: 10px;position: relative;transition: color .2s;vertical-align: top;visibility: inherit;width: 44px; }
.fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; }
.fancybox-button:hover { color: #fff; }
.fancybox-button:focus { outline: none; }
.fancybox-button.fancybox-focus { outline: 1px dotted; }
.fancybox-button[disabled],
.fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; }
.fancybox-button div { height: 100%; }
.fancybox-button svg { display: block;height: 100%;overflow: visible;position: relative;width: 100%; }
.fancybox-button svg path { fill: currentColor;stroke-width: 0; }
.fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; }
.fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; }
.fancybox-progress { background: #ff5268;height: 2px;left: 0;position: absolute;right: 0;top: 0;-ms-transform: scaleX(0);transform: scaleX(0);-ms-transform-origin: 0;transform-origin: 0;transition-property: transform;transition-timing-function: linear;z-index: 99998; }
.fancybox-close-small { background: transparent;border: 0;border-radius: 0;color: #ccc;cursor: pointer;opacity: .8;padding: 8px;position: absolute;right: -12px;top: -44px;z-index: 401; }
.fancybox-close-small:hover { color: #fff; opacity: 1; }
.fancybox-slide--html .fancybox-close-small { color: currentColor;padding: 10px;right: 0;top: 0; }
.fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; }
.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; }
.fancybox-navigation .fancybox-button { background-clip: content-box;height: 100px;opacity: 0;position: absolute;top: calc(50% - 50px);width: 70px; }
.fancybox-navigation .fancybox-button div { padding: 7px; }
.fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; }
.fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); }
.fancybox-caption {background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%);bottom: 0;color: #eee;font-size: 14px;font-weight: 400;left: 0;line-height: 1.5;padding: 75px 44px 25px 44px;pointer-events: none;right: 0;text-align: center;z-index: 99996; }
@supports (padding: max(0px)) {  .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));}  }
.fancybox-caption--separate { margin-top: -50px; }
.fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; }
.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; }
.fancybox-caption a:hover { color: #fff; text-decoration: underline; }
.fancybox-loading { animation: fancybox-rotate 1s linear infinite;background: transparent;border: 4px solid #888;border-bottom-color: #fff;border-radius: 50%;height: 50px;left: 50%;margin: -25px 0 0 -25px;opacity: .7;padding: 0;position: absolute;top: 50%;width: 50px;z-index: 99999; }
@keyframes fancybox-rotate {  100% { transform: rotate(360deg); } }
.fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1); }
.fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0); }
.fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0); }
.fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translate3d(0, 0, 0); }
.fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1); }
.fancybox-fx-fade.fancybox-slide--current { opacity: 1; }
.fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); }
.fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5, .5, .5); }
.fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1); }
.fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); transform: rotate(-360deg); }
.fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); transform: rotate(360deg); }
.fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0deg); transform: rotate(0deg); }
.fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }
.fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }
.fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }
.fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); }
.fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); }
.fancybox-fx-tube.fancybox-slide--current { transform: translate3d(0, 0, 0) scale(1); }

@media all and (max-height: 576px) {
    .fancybox-slide { padding-left: 6px; padding-right: 6px; }
    .fancybox-slide--image { padding: 6px 0; }
    .fancybox-close-small { right: -6px; }
    .fancybox-slide--image .fancybox-close-small { background: #4e4e4e;color: #f2f4f6;height: 36px;opacity: 1;padding: 6px;right: 0;top: 0;width: 36px; }
    .fancybox-caption { padding-left: 12px; padding-right: 12px; }
    @supports (padding: max(0px)) {
        .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); }
    }
}

.fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; }
.fancybox-share h1 { color: #222;font-size: 35px;font-weight: 700;margin: 0 0 20px 0; }
.fancybox-share p { margin: 0; padding: 0; }
.fancybox-share__button { border: 0;border-radius: 3px;display: inline-block;font-size: 14px;font-weight: 700;line-height: 40px;margin: 0 5px 10px 5px;min-width: 130px;padding: 0 15px;text-decoration: none;transition: all .2s;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;white-space: nowrap; }
.fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; }
.fancybox-share__button:hover { text-decoration: none; }
.fancybox-share__button--fb { background: #3b5998; }
.fancybox-share__button--fb:hover { background: #344e86; }
.fancybox-share__button--pt { background: #bd081d; }
.fancybox-share__button--pt:hover { background: #aa0719; }
.fancybox-share__button--tw { background: #1da1f2; }
.fancybox-share__button--tw:hover { background: #0d95e8; }
.fancybox-share__button svg { height: 25px;margin-right: 7px;position: relative;top: -1px;vertical-align: middle;width: 25px; }
.fancybox-share__button svg path { fill: #fff; }
.fancybox-share__input { background: transparent;border: 0;border-bottom: 1px solid #d7d7d7;border-radius: 0;color: #5d5b5b;font-size: 14px;margin: 10px 0 0 0;outline: none;padding: 10px 15px;width: 100%; }
.fancybox-thumbs { background: #ddd;bottom: 0;display: none;margin: 0;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;padding: 2px 2px 4px 2px;position: absolute;right: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);top: 0;width: 212px;z-index: 99995; }
.fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; }
.fancybox-show-thumbs .fancybox-thumbs { display: block; }
.fancybox-show-thumbs .fancybox-inner { right: 212px; }
.fancybox-thumbs__list { font-size: 0;height: 100%;list-style: none;margin: 0;overflow-x: hidden;overflow-y: auto;padding: 0;position: absolute;position: relative;white-space: nowrap;width: 100%; }
.fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff;border-radius: 10px;box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a;border-radius: 10px; }
.fancybox-thumbs__list a { -webkit-backface-visibility: hidden;backface-visibility: hidden;background-color: rgba(0, 0, 0, .1);background-position: center center;background-repeat: no-repeat;background-size: cover;cursor: pointer;float: left;height: 75px;margin: 2px;max-height: calc(100% - 8px);max-width: calc(50% - 4px);outline: none;overflow: hidden;padding: 0;position: relative;-webkit-tap-highlight-color: transparent;width: 100px; }
.fancybox-thumbs__list a::before {border: 6px solid #ff5268;bottom: 0;content: '';left: 0;opacity: 0;position: absolute;right: 0;top: 0;transition: all .2s cubic-bezier(.25, .46, .45, .94);z-index: 99991; }
.fancybox-thumbs__list a:focus::before { opacity: .5; }
.fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; }

@media all and (max-width: 576px) {
    .fancybox-thumbs { width: 110px; }
    .fancybox-show-thumbs .fancybox-inner { right: 110px; }
    .fancybox-thumbs__list a { max-width: calc(100% - 10px); }
}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}