/* Start:/local/templates/diart/css/main.css?1784086834142375*/ @font-face { font-family: Gilroy; src: url(/local/templates/diart/css/../fonts/Gilroy-Bold.eot); src: url(/local/templates/diart/css/../fonts/Gilroy-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/diart/css/../fonts/Gilroy-Bold.woff2) format("woff2"), url(/local/templates/diart/css/../fonts/Gilroy-Bold.woff) format("woff"), url(/local/templates/diart/css/../fonts/Gilroy-Bold.ttf) format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: Gilroy; src: url(/local/templates/diart/css/../fonts/Gilroy-ExtraBold.eot); src: url(/local/templates/diart/css/../fonts/Gilroy-ExtraBold.eot?#iefix) format("embedded-opentype"), url(/local/templates/diart/css/../fonts/Gilroy-ExtraBold.woff2) format("woff2"), url(/local/templates/diart/css/../fonts/Gilroy-ExtraBold.woff) format("woff"), url(/local/templates/diart/css/../fonts/Gilroy-ExtraBold.ttf) format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: Gilroy; src: url(/local/templates/diart/css/../fonts/Gilroy-BlackItalic.eot); src: url(/local/templates/diart/css/../fonts/Gilroy-BlackItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/diart/css/../fonts/Gilroy-BlackItalic.woff2) format("woff2"), url(/local/templates/diart/css/../fonts/Gilroy-BlackItalic.woff) format("woff"), url(/local/templates/diart/css/../fonts/Gilroy-BlackItalic.ttf) format("truetype"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: Gilroy; src: url(/local/templates/diart/css/../fonts/Gilroy-Black.eot); src: url(/local/templates/diart/css/../fonts/Gilroy-Black.eot?#iefix) format("embedded-opentype"), url(/local/templates/diart/css/../fonts/Gilroy-Black.woff2) format("woff2"), url(/local/templates/diart/css/../fonts/Gilroy-Black.woff) format("woff"), url(/local/templates/diart/css/../fonts/Gilroy-Black.ttf) format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: Gilroy; src: url(/local/templates/diart/css/../fonts/Gilroy-BoldItalic.eot); src: url(/local/templates/diart/css/../fonts/Gilroy-BoldItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/diart/css/../fonts/Gilroy-BoldItalic.woff2) format("woff2"), url(/local/templates/diart/css/../fonts/Gilroy-BoldItalic.woff) format("woff"), url(/local/templates/diart/css/../fonts/Gilroy-BoldItalic.ttf) format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: Gilroy; src: url(/local/templates/diart/css/../fonts/Gilroy-HeavyItalic.eot); src: url(/local/templates/diart/css/../fonts/Gilroy-HeavyItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/diart/css/../fonts/Gilroy-HeavyItalic.woff2) format("woff2"), url(/local/templates/diart/css/../fonts/Gilroy-HeavyItalic.woff) format("woff"), url(/local/templates/diart/css/../fonts/Gilroy-HeavyItalic.ttf) format("truetype"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: Gilroy; src: url(/local/templates/diart/css/../fonts/Gilroy-Light.eot); src: url(/local/templates/diart/css/../fonts/Gilroy-Light.eot?#iefix) format("embedded-opentype"), url(/local/templates/diart/css/../fonts/Gilroy-Light.woff2) format("woff2"), url(/local/templates/diart/css/../fonts/Gilroy-Light.woff) format("woff"), url(/local/templates/diart/css/../fonts/Gilroy-Light.ttf) format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: Gilroy; src: url(/local/templates/diart/css/../fonts/Gilroy-Heavy.eot); src: url(/local/templates/diart/css/../fonts/Gilroy-Heavy.eot?#iefix) format("embedded-opentype"), url(/local/templates/diart/css/../fonts/Gilroy-Heavy.woff2) format("woff2"), url(/local/templates/diart/css/../fonts/Gilroy-Heavy.woff) format("woff"), url(/local/templates/diart/css/../fonts/Gilroy-Heavy.ttf) format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: Gilroy; src: url(/local/templates/diart/css/../fonts/Gilroy-ExtraBoldItalic.eot); src: url(/local/templates/diart/css/../fonts/Gilroy-ExtraBoldItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/diart/css/../fonts/Gilroy-ExtraBoldItalic.woff2) format("woff2"), url(/local/templates/diart/css/../fonts/Gilroy-ExtraBoldItalic.woff) format("woff"), url(/local/templates/diart/css/../fonts/Gilroy-ExtraBoldItalic.ttf) format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: Gilroy; src: url(/local/templates/diart/css/../fonts/Gilroy-Regular.eot); src: url(/local/templates/diart/css/../fonts/Gilroy-Regular.eot?#iefix) format("embedded-opentype"), url(/local/templates/diart/css/../fonts/Gilroy-Regular.woff2) format("woff2"), url(/local/templates/diart/css/../fonts/Gilroy-Regular.woff) format("woff"), url(/local/templates/diart/css/../fonts/Gilroy-Regular.ttf) format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Gilroy; src: url(/local/templates/diart/css/../fonts/Gilroy-Medium.eot); src: url(/local/templates/diart/css/../fonts/Gilroy-Medium.eot?#iefix) format("embedded-opentype"), url(/local/templates/diart/css/../fonts/Gilroy-Medium.woff2) format("woff2"), url(/local/templates/diart/css/../fonts/Gilroy-Medium.woff) format("woff"), url(/local/templates/diart/css/../fonts/Gilroy-Medium.ttf) format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: Gilroy; src: url(/local/templates/diart/css/../fonts/Gilroy-LightItalic.eot); src: url(/local/templates/diart/css/../fonts/Gilroy-LightItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/diart/css/../fonts/Gilroy-LightItalic.woff2) format("woff2"), url(/local/templates/diart/css/../fonts/Gilroy-LightItalic.woff) format("woff"), url(/local/templates/diart/css/../fonts/Gilroy-LightItalic.ttf) format("truetype"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: Gilroy; src: url(/local/templates/diart/css/../fonts/Gilroy-MediumItalic.eot); src: url(/local/templates/diart/css/../fonts/Gilroy-MediumItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/diart/css/../fonts/Gilroy-MediumItalic.woff2) format("woff2"), url(/local/templates/diart/css/../fonts/Gilroy-MediumItalic.woff) format("woff"), url(/local/templates/diart/css/../fonts/Gilroy-MediumItalic.ttf) format("truetype"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: Gilroy; src: url(/local/templates/diart/css/../fonts/Gilroy-SemiBold.eot); src: url(/local/templates/diart/css/../fonts/Gilroy-SemiBold.eot?#iefix) format("embedded-opentype"), url(/local/templates/diart/css/../fonts/Gilroy-SemiBold.woff2) format("woff2"), url(/local/templates/diart/css/../fonts/Gilroy-SemiBold.woff) format("woff"), url(/local/templates/diart/css/../fonts/Gilroy-SemiBold.ttf) format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: Gilroy; src: url(/local/templates/diart/css/../fonts/Gilroy-RegularItalic.eot); src: url(/local/templates/diart/css/../fonts/Gilroy-RegularItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/diart/css/../fonts/Gilroy-RegularItalic.woff2) format("woff2"), url(/local/templates/diart/css/../fonts/Gilroy-RegularItalic.woff) format("woff"), url(/local/templates/diart/css/../fonts/Gilroy-RegularItalic.ttf) format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: Gilroy; src: url(/local/templates/diart/css/../fonts/Gilroy-SemiBoldItalic.eot); src: url(/local/templates/diart/css/../fonts/Gilroy-SemiBoldItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/diart/css/../fonts/Gilroy-SemiBoldItalic.woff2) format("woff2"), url(/local/templates/diart/css/../fonts/Gilroy-SemiBoldItalic.woff) format("woff"), url(/local/templates/diart/css/../fonts/Gilroy-SemiBoldItalic.ttf) format("truetype"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: Gilroy; src: url(/local/templates/diart/css/../fonts/Gilroy-UltraLight.eot); src: url(/local/templates/diart/css/../fonts/Gilroy-UltraLight.eot?#iefix) format("embedded-opentype"), url(/local/templates/diart/css/../fonts/Gilroy-UltraLight.woff2) format("woff2"), url(/local/templates/diart/css/../fonts/Gilroy-UltraLight.woff) format("woff"), url(/local/templates/diart/css/../fonts/Gilroy-UltraLight.ttf) format("truetype"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: Gilroy; src: url(/local/templates/diart/css/../fonts/Gilroy-Thin.eot); src: url(/local/templates/diart/css/../fonts/Gilroy-Thin.eot?#iefix) format("embedded-opentype"), url(/local/templates/diart/css/../fonts/Gilroy-Thin.woff2) format("woff2"), url(/local/templates/diart/css/../fonts/Gilroy-Thin.woff) format("woff"), url(/local/templates/diart/css/../fonts/Gilroy-Thin.ttf) format("truetype"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: Gilroy; src: url(/local/templates/diart/css/../fonts/Gilroy-UltraLightItalic.eot); src: url(/local/templates/diart/css/../fonts/Gilroy-UltraLightItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/diart/css/../fonts/Gilroy-UltraLightItalic.woff2) format("woff2"), url(/local/templates/diart/css/../fonts/Gilroy-UltraLightItalic.woff) format("woff"), url(/local/templates/diart/css/../fonts/Gilroy-UltraLightItalic.ttf) format("truetype"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: Gilroy; src: url(/local/templates/diart/css/../fonts/Gilroy-ThinItalic.eot); src: url(/local/templates/diart/css/../fonts/Gilroy-ThinItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/diart/css/../fonts/Gilroy-ThinItalic.woff2) format("woff2"), url(/local/templates/diart/css/../fonts/Gilroy-ThinItalic.woff) format("woff"), url(/local/templates/diart/css/../fonts/Gilroy-ThinItalic.ttf) format("truetype"); font-weight: 100; font-style: italic; font-display: swap; } * { position: relative; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a, button, span { display: inline-block; } input, textarea { display: block; width: 100%; } table { width: 100%; border-collapse: collapse; } a { background-color: transparent; text-decoration: none; } img { border: none; max-width: 100%; height: auto; } a, button { outline: 0; cursor: pointer; } li { list-style: none; } button { background: 0 0; border: none; } a, button, input, textarea { color: #000; font-weight: inherit; -webkit-appearance: none; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } textarea { resize: none; outline: 0; border: none; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: 0 0; } input { outline: 0; border: none; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: 0 0; } input[type=number] { -moz-appearance: textfield; } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { -webkit-appearance: none; } input[type=submit] { cursor: pointer; -webkit-appearance: none; display: inline-block; } input[type=search]::-webkit-search-cancel-button { background: 0 0; display: none; } .text-align-left { text-align: left; } .text-align-center { text-align: center; } .text-align-right { text-align: right; } .full-img img { width: 100%; } figure { text-align: center; margin-bottom: 30px; margin-top: 5px; font-size: .75em; opacity: .8; } [hidden] { display: none !important; } .img-full { width: 100%; } .clearfix:after { content: ''; clear: both; display: block; } .swiper-notification { display: none; } h1, .h1 { font-weight: 600; font-style: normal; margin: 0; font-size: 42px; line-height: 37px; margin-bottom: 30px; } @media (max-width: 991px) { h1, .h1 { font-size: 36px; } } @media (max-width: 767px) { h1, .h1 { font-size: 26px; margin-bottom: 20px; line-height: 30px; } } h2, .h2 { margin: 0; font-size: 36px; line-height: 40px; font-weight: 600; } @media (max-width: 991px) { h2, .h2 { font-size: 30px; line-height: 38px; } } @media (max-width: 767px) { h2, .h2 { font-size: 24px; line-height: 28px; } } h3, .h3 { margin: 0; font-size: 20px; font-weight: 600; line-height: 22px; } @media (max-width: 991px) { h3, .h3 { font-size: 18px; } } @media (max-width: 767px) { h3, .h3 { font-size: 16px; line-height: 20px; } } h4, .h4 { margin: 0; } h5, .h5 { margin: 0; } h6, .h6 { margin: 0; } .wrapper { padding-top: 80px; } @media (max-width: 991px) { .wrapper { padding-top: 67px; } } * a, span, :after, :before, input, label, textarea { -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; } body { font-family: 'Gilroy'; color: #393e41; font-style: normal; font-weight: 400; //background: #fefefe; font-size: 16px; } @media (max-width: 735px) { body { font-size: 14px; } } .wrapper { width: 100%; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; } header { width: 100%; } main { -webkit-box-flex: 1; -webkit-flex: auto; -moz-box-flex: 1; -ms-flex: auto; flex: auto; display: block; } /*main::after { content: ""; background: url("/diart-bg.png") repeat-y center center; background-size: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.5; z-index: 1; }*/ footer { margin: auto auto 0 auto; width: 100%; } .container, .container-fluid { width: 100%; margin: 0 auto; padding: 0 60px; z-index: 2; } @media (max-width: 1139px) { .container, .container-fluid { padding: 0 40px; } } @media (max-width: 991px) { .container, .container-fluid { padding: 0 20px; } } @media (max-width: 767px) { .container, .container-fluid { padding: 0 15px; } } .container { max-width: 1290px; } .container-fluid { max-width: 1920px; } .btn-row { text-align: center; } .btn-row .btn { margin: 10px; } .column { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -20px; } .column .column-2 { width: 50%; padding: 10px 20px; } .column .column-3 { max-width: 320px; width: 33.3%; padding: 20px; } .fancybox-navigation { position: static; } .swiper-button { outline: none; } .swiper-button.swiper-button-prev { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } .swiper-button:before, .swiper-button:after { display: none; } .swiper-pagination { position: absolute; width: 100%; text-align: center; margin-top: 50px; } .swiper-pagination .swiper-pagination-bullet { opacity: 1; outline: none; } input::-webkit-input-placeholder { color: #000; } input::-moz-placeholder { color: #000; } input:-moz-placeholder { color: #000; } input:-ms-input-placeholder { color: #000; } textarea::-webkit-input-placeholder { color: #000; } textarea::-moz-placeholder { color: #000; } textarea:-moz-placeholder { color: #000; } textarea:-ms-input-placeholder { color: #000; } input:focus::-webkit-input-placeholder { color: transparent; -webkit-transition: all .5s ease; transition: all .5s ease; } input:focus::-moz-placeholder { color: transparent; -moz-transition: all .5s ease; transition: all .5s ease; } input:focus:-moz-placeholder { color: transparent; -moz-transition: all .5s ease; transition: all .5s ease; } input:focus:-ms-input-placeholder { color: transparent; -ms-transition: all .5s ease; transition: all .5s ease; } textarea:focus::-webkit-input-placeholder { color: transparent; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } textarea:focus::-moz-placeholder { color: transparent; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } textarea:focus:-moz-placeholder { color: transparent; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } textarea:focus:-ms-input-placeholder { color: transparent; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; } /*modal*/ .fancybox-bg { background-color: black; } .fancybox-is-open .fancybox-bg { opacity: 0.702; } .modal { display: none; max-width: 100%; overflow: visible; width: 500px; padding: 65px 70px 60px 70px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: white; } .modal-title { font-size: 20px; font-weight: 600; text-align: center; padding: 0 20px; margin-bottom: 26px; } .modal .btn { width: 100%; margin-bottom: 20px; } .modal p { margin-bottom: 30px; text-align: center; padding: 0 30px; } .fancybox-slide--html .fancybox-close-small { top: 4px; color: #c0c5c8; right: 4px; } .fancybox-slide--html .fancybox-close-small:hover { color: #000; } .form-label { position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; visibility: hidden; color: #f16868; font-size: 14px; } .form-item { display: block; margin-bottom: 20px; } .form-item.invalid .form-control { border-width: 1px; border-color: #ebebeb; border-style: solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: white; -webkit-box-shadow: 0 0px 7px 0 rgba(241, 104, 104, 0.64); -moz-box-shadow: 0 0px 7px 0 rgba(241, 104, 104, 0.64); box-shadow: 0 0px 7px 0 rgba(241, 104, 104, 0.64); -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; color: #79858c; } .form-item.invalid .form-control::-webkit-input-placeholder { opacity: 0; } .form-item.invalid .form-control:-moz-placeholder { opacity: 0; } .form-item.invalid .form-control::-moz-placeholder { opacity: 0; } .form-item.invalid .form-control:-ms-input-placeholder { opacity: 0; } .form-item.invalid .form-control::-ms-input-placeholder { opacity: 0; } .form-item.invalid .form-control::placeholder { opacity: 0; } .form-item.invalid .form-control::-webkit-input-placeholder { color: #79858c; } .form-item.invalid .form-control:-moz-placeholder { color: #79858c; } .form-item.invalid .form-control::-moz-placeholder { color: #79858c; } .form-item.invalid .form-control:-ms-input-placeholder { color: #79858c; } .form-item.invalid .form-control::-ms-input-placeholder { color: #79858c; } .form-item.invalid .form-control::placeholder { color: #79858c; } .form-item.invalid .form-label { opacity: 1; visibility: visible; } .modal-note { font-size: 14px; padding: 0 20px; text-align: center; color: #b0b6ba; } .form-control { height: 50px; padding: 10px 20px; font-size: 14px; color: #79858c; border-width: 1px; border-color: #ebebeb; border-style: solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: white; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; } @media (max-width: 767px) { .modal { padding: 45px 15px; } .modal-note { padding: 0 4px; } } .header__tel .icon { display: inline-block; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor; } .header { position: absolute; left: 0; top: 0; width: 100%; z-index: 10; background-color: white; -webkit-box-shadow: 0 2px 10px 0 rgba(38, 38, 38, 0.1); -moz-box-shadow: 0 2px 10px 0 rgba(38, 38, 38, 0.1); box-shadow: 0 2px 10px 0 rgba(38, 38, 38, 0.1); } .header .container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .header__logo { height: 30px; width: 150px; } .header__logo img { max-width: 100%; max-height: 100%; } .header .wrap-nav { margin: 0 auto; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 0 10px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header .menu { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .header .menu-item { margin-right: 58px; } .header .menu-item:last-child { margin-right: 0; } .header .menu-item a { color: #393e41; font-size: 16px; padding: 31px 0; } .header .menu-item a:after { content: ''; display: block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 0; bottom: 0; height: 0; opacity: 0; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; background: #69d84e; } .header .menu-item a:hover:after { opacity: 1; height: 2px; width: 100%; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; } .header__contacts { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .header__tel { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; color: #393e41; font-weight: bold; font-size: 16px; } .header__tel span { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 28px; margin-right: 10px; color: #393e41; } .header__tel:hover { color: #393e4182; } .header__callback { color: #393e41; font-size: 14px; margin-top: -10px; } .header__callback:hover { color: #393e4182; } .header__callback span { display: none; } .open-nav { width: 35px; height: 35px; bottom: 25px; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .open-nav .line { display: block; width: 100%; height: 3px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #393e41; margin-bottom: 6px; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; } .open-nav .line:last-child { margin-bottom: 0; } .open-nav.active .line { -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; } .open-nav.active .line:nth-child(2) { -webkit-transform: translateX(-200%); -moz-transform: translateX(-200%); -ms-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); } .open-nav.active .line:first-child { -webkit-transform: translateX(-1px) translateY(9px) rotate(45deg); -moz-transform: translateX(-1px) translateY(9px) rotate(45deg); -ms-transform: translateX(-1px) translateY(9px) rotate(45deg); -o-transform: translateX(-1px) translateY(9px) rotate(45deg); transform: translateX(-1px) translateY(9px) rotate(45deg); } .open-nav.active .line:last-child { -webkit-transform: translateX(-1px) translateY(-8px) rotate(-45deg); -moz-transform: translateX(-1px) translateY(-8px) rotate(-45deg); -ms-transform: translateX(-1px) translateY(-8px) rotate(-45deg); -o-transform: translateX(-1px) translateY(-8px) rotate(-45deg); transform: translateX(-1px) translateY(-8px) rotate(-45deg); } @media (max-width: 1139px) { .header .menu-item { margin-right: 20px; } } @media (max-width: 991px) { .open-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .header__logo { width: 130px; height: 25px; } .header { padding: 13.5px 0; position: fixed; z-index: 30; } .header__logo { margin: 0 auto; } .header .wrap-nav { position: fixed; left: 0; top: 67px; width: 100%; padding: 40px 20px; z-index: 2; background-color: white; border-top: 1px solid #dadada; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; } .header .wrap-nav.open { opacity: 1; visibility: visible; pointer-events: auto; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; } .header .menu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header .menu-item { margin-right: 0; margin-bottom: 20px; } .header .menu-item a { padding: 0 0 2px 0; } .header .menu-item:last-child { margin-bottom: 0; } .header__tel { display: none; } .header__callback { font-size: 0; margin-top: 0; } .header__callback span { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 23px; color: #ffffff; width: 40px; height: 40px; padding: 7px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} } .footer { padding: 60px 0; background-color: #393e41; color: #ffffff; } .footer__top { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 75px; } .footer__logo { width: 230px; height: 45px; text-align: center; margin: 0 auto; display: block; } .footer__logo img { max-width: 100%; max-height: 100%; } .footer .wrap-nav { width: 300px;} .footer .menu { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .footer .menu-item { margin-right: 95px; } .footer .menu-item:last-child { margin-right: 0; } .footer .menu-item a { color: #fefefe; } .footer .menu-item a:hover { color: #69d84e; } .footer__btm { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__note { color: #fefefe; width: 235px; font-size: 14px; } .footer__note span { color: #fefefe; } .footer__socials { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .footer__socials a { margin: 0 7px; width: 35px; height: 35px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer__socials a:hover { opacity: .5; } .footer__socials a svg { width: 100%; height: 100%; } .footer__contacts { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; font-size: 14px; width: 235px;} .footer__tel { margin-bottom: 5px; color: #fefefe; } .footer__tel:hover { color: #69d84e; } .footer__callback { color: #69d84e; border-bottom: 1px solid #69d84e; } .footer__callback:hover { color: #fefefe; border-bottom: 1px solid #fefefe; } @media (max-width: 991px) { .footer { padding: 40px 0; } .footer__logo { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0 auto 30px auto; width: 100%; height: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer__logo span { width: 150px; height: 30px; } .footer__top { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 30px; } .footer .wrap-nav { max-width: 100%; } .footer .wrap-nav:nth-child(1) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 50%; padding-right: 10px; } .footer .wrap-nav:nth-child(3) { padding-left: 10px; -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 50%; } .footer .menu { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .footer .menu-item { margin-right: 20px; } } @media (max-width: 767px) { .footer__btm { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .footer__note { width: 100%; -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; font-size: 12px; } .footer__socials { width: 100%; -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-bottom: 24px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer__contacts { text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 25px; } } @media (max-width: 567px) { .footer .menu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .footer .menu-item { margin-right: 0; margin-bottom: 18px; } .footer .menu-item:last-child { margin-bottom: 0; } } .homescreen { height: -webkit-calc(100vh - 80px); height: -moz-calc(100vh - 80px); height: calc(100vh - 80px); margin-bottom: 30px; } .homescreen__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .homescreen__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .homescreen__text { padding: 240px 0 0 0; text-align: center; } .homescreen__text p { font-size: 22px; margin-bottom: 25px; } .homescreen .loxone { position: absolute; bottom: 17%; right: 3%; } .homescreen .loxone .logo { margin-bottom: 5px; } .homescreen .logo img { height: 23px; width: auto; } .homescreen .loxone .certificate a { z-index: 2; } .homescreen .certificate img { height: 120px; width: auto; /*box-shadow: 0 5px 10px rgba(50,50,50,0.2);*/ } .solutions-wrapper { position: relative; background-repeat: no-repeat; background-position: center; background-size: contain; max-width: 1600px; margin-left: auto; margin-right: auto; } .des { height: 27%; width: 23%; background: #3a3c42; color: white; padding: 15px 15px; border-radius: 16px; left: 5.2%; top: 4%; z-index: 1; position: absolute; display: none; transition: 0.2s ease; } .desc-name { margin-bottom: 10px; font-size: 18px; } .des hr { width: 40px; margin-bottom: 10px; } .detail-desc { font-size: 15px; } .sol-bgr { padding-bottom: 65px; } .sol-icon { position: absolute; width: 34px; height: 34px; cursor: pointer; opacity: 0.8; background-size: contain; background-position: center; background-repeat: no-repeat; transition: transform 0.2s ease; transform-origin: center; } .icon-active { transform: scale(1.4); opacity: 0.95; } @media screen and (max-width: 1400px) { .desc-name { margin-bottom: 5px; font-size: 15px; } .des hr { width: 40px; margin-bottom: 5px; } .detail-desc { font-size: 13px; } } @media screen and (max-width: 991px) { .sol-icon { width: 20px; height: 20px; } .sol-bgr { padding-bottom: 50px; } .des { height: 115px; width: 80%; padding: 10px 15px; border-radius: 12px; top: auto; bottom: -40px; z-index: 1; position: absolute; transition: 0.2s ease; left: 50%; transform: translate(-50%, 0); } } @media screen and (max-width: 575px) { .sol-bgr { padding-bottom: 25px; } .des { height: 95px; bottom: -55px; } } #icon-1 { background-image: url("/local/templates/diart/img/solutions/items/3.png"); bottom: 34%; left: 13%; } #icon-2 { background-image: url("/local/templates/diart/img/solutions/items/5.png"); bottom: 38%; left: 6.5%; } #icon-3 { background-image: url("/local/templates/diart/img/solutions/items/2.png"); bottom: 46%; left: 15%; } #icon-4 { background-image: url("/local/templates/diart/img/solutions/items/11.png"); bottom: 39%; left: 21.4%; } #icon-5 { background-image: url("/local/templates/diart/img/solutions/items/16.png"); bottom: 23.1%; left: 23.3%; } #icon-6 { background-image: url("/local/templates/diart/img/solutions/items/17.png"); bottom: 28.7%; left: 25.3%; } #icon-7 { background-image: url("/local/templates/diart/img/solutions/items/12.png"); bottom: 43%; left: 26.5%; } #icon-8 { background-image: url("/local/templates/diart/img/solutions/items/13.png"); bottom: 48%; left: 30.5%; } #icon-9 { background-image: url("/local/templates/diart/img/solutions/items/15.png"); bottom: 42%; left: 34%; } #icon-10 { background-image: url("/local/templates/diart/img/solutions/items/21.png"); bottom: 66.1%; left: 30.7%; } #icon-11 { background-image: url("/local/templates/diart/img/solutions/items/40.png"); bottom: 74%; left: 33.5%; } #icon-12 { background-image: url("/local/templates/diart/img/solutions/items/31.png"); bottom: 70%; left: 38.7%; } #icon-13 { background-image: url("/local/templates/diart/img/solutions/items/4.png"); bottom: 34%; left: 36%; } #icon-14 { background-image: url("/local/templates/diart/img/solutions/items/14.png"); bottom: 40.4%; left: 38%; } #icon-15 { background-image: url("/local/templates/diart/img/solutions/items/18.png"); bottom: 48%; left: 42%; } #icon-16 { background-image: url("/local/templates/diart/img/solutions/items/27.png"); bottom: 41%; left: 48%; } #icon-17 { background-image: url("/local/templates/diart/img/solutions/items/7.png"); bottom: 67.3%; left: 41.6%; } #icon-18 { background-image: url("/local/templates/diart/img/solutions/items/17.png"); bottom: 68%; left: 47%; } #icon-19 { background-image: url("/local/templates/diart/img/solutions/items/10.png"); bottom: 35%; left: 45%; } #icon-20 { background-image: url("/local/templates/diart/img/solutions/items/19.png"); bottom: 29.3%; left: 44.9%; } #icon-21 { background-image: url("/local/templates/diart/img/solutions/items/10.png"); bottom: 23%; left: 47%; } #icon-22 { background-image: url("/local/templates/diart/img/solutions/items/1.png"); bottom: 31%; left: 50%; } #icon-23 { background-image: url("/local/templates/diart/img/solutions/items/9.png"); bottom: 26%; left: 60%; } #icon-24 { background-image: url("/local/templates/diart/img/solutions/items/3.png"); bottom: 64%; left: 51.5%; } #icon-25 { background-image: url("/local/templates/diart/img/solutions/items/29.png"); bottom: 86%; left: 53.5%; } #icon-26 { background-image: url("/local/templates/diart/img/solutions/items/1.png"); bottom: 36%; left: 65%; } #icon-27 { background-image: url("/local/templates/diart/img/solutions/items/16.png"); bottom: 51%; left: 61%; } #icon-28 { background-image: url("/local/templates/diart/img/solutions/items/32.png"); bottom: 59%; left: 57%; } #icon-29 { background-image: url("/local/templates/diart/img/solutions/items/30.png"); bottom: 80%; left: 57%; } #icon-30 { background-image: url("/local/templates/diart/img/solutions/items/17.png"); bottom: 68%; left: 58.8%; } #icon-31 { background-image: url("/local/templates/diart/img/solutions/items/18.png"); bottom: 47%; left: 56%; } #icon-32 { background-image: url("/local/templates/diart/img/solutions/items/8.png"); bottom: 41%; left: 60%; } #icon-33 { background-image: url("/local/templates/diart/img/solutions/items/11.png"); bottom: 63%; left: 61.5%; } #icon-34 { background-image: url("/local/templates/diart/img/solutions/items/7.png"); bottom: 60%; left: 52%; } #icon-35 { background-image: url("/local/templates/diart/img/solutions/items/28.png"); bottom: 72%; left: 57%; } #icon-36 { background-image: url("/local/templates/diart/img/solutions/items/20.png"); bottom: 80%; left: 64%; } #icon-37 { background-image: url("/local/templates/diart/img/solutions/items/14.png"); bottom: 45%; left: 65%; } #icon-38 { background-image: url("/local/templates/diart/img/solutions/items/25.png"); bottom: 72%; left: 72%; } #icon-39{ background-image: url("/local/templates/diart/img/solutions/items/6.png"); bottom: 48%; left: 72%; } #icon-40 { background-image: url("/local/templates/diart/img/solutions/items/24.png"); bottom: 85%; left: 70%; } #icon-41 { background-image: url("/local/templates/diart/img/solutions/items/22.png"); bottom: 41%; left: 78%; } #icon-42 { background-image: url("/local/templates/diart/img/solutions/items/19.png"); bottom: 29%; left: 80%; } #icon-43 { background-image: url("/local/templates/diart/img/solutions/items/23.png"); bottom: 44%; left: 84%; } #icon-44 { background-image: url("/local/templates/diart/img/solutions/items/41.png"); bottom: 33%; left: 90%; } @media screen and (max-width: 1200px) { .sol-icon { width: 25px; height: 25px; } .line { top: 20px; } .description { width: 134px; } .description .item-name { padding: 5px; font-size: 15px; } } @media screen and (max-width: 575px) { .sol-icon { width: 12px; height: 12px; } } .solutions { margin-bottom: 80px; } .solutions .page-heading p { font-size: 22px; } .solutions__img { text-align: center; } .solutions__img img { width: 100%; } .solutions__mobile { display: none; } .solutions__block { padding: 10px 0 0 10px; width: 190px; position: absolute; top: -50px; top: -250px; left: 25px; } .solutions__item { position: absolute; } .solutions__item.solutions__item-img { width: 50px; height: 50px; background: #ffffff; padding: 2px 2px 2px 5px; } .solutions__item:first-child { bottom: 57%; left: 28% } .solutions__item:nth-child(2) { bottom: 47%; left: 34.5%; } .solutions__item:nth-child(3) { bottom: 45%; left: 45%; } .solutions__item:nth-child(4) { bottom: 71.5%; left: 51.5%; } .solutions__item:nth-child(5) { bottom: 47.6%; left: 69.9%;} .solutions__item:nth-child(6) { bottom: 68%; left: 72%; } .solutions__item:nth-child(7) { bottom: 27.6%; left: 6.3%; } .solutions__item:nth-child(8) { bottom: 35%; left: 10.5%; } .solutions__item:nth-child(9) { bottom: 43.4%; left: 7.3%; } .solutions__item:nth-child(10) { bottom: 24%; left: 13%; } .solutions__item:nth-child(11) { left: 18%; top: 61%; } .solutions__item:nth-child(12) { left: 21%; bottom: 25%; } .solutions__item:nth-child(13) { left: 21%; bottom: 15%; } .solutions__item:nth-child(14) { bottom: 25.5%; left: 25%; } .solutions__item:nth-child(15) { bottom: 38.5%; left: 36.5%; } .solutions__item:nth-child(16) { bottom: 12%; left: 36%; } .solutions__item:nth-child(17) { bottom: 25%; left: 39.5%; } .solutions__item:nth-child(18) { bottom: 35.8%; left: 40.5%; } .solutions__item:nth-child(19) { bottom: 29.3%; left: 44.3%; } .solutions__item:nth-child(20) { bottom: 29.7%; left: 50%; } .solutions__item:nth-child(21) { bottom: 38.5%; left: 55.6%; } .solutions__item:nth-child(22) { bottom: 39.5%; left: 63.6%; } .solutions__item:nth-child(23) { bottom: 30%; left: 65.9%; } .solutions__item:nth-child(24) { bottom: 38.3%; left: 68.1%; } .solutions__item:nth-child(25) { bottom: 38%; left: 72.5%; } .solutions__item:nth-child(26) { bottom: 29.3%; left: 74.1%; } .solutions__item:nth-child(27) { bottom: 37%; left: 79.2%; } .solutions__item:nth-child(28) { bottom: 17.5%; left: 81.5%; } .solutions__content { min-width: 240px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: block; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 30px 30px 40px;} .solutions__icon { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 3px;} .solutions__text p { font-size: 17px; line-height: 22px; color: #fff; } .solutions__title { color: #69d84e; font-size: 20px; font-weight: 600; margin-bottom: 15px; margin-top: 15px;} .solutions__caption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .page-heading p { font-size: 22px; } .possibilities { -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin-bottom: 170px; } .possibilities__heading { text-align: center; max-width: 640px; margin: 0 auto 55px auto; } .possibilities__heading .h2 { margin-bottom: 20px; } .possibilities__heading p { font-size: 22px; } .possibilities__wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -15px -25px; } .possibilities__item { width: -webkit-calc(50% - 50px); width: -moz-calc(50% - 50px); width: calc(50% - 50px); margin: 15px 25px; padding: 25px 20px 35px 30px; min-height: 250px; overflow: hidden; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: white; -webkit-box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); -moz-box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); } .possibilities__bg { position: absolute; right: 0; top: 0; bottom: 0; width: 300px; z-index: 1; } .possibilities__bg img { width: 100%; height: 100%; } .possibilities__bg:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: white; background: -webkit-gradient(linear, left top, right top, from(white), color-stop(25%, rgba(255, 255, 255, 0.516141)), color-stop(49%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.516141) 25%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.516141) 25%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.516141) 25%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0.516141) 25%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 0) 100%); } .possibilities__title { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .possibilities__title .h3 { width: -webkit-calc(100% - 65px); width: -moz-calc(100% - 65px); width: calc(100% - 65px); max-width: 200px; } .possibilities__text { z-index: 2; max-width: 335px; } .possibilities__text p { line-height: 20px; } .possibilities__icon { width: 50px; height: 50px; margin-right: 15px; } .possibility__item { min-height: 640px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: white; -webkit-box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); -moz-box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); overflow: hidden; } @media(min-width: 768px) { .possibility__item { max-height: 640px; } } .possibility__img { width: 50%; } .possibility__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .possibility__text { width: 50%; padding: 30px 30px 24px 34px; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; } .possibility__text::-webkit-scrollbar { display: none; } .owl-carousel .owl-item img { border-radius: 12px; } .possibility__text .faq-item { margin-bottom: 23px; } .possibility__text .faq-item.is_open .question span { border: 1px solid #69d84e; } .possibility__text .faq-item.is_open .question span:before { top: 58%; -webkit-transform: translate(-50%, -50%) rotate(225deg); -moz-transform: translate(-50%, -50%) rotate(225deg); -ms-transform: translate(-50%, -50%) rotate(225deg); -o-transform: translate(-50%, -50%) rotate(225deg); transform: translate(-50%, -50%) rotate(225deg); border-bottom: 1px solid #69d84e; border-right: 1px solid #69d84e; } .possibility__text .answer { margin-top: 12px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; line-height: 20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .possibility__text .answer p { margin-bottom: 10px; } .possibility__text .answer p:last-child { margin-bottom: 0; } .possibility__text .answer__img { width: 80px; margin-right: 20px; } .possibility__text .answer__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .possibility__text .answer.answer-img { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .possibility__text .answer.answer-img p { width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px); } .possibilities-photo { height: 100px; width: 100%; } .possibility__text .question { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; cursor: pointer; } .possibility__text .question span { border-width: 1px; border-color: #cecece; border-style: solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; min-width: 30px; height: 30px; margin-right: 12px; } .possibility__text .question span:before { content: ''; display: block; position: absolute; left: 50%; top: 45%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); width: 8px; height: 8px; border-bottom: 1px solid #9f9f9f; border-right: 1px solid #9f9f9f; } .possibility__streaming { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin: 20px -10px 0 -10px; } .possibility__streaming_item { height: 30px; padding: 0 10px; } .possibility__streaming_item img { max-width: 100%; max-height: 100%; } .possibility__streaming_mobile { display: none; } .possibility__title { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; margin-bottom: 20px; } .possibility__title .h3 { max-width: 200px; width: -webkit-calc(100% - 65px); width: -moz-calc(100% - 65px); width: calc(100% - 65px); } .possibility__subtitle { line-height: 20px; margin-bottom: 22px; } .possibility__icon { width: 50px; height: 50px; margin-right: 15px; } .servers { padding-bottom: 250px; text-align: center; } .servers__bg { position: absolute; left: 0; bottom: 0; width: 100%; } .servers__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .servers__wp { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; margin: -15px -15px 50px -15px; } .servers__text { font-weight: 600; font-size: 20px; } .servers__item { width: -webkit-calc(25% - 30px); width: -moz-calc(25% - 30px); width: calc(25% - 30px); margin: 15px; padding: 40px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: rgba(255, 255, 255, 0.561); -webkit-box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); -moz-box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; } .servers__item:hover { -webkit-box-shadow: 0 4px 25px 0 rgba(38, 38, 38, 0.4); -moz-box-shadow: 0 4px 25px 0 rgba(38, 38, 38, 0.4); box-shadow: 0 4px 25px 0 rgba(38, 38, 38, 0.4); -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; } .servers__img { width: 95px; height: 95px; margin: 0 auto 40px auto; text-align: center; } .servers__img img { width: 100%; height: 100%; } .control { margin-bottom: 80px; } .control__wp { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -25px; } .control__item { width: -webkit-calc(33.3% - 50px); width: -moz-calc(33.3% - 50px); width: calc(33.3% - 50px); margin: 25px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: white; overflow: hidden; } .control__item:before { content: ''; display: block; padding-top: 118%; } .control__item .h3 { position: absolute; left: 30px; top: 30px; z-index: 2; } .control__item:nth-last-child(-n + 2) { width: -webkit-calc(50% - 50px); width: -moz-calc(50% - 50px); width: calc(50% - 50px); } .control__item:nth-last-child(-n + 2):before { padding-top: 44.8%; } .control__item:nth-last-child(-n + 2) .control__img { height: 80%; -webkit-transform: translateY(-50%) translateX(0); -moz-transform: translateY(-50%) translateX(0); -ms-transform: translateY(-50%) translateX(0); -o-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0); left: auto; right: 40px; top: 50%; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .control__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .control__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .control__img { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: 35px; height: 71%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .control__img img { max-height: 100%; margin-left: auto; margin-right: auto;} .mounting { margin-bottom: 195px; } .mounting__bg { position: absolute; left: 0; top: -10%; width: 100%; } .mounting__bg img { width: 100%; height: 100%; } .mounting .page-heading { max-width: 700px; margin-bottom: 200px; } .mounting__img { position: absolute; right: -10px; top: -16px; } .mounting__block { max-width: 258px; margin: 0 0 160px auto; padding: 80px 15px 35px 15px; background-image: url("/local/templates/diart/css/../img/mounting/bg.png"); -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; } .mounting__block:after { content: ''; display: block; position: absolute; left: 0; top: 50px; right: 0; bottom: 0; -webkit-box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); -moz-box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); z-index: -1; -webkit-border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; border-radius: 30px 30px 30px 30px; } .mounting__block .h3 { margin-bottom: 30px; padding: 0 24px 0 12px; } .mounting__block p { border-bottom: 1px solid #eeeeee; padding: 0 12px 18px 12px; margin-bottom: 18px; line-height: 20px; } .mounting__block p:last-child { padding: 0 12px; margin-bottom: 0; border-bottom: none; } .mounting__wrap { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: white; overflow: hidden; -webkit-box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); -moz-box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); padding: 40px 35px 45px 20px; } .mounting__pic { position: absolute; left: 0; top: 0; width: 80%; bottom: 0; } .mounting__pic img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .mounting__pic:after { content: ''; display: block; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: white; background: -webkit-gradient(linear, right top, left top, from(white), color-stop(47%, rgba(255, 255, 255, 0.432108)), color-stop(63%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(right, white 0%, rgba(255, 255, 255, 0.432108) 47%, rgba(255, 255, 255, 0) 63%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(right, white 0%, rgba(255, 255, 255, 0.432108) 47%, rgba(255, 255, 255, 0) 63%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(right, white 0%, rgba(255, 255, 255, 0.432108) 47%, rgba(255, 255, 255, 0) 63%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0.432108) 47%, rgba(255, 255, 255, 0) 63%, rgba(255, 255, 255, 0) 100%); } .mounting__text { margin-left: auto; max-width: 500px; } .mounting__text .h3 { margin-bottom: 30px; } .mounting__text ul li { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; } .mounting__text ul li:last-child { margin-bottom: 0; } .mounting__text ul li span { margin-right: 20px; font-weight: 600; width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 20px; color: #ffffff; border-radius: 50%; background: #393e4182; } .mounting__text ul li p { width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px); width: calc(100% - 80px); line-height: 20px; } .projects { margin-bottom: 100px; } .projects__item { display: block; } .projects .swiper-slide { height: auto; } .projects__item { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .projects__item:hover { -webkit-box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); -moz-box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; } .projects__item:hover:after { opacity: 1; } .projects__item:hover .projects__text { opacity: 1; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; } .projects__item:after { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; opacity: 0; content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(57, 62, 65, 0.7); } .projects__item:before { content: ''; display: block; padding-top: 53.5%; } .projects__img { overflow: hidden; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .projects__img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .projects__text { width: 100%; height: 100%; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; opacity: 0; padding: 30px; text-align: center; z-index: 2; position: absolute; left: 0; top: 0; color: #fefefe; font-weight: 600; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .projects__title { margin-bottom: 14px; } .projects__note span { font-size: 20px; } .projects__prev, .projects__next { display: none; } .projects__wrap { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; gap: 50px 50px; grid-template-areas: "projects-1 projects-1 projects-2 projects-2" "projects-3 projects-4 projects-5 projects-5" "projects-6 projects-6 projects-7 projects-8"; } .projects-1 { grid-area: projects-1; } .projects-2 { grid-area: projects-2; } .projects-2 .projects__item:before { content: ''; display: block; padding-top: 62.5%; } .projects-3 { grid-area: projects-3; } .projects-3 .projects__item:before { content: ''; display: block; padding-top: 118%; } .projects-4 { grid-area: projects-4; } .projects-4 .projects__item:before { content: ''; display: block; padding-top: 118%; } .projects-5 { grid-area: projects-5; } .projects-6 { grid-area: projects-6; } .projects-6 .projects__item:before { content: ''; display: block; padding-top: 62.5%; } .projects-7 { grid-area: projects-7; } .projects-7 .projects__item:before { content: ''; display: block; padding-top: 118%; } .projects-8 { grid-area: projects-8; } .projects-8 .projects__item:before { content: ''; display: block; padding-top: 118%; } .work { margin-bottom: 150px; } .work__bg { position: absolute; right: 0; top: 0; height: 950px; } .work__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .work .page-heading { max-width: 460px; text-align: left; margin-left: auto; margin-right: auto; margin-bottom: 80px; } .work .page-heading .h2 { text-align: center; } .work .page-heading p { margin-bottom: 25px; font-size: 22px; } .work .page-heading .h3 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .work .page-heading .h3 span { width: 30px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #6cd951; margin-right: 16px; } .work .page-heading .h3 span:after { border: 2px solid #6cd951; width: 10px; height: 10px; content: ''; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .work .mounting__block { margin-left: 0; margin-right: auto; margin-bottom: 90px; } .work .mounting__block .h3 { max-width: 200px; } .work__scroll { overflow-y: hidden; padding: 40px 40px 40px 40px; margin: 0 -40px -40px -40px; } .work__wp { margin: 0 -5px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 1170px; } .work__item { width: -webkit-calc(20% - 10px); width: -moz-calc(20% - 10px); width: calc(20% - 10px); margin: 0 5px; } .work__text { padding: 65px 20px 30px 25px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: rgba(255, 255, 255, 0.561); -webkit-box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); -moz-box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); } .work__num { font-size: 20px; font-weight: 600; color: #79858c; position: absolute; right: 20px; top: 20px; } .work__title { margin-bottom: 20px; font-weight: 600; } .work__icon { z-index: 2; border: 6px solid transparent; width: 66px; height: 66px; position: absolute; left: 33px; top: -30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 40px; } .contacts .container { z-index: 5; } .contacts .page-heading { max-width: 750px; } .contacts__text { position: relative; z-index: 5; max-width: 800px; text-align: center; margin: 0 auto 55px auto; } .contacts__text .h2 { margin-bottom: 35px; } .contacts__text p { font-size: 22px; } .contacts__map { margin-top: -160px; height: 600px; } .contacts__map:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 200px; background: white; z-index: 2; background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(35%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.2))); background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.2) 100%); background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.2) 100%); background: -o-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.2) 100%); background: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.2) 100%); } .contacts__map .map { height: 100%; height: 100%; } .contacts__wp { z-index: 10; position: relative; padding: 55px 20px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: rgba(255, 255, 255, 0.749); -webkit-box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); -moz-box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .contacts__wp [id^="bx_incl_area"] { display: contents; } .contacts__item { width: 25%; text-align: center; } .contacts__item a:hover { color: #69d84e; } .contacts__icon { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom: 27px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .contacts__icon img { width: 5em; } .contacts__title { font-size: 20px; font-weight: 600; margin-bottom: 15px; } .contacts-vizit { z-index: 10; position: relative; padding: 25px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: rgba(255, 255, 255, 0.749); -webkit-box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); -moz-box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; text-align: center; justify-content: center; margin-top: 30px; } .solution-item { position: absolute; z-index: 2; } .solution-item__icon { width: 50px; height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #69d84e; border: 2px solid #ffffff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 8px; } .solution-item__icon img { max-width: 100%; max-height: 100%; } .solution-item__block { width: 240px; height: 180px; position: absolute; left: 25px; bottom: 100%; border-left: 2px solid #69d84e; } .solution-item__text { text-align: left; } .solution-item__text p { line-height: 16px; } .solution-item__title { font-size: 16px; font-weight: 600; margin-bottom: 12px; padding: 14px 5px 20px 10px; } .solution-item:first-child { left: 15px; top: 20%; } .solution-item:first-child:after { content: url("/local/templates/diart/css/local/templates/diart/img/solutions/items/3.png"); } .solution-item:nth-child(2) { left: 17px; top: 45%; } .solution-item:nth-child(3) { left: 15%; top: 47%; } .solution-item:nth-child(4) { left: 13%; top: 15%; } .solution-item:nth-child(5) { left: 25%; bottom: 35%; } .solution-item:nth-child(6) { left: 23%; top: 6%; } .solution-item:nth-child(7) { left: 35%; bottom: 25%; } .solution-item:nth-child(8) { left: 37%; top: 43%; } .solution-item:nth-child(9) { left: 44%; top: 15%; } .solution-item:nth-child(10) { left: 45%; bottom: 35%; } .solution-item:nth-child(11) { left: 52%; top: 40%; } .solution-item:nth-child(12) { left: 58%; bottom: 27%; } .solution-item:nth-child(13) { right: 33%; bottom: 42%; } .solution-item:nth-child(14) { right: 34%; top: 20%; } .solution-item:nth-child(15) { right: 20%; bottom: 32%; } .solution-item:nth-child(16) { right: 19%; top: 19%; } .solution-item:nth-child(17) { right: 12%; bottom: 20%; } .solution-item:nth-child(18) { right: 8%; top: 10%; } #infDiv { -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; height: auto; width: 100%; position: relative; } #myDiv0 > img { width: 100%; } .line > p, .lineb > p { font-size: 0.8vw; line-height: 1; margin: 7%; color: #393e41; } .line > p b, .lineb > p b { margin-bottom: 10px; display: block; } .lineb { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .solutions-item { position: absolute; background-size: contain; background-repeat: no-repeat; width: 35px; height: 35px; } .description-container { display: none; position: absolute; bottom: 0; left: 0; background: #fff; z-index: 1; padding: 10px; border: 1px solid #ccc; } .solutions-item::after { content: " "; position: absolute; bottom: 0; left: 50%; width: 1px; /* Толщина линии */ height: 0; background-color: black; /* Цвет линии */ transform: translateX(-50%); transition: height 0.3s ease; /* Анимация */ } .solutions-item:active::after { height: 100%; /* Высота линии до нижней границы `div` */ bottom: 0; } .solutions-item.active .description-container { display: block; } @media screen and (max-width: 1440px) { .solutions-item { width: 30px; height: 30px; } } @media screen and (max-width: 1200px) { .solutions-item { width: 25px; height: 25px; } } #line1 { background-image: url("/local/templates/diart/img/solutions/items/3.png"); opacity: .7; bottom: 34%; left: 11.7%; } #line2 { background-image: url("/local/templates/diart/img/solutions/items/5.png"); bottom: 28%; left: 7%; } #line3 { background-image: url("/local/templates/diart/img/solutions/items/2.png"); bottom: 27%; left: 15%; } #line4 { background-image: url("/local/templates/diart/img/solutions/items/11.png"); bottom: 39%; left: 21.4%; } #line5 { background-image: url("/local/templates/diart/img/solutions/items/16.png"); bottom: 23.1%; left: 23.3%; } #line6 { background-image: url("/local/templates/diart/img/solutions/items/17.png"); bottom: 28.7%; left: 25.3%; } #line7 { background-image: url("/local/templates/diart/img/solutions/items/12.png"); bottom: 34%; left: 27.5%; } #line8 { background-image: url("/local/templates/diart/img/solutions/items/13.png"); bottom: 39%; left: 30.6%; } #line9 { background-image: url("/local/templates/diart/img/solutions/items/15.png"); bottom: 34.8%; left: 33.2%; } #line10 { background-image: url("/local/templates/diart/img/solutions/items/21.png"); bottom: 66.1%; left: 30.7%; } #line11 { background-image: url("/local/templates/diart/img/solutions/items/40.png"); bottom: 74%; left: 33.5%; } #line12 { background-image: url("/local/templates/diart/img/solutions/items/31.png"); bottom: 70%; left: 38.7%; } #line13 { background-image: url("/local/templates/diart/img/solutions/items/4.png"); bottom: 28.6%; left: 38.1%; } #line14 { background-image: url("/local/templates/diart/img/solutions/items/14.png"); bottom: 40.4%; left: 38%; } #line15 { background-image: url("/local/templates/diart/img/solutions/items/18.png"); bottom: 44%; left: 41.5%; } #line16 { background-image: url("/local/templates/diart/img/solutions/items/27.png"); bottom: 56%; left: 43%; } #line17 { background-image: url("/local/templates/diart/img/solutions/items/7.png"); bottom: 67.3%; left: 41.6%; } #line18 { background-image: url("/local/templates/diart/img/solutions/items/17.png"); bottom: 65%; left: 44.2%; } #line19 { background-image: url("/local/templates/diart/img/solutions/items/10.png"); bottom: 35%; left: 45%; } #line20 { background-image: url("/local/templates/diart/img/solutions/items/19.png"); bottom: 29.3%; left: 44.9%; } #line21 { background-image: url("/local/templates/diart/img/solutions/items/10.png"); bottom: 23%; left: 47%; } #line22 { background-image: url("/local/templates/diart/img/solutions/items/1.png"); bottom: 31%; left: 50%; } #line23 { background-image: url("/local/templates/diart/img/solutions/items/9.png"); bottom: 18%; left: 52.6%; } #line24 { background-image: url("/local/templates/diart/img/solutions/items/3.png"); bottom: 64%; left: 51.5%; } #line25 { background-image: url("/local/templates/diart/img/solutions/items/29.png"); bottom: 86%; left: 53.5%; } #line26 { background-image: url("/local/templates/diart/img/solutions/items/1.png"); bottom: 29%; left: 55.6%; } #line27 { background-image: url("/local/templates/diart/img/solutions/items/16.png"); bottom: 49%; left: 55.8%; } #line28 { background-image: url("/local/templates/diart/img/solutions/items/32.png"); bottom: 70%; left: 56%; } #line29 { background-image: url("/local/templates/diart/img/solutions/items/30.png"); bottom: 79%; left: 56.8%; } #line30 { background-image: url("/local/templates/diart/img/solutions/items/17.png"); bottom: 68%; left: 58.8%; } #line31 { background-image: url("/local/templates/diart/img/solutions/items/18.png"); bottom: 44%; left: 59%; } #line32 { background-image: url("/local/templates/diart/img/solutions/items/8.png"); bottom: 34%; left: 60.8%; } #line33 { background-image: url("/local/templates/diart/img/solutions/items/11.png"); bottom: 66%; left: 61.4%; } #line34 { background-image: url("/local/templates/diart/img/solutions/items/7.png"); bottom: 43%; left: 64%; } #line35 { background-image: url("/local/templates/diart/img/solutions/items/28.png"); bottom: 60%; left: 67.3%; } #line36 { background-image: url("/local/templates/diart/img/solutions/items/20.png"); bottom: 85%; left: 65.8%; } #line37 { background-image: url("/local/templates/diart/img/solutions/items/14.png"); bottom: 41%; left: 69%; } #line38 { background-image: url("/local/templates/diart/img/solutions/items/25.png"); bottom: 77%; left: 71.8%; } #line39{ background-image: url("/local/templates/diart/img/solutions/items/6.png"); bottom: 33%; left: 72.8%; } #line40 { background-image: url("/local/templates/diart/img/solutions/items/24.png"); bottom: 86%; left: 73.8%; } #line41 { background-image: url("/local/templates/diart/img/solutions/items/22.png"); bottom: 39%; left: 77.7%; } #line42 { background-image: url("/local/templates/diart/img/solutions/items/19.png"); bottom: 29%; left: 80%; } #line43 { background-image: url("/local/templates/diart/img/solutions/items/23.png"); bottom: 36%; left: 85.2%; } #line44 { background-image: url("/local/templates/diart/img/solutions/items/41.png"); bottom: 22%; left: 90.6%; } .item-modal { background: #393e41; border-radius: 5px; box-shadow: 2px 24px 10px rgba(0,0,0, 0.2); z-index: 999; display: flex; flex-direction: column; } .solutions-item .item-modal { display:none; position:absolute; bottom: -3px; width: 700px; min-height: 250px; overflow: hidden; } .item-modal .description { width: 100%; white-space: initial; height: 100%; padding: 30px 30px 20px; } .item-modal .heading { font-family: Gilroy; font-weight: 600; font-size: 20px; color: #69d84e; } .item-modal .text { font-family: Gilroy; font-weight:300; font-size: 16px; color: #FFFFFF; margin-top: 10px; } .item-modal .picture { max-height: 120px; width: 100%; margin-bottom: 20px; padding: 5px 30px; } .item-modal .picture .owl-carousel .owl-item img { max-height: 100px; } .solutions-item .right { left: 16px; } .solutions-item .left { right: -6px; } #my1 { text-align: center; line-height: 0.5; position: absolute; top: 3.2%; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; color: #393e41; } @media (min-width: 1280px) and (max-width: 1440px) { .solutions-item .item-modal { width: 610px; min-height: 220px;} } @media (min-width: 1140px) and (max-width: 1279px) { .solutions-item .item-modal { width: 560px; min-height: 210px;} .item-modal .heading { font-weight: 600; font-size: 17px;} .item-modal .text { font-size: 15px;} } @media (max-width: 1139px) { .solutions-item .item-modal { width: 490px; min-height: 200px;} .item-modal .description { padding: 30px;} .item-modal .heading { font-weight: 600; font-size: 17px;} .item-modal .text { font-size: 14px;} .homescreen__text { padding-top: 140px; } .possibilities__bg:after { background: white; background: -webkit-gradient(linear, left top, right top, from(white), color-stop(55%, rgba(255, 255, 255, 0.516141)), color-stop(75%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.516141) 55%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.516141) 55%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.516141) 55%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0.516141) 55%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); } .control__item { width: -webkit-calc(33.3% - 20px); width: -moz-calc(33.3% - 20px); width: calc(33.3% - 20px); margin: 10px; } .control__item:nth-last-child(-n+2) { width: -webkit-calc(50% - 20px); width: -moz-calc(50% - 20px); width: calc(50% - 20px); } .control__img { bottom: 15px; } .control__wp { margin: -10px; } .servers__item { padding: 30px 20px; } .mounting__bg { top: -50px; } .work__scroll { padding-right: 50px; } .work__scroll { padding: 40px 50px 40px 40px; margin: 0 -15px -40px -40px; } .possibilities { background: none; } } .solutions__tabs { display: none !important; } @media (max-width: 991px) { .page-heading p { font-size: 16px; } .solutions__desctop { display: none; } .work__title { font-size: 16px; margin-bottom: 15px; } .work__text { padding: 60px 20px 30px 25px; min-height: 172px} .solutions .page-heading { margin-bottom: 50px; } .solutions .page-heading p { font-size: 16px; } .contacts__map { height: 400px; margin-top: -140px; } .contacts__wp { padding: 30px 30px 25px 30px; } .contacts__title { font-size: 18px; margin-bottom: 10px; } .contacts__info { font-size: 16px; } .work { margin-bottom: 100px; } .mounting { margin-bottom: 65px; padding-top: 65px; } .servers__text { font-size: 16px; } .servers__item { width: -webkit-calc(25% - 20px); width: -moz-calc(25% - 20px); width: calc(25% - 20px); margin: 10px; } .servers__wp { margin: -10px -10px 30px -10px; } .control__img { bottom: 5px; } .control__item:nth-last-child(-n+2) .control__img { right: 10px; } .control { margin-bottom: 30px; } .possibilities { margin-bottom: 60px; } .solutions { margin-bottom: 60px; } .homescreen { height: -webkit-calc(100vh - 67px); height: -moz-calc(100vh - 67px); height: calc(100vh - 67px); } .homescreen .container { height: 100%; } .homescreen__text { padding: 35px 0 130px 0; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 285px; margin: 0 auto; } .homescreen__text p { font-size: 16px; margin-bottom: 20px; } .solutions__img { visibility: hidden; opacity: 0; display: none; } .solutions__img img { visibility: hidden; opacity: 0; display: none; } .solutions__mobile { display: block; } .page-heading .h2 { margin-bottom: 15px; } .solutions__item:after { position: absolute; background-size: contain; width: 25px; height: 25px; content: ""; z-index: 15; } .solutions__item.active:after { position: absolute; background-size: contain; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; z-index: 15; } .solutions__tabs { display: block; margin: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #393e41; min-height: 150px; width: 98% !important; padding: 30px} .possibility__streaming_item img { display: none; } .possibility__streaming_item:nth-last-child(-n +2) img { display: block; } .possibility__streaming_mobile { display: block; } .possibility__streaming_mobile img { display: block; } .possibilities__bg:after { background: white; background: -webkit-gradient(linear, left top, right top, from(white), color-stop(90%, rgba(255, 255, 255, 0.4125)), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.4125) 90%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.4125) 90%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.4125) 90%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0.4125) 90%, rgba(255, 255, 255, 0) 100%); } .mounting__block { margin-bottom: 60px; } .mounting__pic:after { background: white; background: -webkit-gradient(linear, right top, left top, from(white), color-stop(77%, rgba(255, 255, 255, 0.432108)), color-stop(90%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(right, white 0%, rgba(255, 255, 255, 0.432108) 77%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(right, white 0%, rgba(255, 255, 255, 0.432108) 77%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(right, white 0%, rgba(255, 255, 255, 0.432108) 77%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0.432108) 77%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0) 100%); } .projects__wrap { gap: 15px 15px; } .projects__text { padding: 10px; } .projects { margin-bottom: 65px; } .work .page-heading p { font-size: 18px; } } @media (max-width: 767px) { .contacts__item { width: 50%; margin-bottom: 25px; } .contacts__item:nth-last-child(-n + 2) { margin-bottom: 0; } .contacts__wp { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .work .page-heading .h3 { max-width: 220px; text-align: left; margin: 0 auto; line-height: 18px; } .contacts__icon { margin-bottom: 15px; } .work .page-heading .h3 span { min-width: 30px; } .work .page-heading p { font-size: 16px; } .swiper-slide.swiper-slide-active .projects__text { opacity: 1; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } .swiper-slide.swiper-slide-active .projects__item:after { opacity: 1; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } .projects__next { right: 90px; } .projects__prev { left: 90px; } .projects__next, .projects__prev { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; top: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; bottom: -20px; } .projects__next:after, .projects__prev:after { font-size: 20px; color: #69d84e; } .projects__slider:after { content: ''; display: block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -15px; width: 1px; height: 30px; background: #dadada; } .projects__wrap { padding-bottom: 45px; } .projects__item:before { padding-top: 0 !important; } .projects__item { height: 300px; } .projects__wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: normal; } .projects .swiper-slide { -webkit-transition: none !important; -o-transition: none !important; -moz-transition: none !important; transition: none !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; grid-area: initial !important; } .mounting__text .h3 { font-size: 18px; margin-bottom: 10px; } .mounting__text ul li p { width: -webkit-calc(100% - 37px); width: -moz-calc(100% - 37px); width: calc(100% - 37px); } .mounting__text ul li span { width: 25px; height: 25px; margin-right: 12px; font-size: 14px; } .mounting__text ul li { margin-bottom: 15px; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .mounting__pic { position: relative; left: auto; top: auto; width: 100%; height: 270px; } .mounting__pic:after { display: none; } .mounting__text { max-width: 100%; padding: 23px 20px 25px 24px; } .mounting__wrap { padding: 0; } .mounting__block .h3 { font-size: 18px; margin-bottom: 15px; } .mounting__block { margin-bottom: 25px; } .mounting__bg { top: 90px; right: -65px; width: auto; } .mounting .page-heading { max-width: 290px; margin-bottom: 220px; } .servers__item { width: -webkit-calc(50% - 20px); width: -moz-calc(50% - 20px); width: calc(50% - 20px); padding: 20px 10px; } .servers .btn { display: none; } .servers { padding-bottom: 110px; } .servers__text { font-size: 14px; } .solutions__item:after { width: 25px; height: 25px; } .possibility__item { margin-bottom: 25px; } .possibilities__item { margin: 10px; width: -webkit-calc(50% - 20px); width: -moz-calc(50% - 20px); width: calc(50% - 20px); } .possibilities__wrapper { margin: -10px; } .possibilities__bg:after { display: none; } .possibilities__text { padding: 20px 20px 30px 23px; } .possibilities__item { padding: 0; } .possibilities__bg { position: relative; width: 100%; height: 270px; right: auto; top: auto; } .question { font-size: 16px; } .possibility__streaming { margin: 10px -10px 0 -10px; } .possibility__title { margin-bottom: 15px; } .possibility__text .faq-item { margin-bottom: 10px; } .possibility__item { display: block; } .possibility__title .h3 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .possibility__img { width: 100%; height: 270px; } .possibility__text { width: 100%; padding: 25px 15px 40px 25px; } .homescreen__text { max-width: 195px; bottom: 15%;} .solutions__item.solutions__item-img { width: 30px; height: 30px; } .possibilities__text { max-width: 100%; } .servers__wp { margin: -10px; } .work .page-heading { text-align: center; margin: 0 auto 85px auto; } } @media (max-width: 600px) { .control__item { width: -webkit-calc(50% - 20px); width: -moz-calc(50% - 20px); width: calc(50% - 20px); } .control__item:before { padding-top: 110%; } .control__img { bottom: 25px; text-align: center; } .possibilities__item { width: 100%; margin: 0 0 25px 0; } .possibilities__item:last-child { margin-bottom: 0; } .control__item:nth-last-child(-n+2) { width: 100%; } .control__wp { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .possibilities__wrapper { margin: 0; display: block; } } @media (max-width: 567px) { .contacts__item { width: 100%; margin-bottom: 30px; } .contacts__item:nth-last-child(-n + 2) { margin-bottom: 30px; } .contacts__item:last-child { margin-bottom: 0; } .work__bg { top: auto; bottom: 135px; height: 450px; left: -420px; } .work .mounting__block { margin-left: auto; margin-bottom: 240px; } .mounting__block { margin-right: auto; } .servers__img { width: 60px; height: 60px; margin: 0 auto 15px auto; } .control__item:nth-last-child(-n+2):before { padding-top: 110%; } .control__item:nth-last-child(-n+2) .control__img { width: 90%; right: auto; left: 50%; -webkit-transform: translateX(-50%) translateY(0); -moz-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); -o-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); top: auto; bottom: 25px; height: 71%; } .control__wp { display: block; margin: 0; } .control__item { width: 100%; margin: 0 0 20px 0; } .control__item:last-child { margin: 0; } .solutions__item:after { width: 16px; height: 16px; } .solutions .page-heading { max-width: 260px; } .solutions .page-heading p { max-width: 180px; margin: 0 auto; } } img { opacity: 1; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; } img[data-src] { opacity: 0; } .btn { text-align: center; padding: 20px 45px; background-color: #393e41; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; font-weight: 600; font-size: 18px; color: #ffffff; } .btn:hover { background-color: #ffffff; color: #393e41; -webkit-box-shadow: 0 2px 10px 0 rgba(38, 38, 38, 0.1); -moz-box-shadow: 0 2px 10px 0 rgba(38, 38, 38, 0.1); box-shadow: 0 2px 10px 0 rgba(38, 38, 38, 0.1); } .page-heading { max-width: 650px; margin: 0 auto 55px auto; text-align: center; } .page-heading .h2 { margin-bottom: 25px; } .simplebar-scrollbar.simplebar-visible:before { background: #69d84e; opacity: 1; } .simplebar-track.simplebar-horizontal { left: 40px; } .simplebar-track.simplebar-horizontal { height: 5px; background: #d8fad0; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { height: 5px; top: 0; } @media (max-width: 991px) { .btn { font-size: 16px; padding: 15.8px 27px; } .page-heading .h2 { margin-bottom: 15px; } } @media (max-width: 767px) { .page-heading { margin: 0 auto 25px auto; } } .tabs_content { -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; opacity: 0; position: absolute; top: 0; left: 0; right: 0; z-index: -1; } .tabs_content.active { -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; opacity: 1; position: relative; z-index: 3; } :root { --swiper-theme-color: #007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } :root { --swiper-navigation-size: 44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: "next"; } .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #ffffff; } .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000000; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: 0.3s opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 0.2s transform, 0.2s top; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s left; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s right; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white { --swiper-pagination-color: #ffffff; } .swiper-pagination-black { --swiper-pagination-color: #000000; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } [type="button"], [type="reset"], [type="submit"], button { -webkit-appearance: button; } [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; } [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } 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: 0; 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-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.9; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; transition: opacity 0.25s ease, visibility 0s ease 0.25s; visibility: hidden; z-index: 99997; } .fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; transition: opacity 0.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: 0; 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--current, .fancybox-slide--next, .fancybox-slide--previous { 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(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: 0 0; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; 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-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: grabbing; } .fancybox-container [data-selectable="true"] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: 0 0; 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--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .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-iframe, .fancybox-video { background: 0 0; 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, 0.6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color 0.2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: 0; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: 0; } .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--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; } .fancybox-close-small { background: 0 0; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: 0.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(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px; 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: a 1s linear infinite; background: 0 0; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: 0.7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @keyframes a { to { transform: rotate(1turn); } } .fancybox-animated { transition-timing-function: cubic-bezier(0, 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: translateZ(0); } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.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(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scaleX(1); } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; transform: rotate(-1turn); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; transform: rotate(1turn); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; transform: rotate(0); } .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: scaleX(1) translateZ(0); } .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { transform: translateZ(0) scale(1); } @media (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; } .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; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all 0.2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:link, .fancybox-share__button:visited { 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: 0 0; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: 0; 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; position: absolute; right: 0; -webkit-tap-highlight-color: transparent; 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: 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, 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, 0.1); background-position: 50%; 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: 0; 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 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; } .fancybox-thumbs__list a:focus:before { opacity: 0.5; } .fancybox-thumbs__list a.fancybox-thumbs-active:before { opacity: 1; } @media (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } [data-simplebar] { position: relative; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } .simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit; } .simplebar-mask { direction: inherit; position: absolute; overflow: hidden; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 0; } .simplebar-offset { direction: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; } .simplebar-content-wrapper { direction: inherit; box-sizing: border-box !important; position: relative; display: block; height: 100%; width: auto; max-width: 100%; max-height: 100%; scrollbar-width: none; -ms-overflow-style: none; } .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { width: 0; height: 0; } .simplebar-content:after, .simplebar-content:before { content: " "; display: table; } .simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; } .simplebar-height-auto-observer-wrapper { box-sizing: inherit !important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; flex-grow: inherit; flex-shrink: 0; flex-basis: 0; } .simplebar-height-auto-observer { box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1; } .simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; pointer-events: none; overflow: hidden; } [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; user-select: none; -webkit-user-select: none; } [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all; } .simplebar-scrollbar { position: absolute; left: 0; right: 0; min-height: 10px; } .simplebar-scrollbar:before { position: absolute; content: ""; background: #000; border-radius: 7px; left: 2px; right: 2px; opacity: 0; transition: opacity 0.2s linear; } .simplebar-scrollbar.simplebar-visible:before { opacity: 0.5; transition: opacity 0s linear; } .simplebar-track.simplebar-vertical { top: 0; width: 11px; } .simplebar-track.simplebar-vertical .simplebar-scrollbar:before { top: 2px; bottom: 2px; } .simplebar-track.simplebar-horizontal { left: 0; height: 11px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { height: 100%; left: 2px; right: 2px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto; } [data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical { right: auto; left: 0; } .hs-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll; } .simplebar-hide-scrollbar { position: fixed; left: 0; visibility: hidden; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; } .poss-p { margin-bottom: 10px; } .poss-p h4 { margin-bottom: 5px; } .possibilities-biz { margin-bottom: 80px; } .possibilities-biz .page-heading { max-width: 850px; } .possibilities-biz .page-heading p { font-size: 18px; } .possibilities-biz .page-heading ul { font-size: 18px; text-align: left; padding: 0.5em 2em; } .possibilities-biz .page-heading ul li { list-style-type: disc; } @media screen and (max-width: 991px) { .possibilities-biz .page-heading ul { font-size: 16px; } } .business-text { text-align: center; width: 60%; margin: 0 auto 50px; } /*.business-tiles { display: -webkit-box; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; height: 250px; -webkit-box-align: center; padding: 0 25px; } .business-tiles::-webkit-scrollbar { display: none; } .business-tile { width: 320px; height: 160px; margin: 10px; padding: 20px; box-sizing: border-box; cursor: grab; box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); border-radius: 20px; } .business-tile p { text-wrap-mode: wrap; font-weight: 600; margin-bottom: 10px; } .business-tile span { text-wrap-mode: wrap; } @media screen and (max-width: 991px) { .business-tiles { overflow-x: scroll; scrollbar-width: thin; height: 210px; } .business-text { width: 95%; margin: 50px auto; } }*/ .business-items { display: -webkit-box; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; -webkit-box-align: center; padding: 10px 25px 35px; } .business-items::-webkit-scrollbar { display: none; } .business-item { display: flex; width: 640px; height: 450px; margin: 10px; box-sizing: border-box; cursor: grab; box-shadow: 0 2px 24px 0 rgba(38, 38, 38, 0.2); border-radius: 20px; } .business-item .item-pic { width: 50%; float: left; border-top-left-radius: 16px; border-bottom-left-radius: 16px; background-position: center; background-repeat: no-repeat; background-size: cover; } .business-item h3 { margin-bottom: 20px; } .business-item .item-text { box-sizing: border-box; width: 50%; text-wrap: auto; padding: 25px; } @media screen and (max-width: 575px) { .business-items { -webkit-box-align: start; height: 750px; } .business-item { width: 90%; height: 100%; flex-direction: column; } .business-item .item-pic { width: unset; height: 225px; border-bottom-left-radius: unset; border-top-right-radius: 16px; } .business-item h3 { margin-bottom: 10px; } .business-item .item-text { width: unset; } } .map iframe { height: 100%; } /* Diart: кнопка калькулятора на первом экране */ .homescreen__buttons { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .homescreen__buttons .btn { width: 240px; min-width: 240px; max-width: 240px; padding-left: 20px; padding-right: 20px; } .homescreen__calc-btn { background-color: #69d84e; color: #ffffff; } .homescreen__calc-btn:hover { background-color: #ffffff; color: #393e41; -webkit-box-shadow: 0 2px 10px 0 rgba(38, 38, 38, 0.1); -moz-box-shadow: 0 2px 10px 0 rgba(38, 38, 38, 0.1); box-shadow: 0 2px 10px 0 rgba(38, 38, 38, 0.1); } @media (max-width: 767px) { .homescreen__buttons { gap: 12px; } .homescreen__buttons .btn { width: 220px; min-width: 220px; max-width: 220px; } } /* End */ /* Start:/local/templates/diart/fancybox/fancybox.css?165035892415512*/ .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}.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}html.with-fancybox{scroll-behavior:auto}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;--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;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{max-width:100%;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(34, 213, 233, 0.96));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(34, 213, 233, 0.96));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} /* End */ /* Start:/local/templates/diart/css/animate.min.css?173220531371726*/ /*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev * * Copyright (c) 2022 Animate.css */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*.8);animation-duration:calc(var(--animate-duration)*.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(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 shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(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)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-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)}}.animate__headShake{-webkit-animation-name:headShake;animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-animation-name:swing;animation-name:swing;-webkit-transform-origin:top center;transform-origin:top center}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__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)}}.animate__heartBeat{-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}@keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}@keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}@keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7)}}@keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7)}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animate__animated.animate__flip{-webkit-animation-name:flip;animation-name:flip;-webkit-backface-visibility:visible;backface-visibility:visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-animation-name:flipInX;animation-name:flipInX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}@keyframes rotateOut{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.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{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.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)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /* End */ /* /local/templates/diart/css/main.css?1784086834142375 */ /* /local/templates/diart/fancybox/fancybox.css?165035892415512 */ /* /local/templates/diart/css/animate.min.css?173220531371726 */