/*# sourceMappingURL=style.css.map */ @charset "UTF-8"; .post-full-content.single-post>:not(.gallery), .post-full-content.single-post>:not(.wp-block-quote)>p, .widget_text.single-post>:not(.gallery), .widget_text.single-post>:not(.wp-block-quote)>p { margin-bottom: 30px } .post-full-content.single-post>:not(.gallery).justified-gallery, .post-full-content.single-post>:not(.wp-block-quote)>p.justified-gallery, .widget_text.single-post>:not(.gallery).justified-gallery, .widget_text.single-post>:not(.wp-block-quote)>p.justified-gallery { margin-bottom: 15px } .post-full-content.single-post>:not(.gallery):last-child, .post-full-content.single-post>:not(.wp-block-quote)>p:last-child, .widget_text.single-post>:not(.gallery):last-child, .widget_text.single-post>:not(.wp-block-quote)>p:last-child { margin-bottom: 0 } .post-full-content.single-post>:not(.gallery):last-child.justified-gallery, .post-full-content.single-post>:not(.wp-block-quote)>p:last-child.justified-gallery, .widget_text.single-post>:not(.gallery):last-child.justified-gallery, .widget_text.single-post>:not(.wp-block-quote)>p:last-child.justified-gallery { margin-bottom: -30px } .post-full-content.single-post>:not(.gallery):last-child.wp-block-gallery, .post-full-content.single-post>:not(.wp-block-quote)>p:last-child.wp-block-gallery, .widget_text.single-post>:not(.gallery):last-child.wp-block-gallery, .widget_text.single-post>:not(.wp-block-quote)>p:last-child.wp-block-gallery { margin-bottom: -15px } .post-full-content.single-post>:not(.gallery).section-padding, .post-full-content.single-post>:not(.wp-block-quote)>p.section-padding, .widget_text.single-post>:not(.gallery).section-padding, .widget_text.single-post>:not(.wp-block-quote)>p.section-padding { padding-top: 30; padding-bottom: 30; margin: 0 } .post-full-content.single-post>:not(.gallery).section-padding.renQ-normalize-block, .post-full-content.single-post>:not(.wp-block-quote)>p.section-padding.renQ-normalize-block, .widget_text.single-post>:not(.gallery).section-padding.renQ-normalize-block, .widget_text.single-post>:not(.wp-block-quote)>p.section-padding.renQ-normalize-block { padding-top: 0; padding-bottom: 0; margin: 30 0 } .post-full-content.single-post>:not(.gallery).section-padding:not(.renQ-normalize-block), .post-full-content.single-post>:not(.wp-block-quote)>p.section-padding:not(.renQ-normalize-block), .widget_text.single-post>:not(.gallery).section-padding:not(.renQ-normalize-block), .widget_text.single-post>:not(.wp-block-quote)>p.section-padding:not(.renQ-normalize-block) { padding-top: 0 } .post-full-content.single-post>:not(.gallery):first-child.section-padding, .post-full-content.single-post>:not(.wp-block-quote)>p:first-child.section-padding, .widget_text.single-post>:not(.gallery):first-child.section-padding, .widget_text.single-post>:not(.wp-block-quote)>p:first-child.section-padding { padding-top: 0; background-color: inherit } .post-full-content.single-post>:not(.gallery).wp-block-gallery, .post-full-content.single-post>:not(.wp-block-quote)>p.wp-block-gallery, .widget_text.single-post>:not(.gallery).wp-block-gallery, .widget_text.single-post>:not(.wp-block-quote)>p.wp-block-gallery { margin-bottom: 14px } .post-full-content.single-post>:not(.gallery).wp-block-gallery .blocks-gallery-image:last-child, .post-full-content.single-post>:not(.gallery).wp-block-gallery .blocks-gallery-item:last-child, .post-full-content.single-post>:not(.wp-block-quote)>p.wp-block-gallery .blocks-gallery-image:last-child, .post-full-content.single-post>:not(.wp-block-quote)>p.wp-block-gallery .blocks-gallery-item:last-child, .widget_text.single-post>:not(.gallery).wp-block-gallery .blocks-gallery-image:last-child, .widget_text.single-post>:not(.gallery).wp-block-gallery .blocks-gallery-item:last-child, .widget_text.single-post>:not(.wp-block-quote)>p.wp-block-gallery .blocks-gallery-image:last-child, .widget_text.single-post>:not(.wp-block-quote)>p.wp-block-gallery .blocks-gallery-item:last-child { margin-bottom: 16px } .post-full-content.single-post>:not(.gallery):first-child, .post-full-content.single-post>:not(.gallery)>:first-child, .post-full-content.single-post>:not(.wp-block-quote)>p:first-child, .post-full-content.single-post>:not(.wp-block-quote)>p>:first-child, .widget_text.single-post>:not(.gallery):first-child, .widget_text.single-post>:not(.gallery)>:first-child, .widget_text.single-post>:not(.wp-block-quote)>p:first-child, .widget_text.single-post>:not(.wp-block-quote)>p>:first-child { margin-top: 0 } .post-full-content.single-post>:not(.gallery):last-child, .post-full-content.single-post>:not(.gallery)>:last-child, .post-full-content.single-post>:not(.wp-block-quote)>p:last-child, .post-full-content.single-post>:not(.wp-block-quote)>p>:last-child, .widget_text.single-post>:not(.gallery):last-child, .widget_text.single-post>:not(.gallery)>:last-child, .widget_text.single-post>:not(.wp-block-quote)>p:last-child, .widget_text.single-post>:not(.wp-block-quote)>p>:last-child { margin-bottom: 0 } .post-full-content.single-project>:not(.gallery), .post-full-content.single-project>:not(.wp-block-quote)>p, .widget_text.single-project>:not(.gallery), .widget_text.single-project>:not(.wp-block-quote)>p { margin-bottom: 110px } .post-full-content.single-project>:not(.gallery).justified-gallery, .post-full-content.single-project>:not(.wp-block-quote)>p.justified-gallery, .widget_text.single-project>:not(.gallery).justified-gallery, .widget_text.single-project>:not(.wp-block-quote)>p.justified-gallery { margin-bottom: 95px } .post-full-content.single-project>:not(.gallery):last-child, .post-full-content.single-project>:not(.wp-block-quote)>p:last-child, .widget_text.single-project>:not(.gallery):last-child, .widget_text.single-project>:not(.wp-block-quote)>p:last-child { margin-bottom: 0 } .post-full-content.single-project>:not(.gallery):last-child.justified-gallery, .post-full-content.single-project>:not(.wp-block-quote)>p:last-child.justified-gallery, .widget_text.single-project>:not(.gallery):last-child.justified-gallery, .widget_text.single-project>:not(.wp-block-quote)>p:last-child.justified-gallery { margin-bottom: -30px } .post-full-content.single-project>:not(.gallery):last-child.wp-block-gallery, .post-full-content.single-project>:not(.wp-block-quote)>p:last-child.wp-block-gallery, .widget_text.single-project>:not(.gallery):last-child.wp-block-gallery, .widget_text.single-project>:not(.wp-block-quote)>p:last-child.wp-block-gallery { margin-bottom: -15px } .post-full-content.single-project>:not(.gallery).section-padding, .post-full-content.single-project>:not(.wp-block-quote)>p.section-padding, .widget_text.single-project>:not(.gallery).section-padding, .widget_text.single-project>:not(.wp-block-quote)>p.section-padding { padding-top: 110; padding-bottom: 110; margin: 0 } .post-full-content.single-project>:not(.gallery).section-padding.renQ-normalize-block, .post-full-content.single-project>:not(.wp-block-quote)>p.section-padding.renQ-normalize-block, .widget_text.single-project>:not(.gallery).section-padding.renQ-normalize-block, .widget_text.single-project>:not(.wp-block-quote)>p.section-padding.renQ-normalize-block { padding-top: 0; padding-bottom: 0; margin: 110 0 } .post-full-content.single-project>:not(.gallery).section-padding:not(.renQ-normalize-block), .post-full-content.single-project>:not(.wp-block-quote)>p.section-padding:not(.renQ-normalize-block), .widget_text.single-project>:not(.gallery).section-padding:not(.renQ-normalize-block), .widget_text.single-project>:not(.wp-block-quote)>p.section-padding:not(.renQ-normalize-block) { padding-top: 0 } .post-full-content.single-project>:not(.gallery):first-child.section-padding, .post-full-content.single-project>:not(.wp-block-quote)>p:first-child.section-padding, .widget_text.single-project>:not(.gallery):first-child.section-padding, .widget_text.single-project>:not(.wp-block-quote)>p:first-child.section-padding { padding-top: 0; background-color: inherit } .post-full-content.single-project>:not(.gallery).wp-block-gallery, .post-full-content.single-project>:not(.wp-block-quote)>p.wp-block-gallery, .widget_text.single-project>:not(.gallery).wp-block-gallery, .widget_text.single-project>:not(.wp-block-quote)>p.wp-block-gallery { margin-bottom: 94px } .post-full-content.single-project>:not(.gallery).wp-block-gallery .blocks-gallery-image:last-child, .post-full-content.single-project>:not(.gallery).wp-block-gallery .blocks-gallery-item:last-child, .post-full-content.single-project>:not(.wp-block-quote)>p.wp-block-gallery .blocks-gallery-image:last-child, .post-full-content.single-project>:not(.wp-block-quote)>p.wp-block-gallery .blocks-gallery-item:last-child, .widget_text.single-project>:not(.gallery).wp-block-gallery .blocks-gallery-image:last-child, .widget_text.single-project>:not(.gallery).wp-block-gallery .blocks-gallery-item:last-child, .widget_text.single-project>:not(.wp-block-quote)>p.wp-block-gallery .blocks-gallery-image:last-child, .widget_text.single-project>:not(.wp-block-quote)>p.wp-block-gallery .blocks-gallery-item:last-child { margin-bottom: 16px } .post-full-content.single-project>:not(.gallery):first-child, .post-full-content.single-project>:not(.gallery)>:first-child, .post-full-content.single-project>:not(.wp-block-quote)>p:first-child, .post-full-content.single-project>:not(.wp-block-quote)>p>:first-child, .widget_text.single-project>:not(.gallery):first-child, .widget_text.single-project>:not(.gallery)>:first-child, .widget_text.single-project>:not(.wp-block-quote)>p:first-child, .widget_text.single-project>:not(.wp-block-quote)>p>:first-child { margin-top: 0 } .post-full-content.single-project>:not(.gallery):last-child, .post-full-content.single-project>:not(.gallery)>:last-child, .post-full-content.single-project>:not(.wp-block-quote)>p:last-child, .post-full-content.single-project>:not(.wp-block-quote)>p>:last-child, .widget_text.single-project>:not(.gallery):last-child, .widget_text.single-project>:not(.gallery)>:last-child, .widget_text.single-project>:not(.wp-block-quote)>p:last-child, .widget_text.single-project>:not(.wp-block-quote)>p>:last-child { margin-bottom: 0 } [data-overlay]:before { content: ""; position: absolute; background: #000; width: 100%; height: 100%; top: 0; left: 0; z-index: 0 } [data-overlay="0"]:before { opacity: 0 } [data-overlay="1"]:before { opacity: .1 } [data-overlay="2"]:before { opacity: .2 } [data-overlay="3"]:before { opacity: .3 } [data-overlay="4"]:before { opacity: .4 } [data-overlay="5"]:before { opacity: .5 } [data-overlay="6"]:before { opacity: .6 } [data-overlay="7"]:before { opacity: .7 } [data-overlay="8"]:before { opacity: .8 } [data-overlay="9"]:before { opacity: .9 } [data-overlay="10"]:before { opacity: 1 } [data-renQ-size="1"] { width: 10% } [data-renQ-size="2"] { width: 20% } [data-renQ-size="3"] { width: 30% } [data-renQ-size="4"] { width: 40% } [data-renQ-size="5"] { width: 50% } [data-renQ-size="6"] { width: 60% } [data-renQ-size="7"] { width: 70% } [data-renQ-size="8"] { width: 80% } [data-renQ-size="9"] { width: 90% } [data-renQ-size="10"] { width: 100% } .cover-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat } .v-middle { position: absolute; top: 50%; left: 0; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } * { -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; list-style: none; outline: 0; margin: 0; padding: 0 } html { -webkit-text-size-adjust: 100% } body { margin: 0 } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace } a { background-color: transparent } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; 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: -.25em } sup { top: -.5em } img { border-style: none; max-width: 100%; height: auto; vertical-align: middle } iframe { border: none } button, input, optgroup, select, textarea { font-family: inherit; margin: 0 } button, input { overflow: visible } button, select { text-transform: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button; background: inherit; border: none } [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: .35em .75em .625em } legend { -webkit-box-sizing: border-box; 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] { -webkit-box-sizing: border-box; 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 } .display-table-cell { display: table-cell !important } .vertical-align-middle { vertical-align: middle } .line-height-5 { line-height: 1.5 !important } .line-height-6 { line-height: 1.6 !important } .line-height-7 { line-height: 1.7 !important } .line-height-8 { line-height: 1.8 !important } .uppercase { text-transform: uppercase !important } .lowercase { text-transform: lowercase !important } .capitalize { text-transform: capitalize !important } .nott { text-transform: none !important } .fright { float: right !important } .fleft { float: left !important } .fnone { float: none !important } .center { text-align: center !important } .nobg { background: 0 0 !important } .nobgcolor { background-color: transparent !important } .fw300 { font-weight: 300 !important } .fw400 { font-weight: 400 !important } .fw500 { font-weight: 500 !important } .fw600 { font-weight: 600 !important } .fw700 { font-weight: 700 !important } .ls0 { letter-spacing: 0 !important } .ls1 { letter-spacing: 1px !important } .ls2 { letter-spacing: 2px !important } .ls3 { letter-spacing: 3px !important } .ls4 { letter-spacing: 4px !important } .ls5 { letter-spacing: 5px !important } .fz-12 { font-size: 12px !important } .fz-14 { font-size: 14px !important } .fz-15 { font-size: 15px !important } .fz-16 { font-size: 16px !important } .fz-18 { font-size: 18px !important } .fz-20 { font-size: 20px !important } .fz-30 { font-size: 30px !important } .mpl-0 { margin-left: 0 !important; padding-left: 0 !important } .mpr-0 { margin-right: 0 !important; padding-right: 0 !important } .m-auto { margin: auto !important } .no-margin { margin: 0 !important } .m-0 { margin: 0 !important } .mbl-0 { margin-left: 0 !important; padding-left: 0 !important } .mbr-0 { margin-right: 0 !important; padding-right: 0 !important } .m-0 { margin: 0 !important } .ml-0 { margin-left: 0 !important } .mr-0 { margin-right: 0 !important } .mt-0 { margin-top: 0 !important } .mt-5 { margin-top: 5px !important } .mt-10 { margin-top: 10px !important } .mt-15 { margin-top: 15px !important } .mt-20 { margin-top: 20px !important } .mt-25 { margin-top: 25px !important } .mt-30 { margin-top: 30px !important } .mt-35 { margin-top: 35px !important } .mt-40 { margin-top: 40px !important } .mt-45 { margin-top: 45px !important } .mt-50 { margin-top: 50px !important } .mt-55 { margin-top: 55px !important } .mt-60 { margin-top: 60px !important } .mt-62 { margin-top: 62px !important } .mt-65 { margin-top: 65px !important } .mt-70 { margin-top: 70px !important } .mt-75 { margin-top: 75px !important } .mt-80 { margin-top: 80px !important } .mt-85 { margin-top: 85px !important } .mt-90 { margin-top: 90px !important } .mt-95 { margin-top: 95px !important } .mt-100 { margin-top: 100px !important } .mb-0 { margin-bottom: 0 !important } .mb-5 { margin-bottom: 5px !important } .mb-10 { margin-bottom: 10px !important } .mb-15 { margin-bottom: 15px !important } .mb-20 { margin-bottom: 20px !important } .mb-25 { margin-bottom: 25px !important } .mb-30 { margin-bottom: 30px !important } .mb-35 { margin-bottom: 35px !important } .mb-40 { margin-bottom: 40px !important } .mb-45 { margin-bottom: 45px !important } .mb-50 { margin-bottom: 50px !important } .mb-55 { margin-bottom: 55px !important } .mb-60 { margin-bottom: 60px !important } .mb-62 { margin-bottom: 62px !important } .mb-65 { margin-bottom: 65px !important } .mb-70 { margin-bottom: 70px !important } .mb-75 { margin-bottom: 75px !important } .mb-80 { margin-bottom: 80px !important } .mb-85 { margin-bottom: 85px !important } .mb-90 { margin-bottom: 90px !important } .mb-95 { margin-bottom: 95px !important } .mb-100 { margin-bottom: 100px !important } .pt-0 { padding-top: 0 !important } .pt-5 { padding-top: 5px !important } .pt-10 { padding-top: 10px !important } .pt-15 { padding-top: 15px !important } .pt-20 { padding-top: 20px !important } .pt-25 { padding-top: 25px !important } .pt-30 { padding-top: 30px !important } .pt-35 { padding-top: 35px !important } .pt-40 { padding-top: 40px !important } .pt-45 { padding-top: 45px !important } .pt-50 { padding-top: 50px !important } .pt-55 { padding-top: 55px !important } .pt-60 { padding-top: 60px !important } .pt-65 { padding-top: 65px !important } .pt-70 { padding-top: 70px !important } .pt-75 { padding-top: 75px !important } .pt-80 { padding-top: 80px !important } .pt-85 { padding-top: 85px !important } .pt-90 { padding-top: 90px !important } .pt-95 { padding-top: 95px !important } .pt-100 { padding-top: 100px !important } .pb-0 { padding-bottom: 0 !important } .pb-5 { padding-bottom: 5px !important } .pb-10 { padding-bottom: 10px !important } .pb-15 { padding-bottom: 15px !important } .pb-20 { padding-bottom: 20px !important } .pb-25 { padding-bottom: 25px !important } .pb-30 { padding-bottom: 30px !important } .pb-35 { padding-bottom: 35px !important } .pb-40 { padding-bottom: 40px !important } .pb-45 { padding-bottom: 45px !important } .pb-50 { padding-bottom: 50px !important } .pb-55 { padding-bottom: 55px !important } .pb-60 { padding-bottom: 60px !important } .pb-65 { padding-bottom: 65px !important } .pb-70 { padding-bottom: 70px !important } .pb-75 { padding-bottom: 75px !important } .pb-80 { padding-bottom: 80px !important } .pb-85 { padding-bottom: 85px !important } .pb-90 { padding-bottom: 90px !important } .pb-95 { padding-bottom: 95px !important } .pb-100 { padding-bottom: 100px !important } .b-shadow { -webkit-box-shadow: 0 5px 35px 0 rgba(148, 146, 245, .15); box-shadow: 0 5px 35px 0 rgba(148, 146, 245, .15) } .t-shadow-1 { text-shadow: 2px 8px 6px rgba(0, 0, 0, .1) } .t-shadow-2 { text-shadow: 1px 1px 2px rgba(0, 0, 0, .2) } .w-100 { width: 100% !important } .h-100 { height: 100% } .color-white { color: #fff !important } .noheight { height: 0 !important } .nolineheight { line-height: 0 !important } .ohidden { position: relative; overflow: hidden !important } .no-padding { padding: 0 !important } .p-relative { position: relative !important } .p-absolute { position: absolute !important } .hidden { display: none !important } .nothidden { display: block !important } .inline-block { float: none !important; display: inline-block !important } .o-hidden { overflow: hidden !important } .p-op { position: absolute; top: 0; left: 0; bottom: 0; right: 0 } .l-auto { left: auto !important } .r-auto { right: auto !important } .b-auto { bottom: auto !important } .renQ-video { -o-object-fit: cover; object-fit: cover; z-index: -20 !important; width: 100%; height: 100% } [data-renQ=video] { width: 100%; height: 100% } .text-center { text-align: center } html { font-size: 15px } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #000; line-height: 1.2; color: rgba(255, 255, 255, .69); font-family: Montserrat, sans-serif; font-weight: 500; margin: 0; text-rendering: optimizeLegibility } .v-light body { color: #0009 } button, input, optgroup, select, textarea { text-rendering: optimizeLegibility } h1, h2, h3, h4, h5, h6 { color: #fff; font-weight: 700; line-height: 1.2; font-family: Montserrat, sans-serif; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .v-light h1, .v-light h2, .v-light h3, .v-light h4, .v-light h5, .v-light h6 { color: #000 } h1 { font-size: 55px } h2 { font-size: 40px } h3 { font-size: 35px } h4 { font-size: 30px } h5 { font-size: 15px } h6 { font-size: 18px } h4 { font-weight: 400 } p { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.6 } cite, dfn, em, i { font-style: italic } a, span { display: inline-block; color: inherit } blockquote cite { font-style: normal; font-family: Montserrat, sans-serif } pre { font-family: "Courier 10 Pitch", Courier, monospace; overflow: auto } code, kbd, tt, var { font-family: Menlo, monaco, Consolas, Lucida Console, monospace } abbr, acronym { border-bottom: 1px dotted #666; cursor: help } ins, mark { background: #fff9c0; text-decoration: none } big { font-size: 125% } a { text-decoration: none } a:hover { text-decoration: none } a:focus { text-decoration: underline } body { background-color: #024da1; overflow: hidden; -webkit-transition: background-color .5s ease-out; -o-transition: background-color .5s ease-out; transition: background-color .5s ease-out } body.renQ-mobile { overflow-y: auto } body.v-light { background-color: #f9f9f9; color: #0009 } .v-light body { background-color: #f9f9f9 } body>* { -webkit-transition: none; -o-transition: none; transition: none } @media only screen and (max-width:991px) { .container { max-width: 100%; padding-right: 50px; padding-left: 50px } } @media only screen and (max-width:767px) { .container { padding-right: 30px; padding-left: 30px } } @media only screen and (max-width:575px) { .container { padding-right: 15px; padding-left: 15px } } .box-gallery-vertical .mask-bg:before, .gallery-col .box-im:before, .main-root:before, .nav .inner:before, .nav-content .inner-content:before, .nav-content .inner:before, .renQ-all-work .content:before, .renQ-all-work:before { content: ""; opacity: .4; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none } .nav .inner:before, .nav-content .inner-content:before, .nav-content .inner:before { z-index: 1 } .box-gallery-vertical .mask-bg:before, .gallery-col .box-im:before, .nav .inner:before, .nav-content .inner-content:before, .nav-content .inner:before { opacity: .2 } .wrapper { position: relative } .section-padding { padding-top: 120px; padding-bottom: 120px } @media only screen and (max-width:991px) { .section-padding { padding-top: 80px; padding-bottom: 80px } } .section-margin { margin-top: 120px; margin-bottom: 120px } @media only screen and (max-width:991px) { .section-margin { margin-top: 80px; margin-bottom: 80px } } .m-section { margin-top: 120px } @media only screen and (max-width:991px) { .m-section { margin-top: 80px } } .mb-section { margin-bottom: 120px } @media only screen and (max-width:991px) { .mb-section { margin-bottom: 80px } } .section-top { padding-top: 120px } @media only screen and (max-width:991px) { .section-top { padding-top: 80px } } .section-bottom { padding-bottom: 120px } @media only screen and (max-width:991px) { .section-bottom { padding-bottom: 80px } } .box-title { margin-top: 30px; padding-top: 90px; position: relative } .box-title h2 { color: rgba(148, 148, 148, .07); -webkit-font-smoothing: antialiased; font-size: 3vw; letter-spacing: .6rem; text-align: center; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; z-index: 1 } .subtitle { margin-bottom: 25px; letter-spacing: 2px; font-size: 24px; font-weight: 600 } @media only screen and (max-width:767px) { .subtitle { margin-bottom: 15px } } .one-title { width: 620px; margin-bottom: 70px } @media only screen and (max-width:991px) { .one-title { margin-bottom: 35px } } @media only screen and (max-width:767px) { .one-title { width: 100% } } .one-title .title-sub-container { padding-left: 50px; margin-bottom: 20px } @media only screen and (max-width:767px) { .one-title .title-sub-container { padding-left: 0 } } .one-title .title-sub-container .title-sub { font-size: 15px; font-weight: 600; letter-spacing: 2px; margin-bottom: 15px; text-transform: uppercase; position: relative; padding-left: 80px; color: #024da1 } .one-title .title-sub-container .title-sub:after, .one-title .title-sub-container .title-sub:before { content: ""; position: absolute; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .one-title .title-sub-container .title-sub:before { left: 0; width: 5px; height: 5px; background-color: #fff; border-radius: 50% } .v-light .one-title .title-sub-container .title-sub:before { background-color: #024da1 } .one-title .title-sub-container .title-sub:after { left: 15px; height: 1px; width: 52px; background: rgba(233, 233, 233, .1) } .v-light .one-title .title-sub-container .title-sub:after { background-color: #bebebe } .one-title .title-main { font-size: 42px; font-weight: 800; line-height: 1.2; letter-spacing: .01em } @media only screen and (max-width:767px) { .one-title .title-main { font-size: 32px } } @media only screen and (max-width:767px) { .one-title .title-main { font-size: 28px } } .container-fluid { padding-left: 0; padding-right: 0 } .title-text { position: relative } .title-text h4 { display: inline-block; font-family: Raleway, sans-serif; font-size: 80px; font-weight: 300; position: relative; border-bottom: .02em solid #fff } .small-title { position: relative } .small-title .counter { position: absolute; bottom: -3px; font-size: 63px; font-family: Barlow Condensed, sans-serif; font-weight: 600; line-height: 1; letter-spacing: 3px; color: rgba(148, 148, 148, .07); -webkit-font-smoothing: antialiased } .small-title h5 { position: relative; font-size: 19px; font-weight: 600; line-height: 1.3em; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 70px } .small-title h5:before { content: ""; height: 1px; background: #fff; position: absolute; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); left: -50px; right: auto; width: 150px; top: 50% } .item-descr h5 { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px } .item-descr h3 { font-size: 52px; font-weight: 700; text-transform: uppercase; position: relative; padding-top: 15px; margin-top: 20px } .item-descr h3:before { content: ""; position: absolute; top: 0; left: 0; width: 80px; height: 1px; background-color: rgba(106, 106, 106, .18) } .item-descr h3:after { content: ""; position: absolute; bottom: 0; left: 0; width: 80px; height: 1px; background-color: rgba(106, 106, 106, .18) } .item-descr p { font-size: 14px; line-height: 1.5; font-weight: 500 } .item-descr .main-link { position: relative; display: inline-block; padding: 0 0 0 40px; margin-top: 15px; height: 35px; cursor: pointer; line-height: 35px; color: #fff; text-transform: uppercase; -o-transition: color .35s ease-out; transition: color .35s ease-out; -webkit-transition: color .35s ease-out } .item-descr .main-link i { position: absolute; left: 0; top: 50%; margin-top: -1px; height: 6px; width: 39px; overflow: hidden } .item-descr .main-link i:before { content: ""; position: absolute; left: 0; top: 1px; width: 100%; background: rgba(255, 255, 255, .17); height: 1px } .item-descr .main-link i:after { content: ""; position: absolute; left: 0; top: -2px; width: 10px; height: 5px; background: rgba(255, 255, 255, .97); -o-transition: left .35s ease-out; transition: left .35s ease-out; -webkit-transition: left .35s ease-out } .item-descr .main-link span { position: relative; z-index: 1; padding: 0 10px; display: block; font-size: 10px; font-weight: 600; letter-spacing: 2px } .item-descr .main-link span:before { content: ""; position: absolute; left: 0; top: 0; z-index: -1; height: 100%; width: 0%; background: #fff; -o-transition: width .35s ease-out; transition: width .35s ease-out; -webkit-transition: width .35s ease-out } .item-descr .main-link:hover i:after { left: 100% } .item-descr .main-link:hover span { color: #000 } .item-descr .main-link:hover span:before { width: 100% } .name-title { position: relative } .name-title h3 { color: #fff; font-size: 5rem; text-transform: uppercase; letter-spacing: 4px; font-weight: 400 } .name-title span { position: absolute; top: 8px; left: 102%; font-size: 20px; color: transparent; -webkit-text-stroke: 1px #fff; font-weight: 700 } [data-renQ-grid=move-up] { height: 80vh; overflow: hidden } [data-renQ-grid=move-up] .cover-bg { height: 120% } [data-renQ-grid=progress-circle] { position: fixed; right: 20px; bottom: 30px; width: 52px; height: 52px; z-index: 99999999 } [data-renQ-grid=progress-circle] svg { stroke-width: 2px } [data-renQ-grid=progress-circle] .renQ-grid-parallax svg { height: 40px; width: 40px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } [data-renQ-grid=progress-circle] .renQ-grid-parallax svg .circle { stroke-width: 1px; stroke-dashoffset: 113.113px; stroke-dasharray: 113.113px; stroke-width: 0; opacity: 0; fill: #fff } [data-renQ-grid=progress-circle] .renQ-grid-parallax svg .path { fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 1.8px; -webkit-transition: opacity .3s, fill .3s, stroke .3s; -o-transition: opacity .3s, fill .3s, stroke .3s; transition: opacity .3s, fill .3s, stroke .3s } [data-renQ-grid=progress-circle] .icon__fixed { position: absolute; width: 100%; height: 100%; padding-top: 19px; padding-left: 22px; cursor: pointer; -webkit-transition: all .9s cubic-bezier(.4, .8, .74, 1); -o-transition: all .9s cubic-bezier(.4, .8, .74, 1); transition: all .9s cubic-bezier(.4, .8, .74, 1) } [data-renQ-grid=progress-circle] .icon__fixed i { color: #fff } .overlay-bottom { position: fixed; pointer-events: none; z-index: 10; width: 100%; height: 20vh; bottom: -10px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(15, 15, 15, 0)), to(#0f0f0f)); background: -webkit-linear-gradient(rgba(15, 15, 15, 0), #0f0f0f); background: -o-linear-gradient(rgba(15, 15, 15, 0), #0f0f0f); background: linear-gradient(rgba(15, 15, 15, 0), #0f0f0f) } .wait-loader { position: absolute; left: 0; right: 0; bottom: 24px; width: 100%; z-index: 999; display: none } .renQ-ajax-effect .wait-loader { display: block } .wait-loader .loader-inner { position: absolute; width: 30px; height: 30px; right: 35px; bottom: 0; -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); transition: opacity .6s, transform .6s cubic-bezier(.165, .84, .44, 1), -webkit-transform .6s cubic-bezier(.165, .84, .44, 1) } .wait-loader .loader-inner .loader-circle, .wait-loader .loader-inner .loader-layer { position: absolute; width: 100%; height: 100%; top: 0; right: 0 } .wait-loader .loader-inner .loader-circle .loader-layer, .wait-loader .loader-inner .loader-layer .loader-layer { border-radius: 50%; border: 2px solid #fff; border-right: 2px solid rgba(255, 255, 255, .2); border-left: 2px solid rgba(255, 255, 255, .2) } .renQ-ajax-effect .wait-loader .loader-inner .loader-circle { -webkit-animation-name: loading; animation-name: loading; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } @-webkit-keyframes loading { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @-moz-keyframes loading { from { transform: rotate(0) } to { transform: rotate(1turn) } } @keyframes loading { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } .day-night { position: fixed; z-index: 99; top: 50%; right: 30px; width: 40px; height: 40px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer } .day-night .moon, .day-night .night { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; pointer-events: none; -webkit-transition: opacity .8s; -o-transition: opacity .8s; transition: opacity .8s; border-radius: 100%; opacity: 0 } .day-night .moon svg, .day-night .night svg { width: 100%; height: 100% } .day-night .night { border: 1px solid rgba(255, 255, 255, .18); background-color: #fff } .day-night .night svg { fill: #000; width: 100%; height: 100% } .day-night .moon { border: 1px solid rgba(255, 255, 255, .18); background-color: #000 } .day-night .moon svg { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); fill: #f0f0f0 } .day-night .active { opacity: 1 } .renQ-word-wrapper { display: inline-block } .renQ-word-wrapper .renQ-chars-wrapper { display: inline-block } .cursor { position: fixed; top: 50%; left: 50%; width: 76px; height: 76px; z-index: 999999; pointer-events: none; background-color: #fff; border-radius: 50%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; -o-transition: transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s; -webkit-transform: scale(.3) translate(-50%, -50%); -ms-transform: scale(.3) translate(-50%, -50%); transform: scale(.3) translate(-50%, -50%); mix-blend-mode: exclusion } .cursor.cursor-view { -webkit-transform: scale(1) translate(-50%, -50%); -moz-transform: scale(1) translate(-50%, -50%); -ms-transform: scale(1) translate(-50%, -50%); -o-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%) } .cursor.cursor-view .cursor-view span { line-height: 76px; font-size: 12px; font-weight: 700; color: #000; -webkit-transition: opacity .35s ease .25s; -o-transition: opacity .35s ease .25s; transition: opacity .35s ease .25s; opacity: 1; visibility: visible; mix-blend-mode: normal } .cursor.cursor-close { -webkit-transform: scale(1) translate(-50%, -50%); -moz-transform: scale(1) translate(-50%, -50%); -ms-transform: scale(1) translate(-50%, -50%); -o-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%) } .cursor.cursor-close .cursor-close span { line-height: 76px; font-size: 12px; font-weight: 700; color: #000; -webkit-transition: opacity .35s ease .25s; -o-transition: opacity .35s ease .25s; transition: opacity .35s ease .25s; opacity: 1; visibility: visible; mix-blend-mode: normal } .cursor.cursor-link { -webkit-transform: scale(1.2) translate(-50%, -50%); -moz-transform: scale(1.2) translate(-50%, -50%); -ms-transform: scale(1.2) translate(-50%, -50%); -o-transform: scale(1.2) translate(-50%, -50%); transform: scale(1.2) translate(-50%, -50%) } .cursor.cursor-link .cursor-link span { line-height: 76px; font-size: 12px; font-weight: 700; color: #000; -webkit-transition: opacity .35s ease .25s; -o-transition: opacity .35s ease .25s; transition: opacity .35s ease .25s; opacity: 1; visibility: visible; mix-blend-mode: normal } @media only screen and (max-width:991px) { .cursor { display: none } } .cursor .cursor-helper { position: absolute; border-radius: 50%; width: 100%; text-align: center } .cursor .cursor-helper span { opacity: 0; visibility: hidden; text-shadow: 20px 20px 20px #000 } .preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999 } .preloader .preloader-after, .preloader .preloader-before { display: block; position: absolute; left: 0; width: 100%; height: 50%; background: #090808 } .preloader .preloader-before { top: 0 } .preloader .preloader-after { bottom: 0 } .preloader .preloader-block { position: absolute; top: 0; left: 0; right: auto; bottom: auto; width: 100%; height: 100% } .preloader .preloader-block .title { position: absolute; left: 0; bottom: calc(50% + 16px); width: 100%; text-align: center; z-index: 2; font-size: 25px; text-transform: uppercase; letter-spacing: 8px; color: #fff } .preloader .preloader-block .percent { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); font-weight: 700; letter-spacing: 8px; font-size: 24vw; color: rgba(54, 54, 53, .1); z-index: 1 } .preloader .preloader-block .loading { position: absolute; top: calc(50% + 16px); left: 0; width: 100%; text-align: center; z-index: 2; font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: 8px; color: #fff; -webkit-animation: blink-animation 2.2s linear infinite } .preloader .preloader-bar { position: absolute; z-index: 2; top: calc(50% - 1px); right: 0; width: 100%; height: 2px; background: #1d1d1d } .preloader .preloader-bar .preloader-progress { position: absolute; top: 0; left: 0; right: auto; bottom: auto; height: 100%; width: 0; background: #fff } @-webkit-keyframes blink-animation { 0% { opacity: 0 } } @-moz-keyframes blink-animation { 0% { opacity: 0 } } @keyframes blink-animation { 0% { opacity: 0 } } .view-demo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; height: 100vh; position: relative; z-index: 1 } @media only screen and (max-width:991px) { .view-demo { display: block } } .view-demo .half-left, .view-demo .half-right { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; text-align: center; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .view-demo .half-left a, .view-demo .half-right a { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .view-demo .half-left a img, .view-demo .half-right a img { margin: auto; width: 70%; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; -webkit-box-shadow: 0 0 0 1px #ebebeb; box-shadow: 0 0 0 1px #ebebeb; border-radius: 4px } .view-demo .half-left a:hover img, .view-demo .half-right a:hover img { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } .view-demo .half-left h4, .view-demo .half-right h4 { font-size: 18px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; margin-top: 20px } .view-demo .half-left h4.text-dark, .view-demo .half-right h4.text-dark { color: #333 } @media only screen and (max-width:991px) { .view-demo .half-left h4.text-dark, .view-demo .half-right h4.text-dark { color: #fff } } @media only screen and (max-width:991px) { .view-demo .half-left, .view-demo .half-right { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 60px 15px } .view-demo .half-left a img, .view-demo .half-right a img { -webkit-box-shadow: 0 0 0 1px #161515; box-shadow: 0 0 0 1px #161515 } } .view-demo .overlay-bg { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: -1 } @media only screen and (max-width:991px) { .view-demo .overlay-bg { display: none } } .view-demo .overlay-bg div { width: 50%; height: 100% } .view-demo .overlay-bg .black { background-color: #110f10 } .view-demo .overlay-bg .white { background-color: #fff } .form-box input, .form-box textarea, .form-control, input, textarea { background-color: transparent; border: none; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 14px; line-height: 1.7; color: rgba(255, 255, 255, .69) } .v-light .form-box input, .v-light .form-box textarea, .v-light .form-control, .v-light input, .v-light textarea { color: #0009 } @media only screen and (max-width:767px) { .form-box input, .form-box textarea, .form-control, input, textarea { -webkit-box-flex: unset; -ms-flex: unset; flex: unset; display: block; width: 100% } } .form-box input::-webkit-input-placeholder, .form-box textarea::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, .69); font-weight: 400; font-size: 14px } .form-box input:-ms-input-placeholder, .form-box textarea:-ms-input-placeholder, .form-control:-ms-input-placeholder, input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: rgba(255, 255, 255, .69); font-weight: 400; font-size: 14px } .form-box input::-ms-input-placeholder, .form-box textarea::-ms-input-placeholder, .form-control::-ms-input-placeholder, input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: rgba(255, 255, 255, .69); font-weight: 400; font-size: 14px } .form-box input::placeholder, .form-box textarea::placeholder, .form-control::placeholder, input::placeholder, textarea::placeholder { color: rgba(255, 255, 255, .69); font-weight: 400; font-size: 14px } .v-light .form-box input::-webkit-input-placeholder, .v-light .form-box textarea::-webkit-input-placeholder, .v-light .form-control::-webkit-input-placeholder, .v-light input::-webkit-input-placeholder, .v-light textarea::-webkit-input-placeholder { color: #0009 } .v-light .form-box input:-ms-input-placeholder, .v-light .form-box textarea:-ms-input-placeholder, .v-light .form-control:-ms-input-placeholder, .v-light input:-ms-input-placeholder, .v-light textarea:-ms-input-placeholder { color: #0009 } .v-light .form-box input::-ms-input-placeholder, .v-light .form-box textarea::-ms-input-placeholder, .v-light .form-control::-ms-input-placeholder, .v-light input::-ms-input-placeholder, .v-light textarea::-ms-input-placeholder { color: #0009 } .v-light .form-box input::placeholder, .v-light .form-box textarea::placeholder, .v-light .form-control::placeholder, .v-light input::placeholder, .v-light textarea::placeholder { color: #0009 } .form-box input:focus, .form-box textarea:focus, .form-control:focus, input:focus, textarea:focus { background: inherit; border: none; -webkit-box-shadow: none; box-shadow: none } .form-box textarea, .form-control, textarea { min-height: 120px } input[type=search]::-webkit-search-decoration { display: none } .button, button:not([data-filter]):not(.mfp-arrow), input[type=button], input[type=reset], input[type=submit] { position: relative; width: auto; color: #fff; background-color: #090909; -moz-appearance: none; border: none; -webkit-appearance: none; appearance: none; display: inline-block; font-size: 14px; font-weight: 500; letter-spacing: 3px; line-height: 14px; text-transform: uppercase; cursor: pointer; border-radius: 0; padding: 20px 41px; margin-top: 0; -webkit-transition: background .3s, color .3s; -o-transition: background .3s, color .3s; transition: background .3s, color .3s; overflow: hidden } .button:before, button:not([data-filter]):not(.mfp-arrow):before, input[type=button]:before, input[type=reset]:before, input[type=submit]:before { content: ""; background-color: rgba(54, 54, 54, .2); height: 100%; position: absolute; left: 0; top: 0; width: 0 } .v-light .button, .v-light button:not([data-filter]):not(.mfp-arrow), .v-light input[type=button], .v-light input[type=reset], .v-light input[type=submit] { color: #fff } .button:hover::before, button:not([data-filter]):not(.mfp-arrow):hover::before, input[type=button]:hover::before, input[type=reset]:hover::before, input[type=submit]:hover::before { -webkit-animation: hover-btn .8s cubic-bezier(.77, 0, .175, 1) both; animation: hover-btn .8s cubic-bezier(.77, 0, .175, 1) both; width: 100% } @-webkit-keyframes hover-btn { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } 100% { -webkit-transform: translateX(100%); transform: translateX(100%) } } @keyframes hover-btn { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } 100% { -webkit-transform: translateX(100%); transform: translateX(100%) } } .link-custom { margin-top: 30px } .link-custom a { color: #fff; text-decoration: none; white-space: nowrap; border: 1px solid rgba(112, 112, 112, .1); border-radius: 40px; padding-right: 25px; -webkit-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear } .v-light .link-custom a { color: #000; border: 1px solid #bebebe } .link-custom a:before { content: "\f054"; font-family: "Font Awesome 5 Free"; display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; font-size: 10px; font-weight: 600; height: 30px; width: 30px; line-height: 33px; text-align: center; margin: 12px 20px; background-color: #fff; color: #000; -webkit-transition: background .2s linear, color .2s linear; -o-transition: background .2s linear, color .2s linear; transition: background .2s linear, color .2s linear } .v-light .link-custom a:before { background-color: #000; color: #fff } .link-custom a span { vertical-align: middle; white-space: normal; text-transform: uppercase; font-size: 12px; font-weight: 600; line-height: 16px; letter-spacing: 4px; -webkit-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear } a:active, a:hover { outline: 0; text-decoration: none } .site-header { display: block; position: fixed; width: 100%; padding-top: 30px; padding-bottom: 20px; z-index: 9000; -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; top: 0 } @media only screen and (max-width:991px) { .site-header { display: none } } .admin-bar .site-header { top: 46px } @media screen and (min-width:783px) { .admin-bar .site-header { top: 32px } } .site-header.header-stickytop { height: auto !important } .site-header .extend-container { display: -ms-flexbox; display: -webkit-box; display: flex; width: 100%; padding: 0 50px; max-width: none; margin: 0 auto } .site-header .extend-container .inner-header { position: relative; margin: 0 auto } .site-header .extend-container .inner-header .main-logo { width: 96px; padding-top: 4px; position: relative; z-index: 9999; -webkit-transition: width .5s ease-in-out 0s; -o-transition: width .5s ease-in-out 0s; transition: width .5s ease-in-out 0s } .site-header .extend-container .main-navigation { position: relative; background: 0 0 !important; height: 0%; width: 90%; right: 0; top: 0; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: start; -webkit-box-align: start; align-items: start; -webkit-transition: background-color .5s ease-in-out .5s, height .5s ease-in-out .5s; -o-transition: background-color .5s ease-in-out .5s, height .5s ease-in-out .5s; transition: background-color .5s ease-in-out .5s, height .5s ease-in-out .5s } .site-header .extend-container .main-navigation ul { width: 100%; max-width: none; margin: 0; display: -ms-flexbox; display: -webkit-box; display: flex; padding: 0; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end } .site-header .extend-container .main-navigation ul li { color: #fff; font-size: 13px; font-weight: 400; line-height: 1; padding-right: 25px; padding-top: 12px; position: relative; text-align: center } .v-light.menu-light .site-header .extend-container .main-navigation ul li { color: #000 } .site-header .extend-container .main-navigation ul li:last-child { padding-bottom: 5px } .site-header .extend-container .main-navigation ul li a { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); text-transform: uppercase; letter-spacing: 2px; position: relative; padding: 10px 0; margin-top: -10px; -webkit-animation: shine 1s infinite; animation: shine 1s infinite; line-height: 15px } .site-header .extend-container .main-navigation ul li a:hover { -webkit-mask-image: -webkit-linear-gradient(165deg, rgba(0, 0, 0, .6) 30%, #000 50%, rgba(0, 0, 0, .6) 70%); -webkit-mask-size: 200%; -webkit-animation: shine 1s infinite; animation: shine 1s infinite; color: inherit } .site-header .extend-container .main-navigation ul li ul { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); display: block; opacity: 0; min-width: 200px; position: absolute; width: 100%; left: -20px; height: inherit; overflow: visible; visibility: hidden; top: 40px; padding-top: 20px; padding-bottom: 10px; background: #090909; border-radius: 3px; -webkit-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out } .site-header .extend-container .main-navigation ul li ul li { overflow: visible; position: relative; list-style: none; text-align: left; float: left; display: block; padding-left: 20px; width: 100% } .v-light.menu-light .site-header .extend-container .main-navigation ul li ul li { color: #fff } .site-header .extend-container .main-navigation ul li ul li a { line-height: 20px } .site-header .extend-container .main-navigation ul.extend-container>li { padding-right: 30px; font-weight: 600 } .site-header .extend-container .main-navigation ul.extend-container>li:last-child { padding-right: 0 } .site-header .extend-container .main-navigation .custom-drop-down:hover ul { opacity: 1; visibility: visible; top: 15px } .site-header ul li a:after { content: ""; position: absolute; left: 0; top: 50%; width: 0; height: 3px; background-color: #212121; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s } @media (min-width:991px) { .nav-mobile { visibility: hidden } } .main-logo .dark-logo { display: none } .v-light.menu-light .main-logo .dark-logo { display: block } .main-logo .light-logo { display: block } .v-light.menu-light .main-logo .light-logo { display: none } body.hamburger-menu .site-header { display: none } body.hamburger-menu .header-top { display: block } .renQ-nav-bar { position: absolute; z-index: 999; width: 100%; transform: none !important } .header-top { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; display: none } .admin-bar .header-top { top: 46px } @media screen and (min-width:783px) { .admin-bar .header-top { top: 32px } } .header-top .nav-lang { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; top: 30px; right: 165px; z-index: 16 } .header-top .nav-lang img { width: 15px; height: 15px; -o-object-fit: cover; object-fit: cover; border-radius: 50% } .header-top .nav-lang .nav-lang-button { position: relative; width: 100%; height: 28px; cursor: pointer; padding: 6px 10px; background: #100f0f; -webkit-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; border-radius: 12px; z-index: 2 } .header-top .nav-lang .nav-lang-button .nav-lang-item span { color: #fff; font-size: 11px; text-transform: uppercase } .header-top .nav-lang .nav-lang-lang { position: absolute; top: -5px; left: 0; opacity: 0; visibility: hidden; display: block; background: rgba(16, 15, 15, .9); -webkit-transition: all .7s ease-in-out, background .1s ease-in-out; -o-transition: all .7s ease-in-out, background .1s ease-in-out; transition: all .7s ease-in-out, background .1s ease-in-out; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px } .header-top .nav-lang .nav-lang-lang ul { padding: 15px 0 0 } .header-top .nav-lang .nav-lang-lang ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 29px; padding: 6px 10px; line-height: 15px; border-radius: 12px; -webkit-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out } .header-top .nav-lang .nav-lang-lang ul li a:hover { background: #100f0f } .header-top .nav-lang .nav-lang-lang ul li a span { color: #fff; font-size: 11px; text-transform: uppercase; padding: 0 6px 0 9px } .header-top .nav-lang:hover .nav-lang-lang { top: 15px; opacity: 1; visibility: visible } @media only screen and (max-width:991px) { .header-top { display: block } } .header-top.header-stickytop { z-index: 999 } .header-top .header-container { position: absolute; width: 100%; max-width: 2560px; padding: 22px 50px; margin: auto } body:not(.menu-light) .header-top .header-container .logo svg { fill: #fff !important } @media only screen and (max-width:767px) { .header-top .header-container { padding: 20px 30px } } @media only screen and (max-width:575px) { .header-top .header-container { padding: 20px 15px } } .header-top .header-container .logo { position: relative; display: table; pointer-events: auto; float: left; z-index: 99999; top: 5px } .header-top .header-container .logo svg { width: 110px } body.v-light .header-top .header-container .logo svg { fill: #024da1 } body .header-top .header-container .logo svg { fill: #fff } .header-top .header-container .logo.dark_logo { display: none } .header-top .header-container .logo img { width: 80px } .header-top .header-container .menu-icon { position: relative; z-index: 999; float: right; top: 14px; cursor: pointer; margin-right: 50px } .header-top .header-container .menu-icon .icon-circle { position: absolute; width: 40px; height: 40px; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #fff; left: 50%; top: 50%; margin-top: -23px; margin-left: -21px; cursor: pointer; z-index: 4; opacity: 0; visibility: hidden; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s } .v-light.menu-light .header-top .header-container .menu-icon .icon-circle { border: 2px solid #000 } .header-top .header-container .menu-icon:hover .icon-circle { opacity: .2; visibility: visible } .header-top .header-container .menu-icon .text-menu { position: relative; display: inline-block; margin-left: 10px; font-family: Montserrat, sans-serif; font-weight: 600; top: -21px; color: #fff; text-transform: uppercase; opacity: .9 } .v-light.menu-light .header-top .header-container .menu-icon .text-menu { color: #000 } .header-top .header-container .menu-icon .text-menu>div { position: absolute; left: 0; top: 0; width: -webkit-max-content; width: -moz-max-content; width: max-content } .header-top .header-container .menu-icon .text-menu .text-button .renQ-wrapper { margin-right: 7px } .header-top .header-container .menu-icon .text-menu .text-button .renQ-wrapper:last-child { margin-right: 0 } .header-top .header-container .menu-icon .text-menu .text-button .renQ-word-wrapper { will-change: transform } .header-top .header-container .menu-icon .text-menu .text-button .renQ-word-wrapper .renQ-chars-wrapper { will-change: transform; opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: -webkit-transform .5s ease-in-out; transition: -webkit-transform .5s ease-in-out; -o-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out } .header-top .header-container .menu-icon .text-menu .text-button .renQ-word-wrapper .renQ-chars-wrapper:nth-of-type(0) { -webkit-transition: opacity .3s ease-in-out .2s, visibility .3s 0s, -webkit-transform .5s ease-in-out 0s; transition: opacity .3s ease-in-out .2s, visibility .3s 0s, -webkit-transform .5s ease-in-out 0s; -o-transition: transform .5s ease-in-out 0s, opacity .3s ease-in-out .2s, visibility .3s 0s; transition: transform .5s ease-in-out 0s, opacity .3s ease-in-out .2s, visibility .3s 0s; transition: transform .5s ease-in-out 0s, opacity .3s ease-in-out .2s, visibility .3s 0s, -webkit-transform .5s ease-in-out 0s } .header-top .header-container .menu-icon .text-menu .text-button .renQ-word-wrapper .renQ-chars-wrapper:nth-of-type(1) { -webkit-transition: opacity .3s ease-in-out 245ms, visibility .3s 45ms, -webkit-transform .5s ease-in-out 45ms; transition: opacity .3s ease-in-out 245ms, visibility .3s 45ms, -webkit-transform .5s ease-in-out 45ms; -o-transition: transform .5s ease-in-out 45ms, opacity .3s ease-in-out 245ms, visibility .3s 45ms; transition: transform .5s ease-in-out 45ms, opacity .3s ease-in-out 245ms, visibility .3s 45ms; transition: transform .5s ease-in-out 45ms, opacity .3s ease-in-out 245ms, visibility .3s 45ms, -webkit-transform .5s ease-in-out 45ms } .header-top .header-container .menu-icon .text-menu .text-button .renQ-word-wrapper .renQ-chars-wrapper:nth-of-type(2) { -webkit-transition: opacity .3s ease-in-out 290ms, visibility .3s 90ms, -webkit-transform .5s ease-in-out 90ms; transition: opacity .3s ease-in-out 290ms, visibility .3s 90ms, -webkit-transform .5s ease-in-out 90ms; -o-transition: transform .5s ease-in-out 90ms, opacity .3s ease-in-out 290ms, visibility .3s 90ms; transition: transform .5s ease-in-out 90ms, opacity .3s ease-in-out 290ms, visibility .3s 90ms; transition: transform .5s ease-in-out 90ms, opacity .3s ease-in-out 290ms, visibility .3s 90ms, -webkit-transform .5s ease-in-out 90ms } .header-top .header-container .menu-icon .text-menu .text-button .renQ-word-wrapper .renQ-chars-wrapper:nth-of-type(3) { -webkit-transition: opacity .3s ease-in-out 335ms, visibility .3s 135ms, -webkit-transform .5s ease-in-out 135ms; transition: opacity .3s ease-in-out 335ms, visibility .3s 135ms, -webkit-transform .5s ease-in-out 135ms; -o-transition: transform .5s ease-in-out 135ms, opacity .3s ease-in-out 335ms, visibility .3s 135ms; transition: transform .5s ease-in-out 135ms, opacity .3s ease-in-out 335ms, visibility .3s 135ms; transition: transform .5s ease-in-out 135ms, opacity .3s ease-in-out 335ms, visibility .3s 135ms, -webkit-transform .5s ease-in-out 135ms } .header-top .header-container .menu-icon .text-menu .text-button .renQ-word-wrapper .renQ-chars-wrapper:nth-of-type(4) { -webkit-transition: opacity .3s ease-in-out 380ms, visibility .3s 180ms, -webkit-transform .5s ease-in-out 180ms; transition: opacity .3s ease-in-out 380ms, visibility .3s 180ms, -webkit-transform .5s ease-in-out 180ms; -o-transition: transform .5s ease-in-out 180ms, opacity .3s ease-in-out 380ms, visibility .3s 180ms; transition: transform .5s ease-in-out 180ms, opacity .3s ease-in-out 380ms, visibility .3s 180ms; transition: transform .5s ease-in-out 180ms, opacity .3s ease-in-out 380ms, visibility .3s 180ms, -webkit-transform .5s ease-in-out 180ms } .header-top .header-container .menu-icon .text-menu .text-open .renQ-word-wrapper { overflow: hidden; will-change: transform } .header-top .header-container .menu-icon .text-menu .text-open .renQ-word-wrapper .renQ-chars-wrapper { opacity: 0; visibility: hidden; will-change: transform; -webkit-transform: translateY(50%) rotate(15deg) scale(.8); -ms-transform: translateY(50%) rotate(15deg) scale(.8); transform: translateY(50%) rotate(15deg) scale(.8); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } .header-top .header-container .menu-icon .text-menu .text-close .renQ-word-wrapper { overflow: hidden; will-change: transform } .header-top .header-container .menu-icon .text-menu .text-close .renQ-word-wrapper .renQ-chars-wrapper { opacity: 0; visibility: hidden; will-change: transform; -webkit-transform: translateY(50%) rotate(15deg) scale(.8); -ms-transform: translateY(50%) rotate(15deg) scale(.8); transform: translateY(50%) rotate(15deg) scale(.8); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } .header-top .header-container .menu-icon .icon-m { position: relative; width: 22px; display: inline-block; height: 18px } .header-top .header-container .menu-icon .menu-icon-close { position: absolute; font-size: 20px; text-align: center; top: 0; color: #fff } .v-light.menu-light .header-top .header-container .menu-icon .menu-icon-close { color: #000 } .header-top .header-container .menu-icon__line { height: 2px; width: 22px; display: block; background-color: #fff; margin-bottom: 4px; -webkit-transition: background-color .5s ease, -webkit-transform .2s ease; transition: background-color .5s ease, -webkit-transform .2s ease; -o-transition: transform .2s ease, background-color .5s ease; transition: transform .2s ease, background-color .5s ease; transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease } .v-light.menu-light .header-top .header-container .menu-icon__line { background-color: #000 } .header-top .header-container .menu-icon:hover .menu-icon__line-left { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px) } .header-top .header-container .menu-icon:hover .menu-icon__line-right { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px) } .header-top .header-container .menu-icon__line-left { width: 11px; -webkit-transition: -webkit-transform .5s ease-in-out !important; transition: -webkit-transform .5s ease-in-out !important; -o-transition: transform .5s ease-in-out !important; transition: transform .5s ease-in-out !important; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out !important } .header-top .header-container .menu-icon__line-right { width: 11px; position: absolute; right: 2px } .header-top .header-container .menu-icon:hover .text-menu .text-button .renQ-word-wrapper { overflow: hidden; will-change: transform } .header-top .header-container .menu-icon:hover .text-menu .text-button .renQ-word-wrapper .renQ-chars-wrapper { opacity: 0; visibility: hidden; will-change: transform; -webkit-transform: translateY(50%) rotate(15deg) scale(.8); -ms-transform: translateY(50%) rotate(15deg) scale(.8); transform: translateY(50%) rotate(15deg) scale(.8); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } .header-top .header-container .menu-icon:hover .text-menu .text-open .renQ-wrapper { margin-right: 7px } .header-top .header-container .menu-icon:hover .text-menu .text-open .renQ-wrapper:last-child { margin-right: 0 } .header-top .header-container .menu-icon:hover .text-menu .text-open .renQ-word-wrapper { will-change: transform } .header-top .header-container .menu-icon:hover .text-menu .text-open .renQ-word-wrapper .renQ-chars-wrapper { will-change: transform; opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: -webkit-transform .5s ease-in-out; transition: -webkit-transform .5s ease-in-out; -o-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out } .header-top .header-container .menu-icon:hover .text-menu .text-open .renQ-word-wrapper .renQ-chars-wrapper:nth-of-type(0) { -webkit-transition: opacity .3s ease-in-out .2s, visibility .3s 0s, -webkit-transform .5s ease-in-out 0s; transition: opacity .3s ease-in-out .2s, visibility .3s 0s, -webkit-transform .5s ease-in-out 0s; -o-transition: transform .5s ease-in-out 0s, opacity .3s ease-in-out .2s, visibility .3s 0s; transition: transform .5s ease-in-out 0s, opacity .3s ease-in-out .2s, visibility .3s 0s; transition: transform .5s ease-in-out 0s, opacity .3s ease-in-out .2s, visibility .3s 0s, -webkit-transform .5s ease-in-out 0s } .header-top .header-container .menu-icon:hover .text-menu .text-open .renQ-word-wrapper .renQ-chars-wrapper:nth-of-type(1) { -webkit-transition: opacity .3s ease-in-out 245ms, visibility .3s 45ms, -webkit-transform .5s ease-in-out 45ms; transition: opacity .3s ease-in-out 245ms, visibility .3s 45ms, -webkit-transform .5s ease-in-out 45ms; -o-transition: transform .5s ease-in-out 45ms, opacity .3s ease-in-out 245ms, visibility .3s 45ms; transition: transform .5s ease-in-out 45ms, opacity .3s ease-in-out 245ms, visibility .3s 45ms; transition: transform .5s ease-in-out 45ms, opacity .3s ease-in-out 245ms, visibility .3s 45ms, -webkit-transform .5s ease-in-out 45ms } .header-top .header-container .menu-icon:hover .text-menu .text-open .renQ-word-wrapper .renQ-chars-wrapper:nth-of-type(2) { -webkit-transition: opacity .3s ease-in-out 290ms, visibility .3s 90ms, -webkit-transform .5s ease-in-out 90ms; transition: opacity .3s ease-in-out 290ms, visibility .3s 90ms, -webkit-transform .5s ease-in-out 90ms; -o-transition: transform .5s ease-in-out 90ms, opacity .3s ease-in-out 290ms, visibility .3s 90ms; transition: transform .5s ease-in-out 90ms, opacity .3s ease-in-out 290ms, visibility .3s 90ms; transition: transform .5s ease-in-out 90ms, opacity .3s ease-in-out 290ms, visibility .3s 90ms, -webkit-transform .5s ease-in-out 90ms } .header-top .header-container .menu-icon:hover .text-menu .text-open .renQ-word-wrapper .renQ-chars-wrapper:nth-of-type(3) { -webkit-transition: opacity .3s ease-in-out 335ms, visibility .3s 135ms, -webkit-transform .5s ease-in-out 135ms; transition: opacity .3s ease-in-out 335ms, visibility .3s 135ms, -webkit-transform .5s ease-in-out 135ms; -o-transition: transform .5s ease-in-out 135ms, opacity .3s ease-in-out 335ms, visibility .3s 135ms; transition: transform .5s ease-in-out 135ms, opacity .3s ease-in-out 335ms, visibility .3s 135ms; transition: transform .5s ease-in-out 135ms, opacity .3s ease-in-out 335ms, visibility .3s 135ms, -webkit-transform .5s ease-in-out 135ms } .header-top .header-container .menu-icon:hover .text-menu .text-open .renQ-word-wrapper .renQ-chars-wrapper:nth-of-type(4) { -webkit-transition: opacity .3s ease-in-out 380ms, visibility .3s 180ms, -webkit-transform .5s ease-in-out 180ms; transition: opacity .3s ease-in-out 380ms, visibility .3s 180ms, -webkit-transform .5s ease-in-out 180ms; -o-transition: transform .5s ease-in-out 180ms, opacity .3s ease-in-out 380ms, visibility .3s 180ms; transition: transform .5s ease-in-out 180ms, opacity .3s ease-in-out 380ms, visibility .3s 180ms; transition: transform .5s ease-in-out 180ms, opacity .3s ease-in-out 380ms, visibility .3s 180ms, -webkit-transform .5s ease-in-out 180ms } body.nav-active .header-top .header-container .menu-icon .text-menu { top: -17px } body.nav-active .header-top .header-container .menu-icon .text-menu .text-button .renQ-wrapper { margin-right: 7px } body.nav-active .header-top .header-container .menu-icon .text-menu .text-button .renQ-wrapper:last-child { margin-right: 0 } body.nav-active .header-top .header-container .menu-icon .text-menu .text-button .renQ-word-wrapper { will-change: transform } body.nav-active .header-top .header-container .menu-icon .text-menu .text-button .renQ-word-wrapper .renQ-chars-wrapper { will-change: transform; opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: -webkit-transform .5s ease-in-out; transition: -webkit-transform .5s ease-in-out; -o-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out } body.nav-active .header-top .header-container .menu-icon .text-menu .text-button .renQ-word-wrapper .renQ-chars-wrapper:nth-of-type(0) { -webkit-transition: opacity .3s ease-in-out .2s, visibility .3s 0s, -webkit-transform .5s ease-in-out 0s; transition: opacity .3s ease-in-out .2s, visibility .3s 0s, -webkit-transform .5s ease-in-out 0s; -o-transition: transform .5s ease-in-out 0s, opacity .3s ease-in-out .2s, visibility .3s 0s; transition: transform .5s ease-in-out 0s, opacity .3s ease-in-out .2s, visibility .3s 0s; transition: transform .5s ease-in-out 0s, opacity .3s ease-in-out .2s, visibility .3s 0s, -webkit-transform .5s ease-in-out 0s } body.nav-active .header-top .header-container .menu-icon .text-menu .text-button .renQ-word-wrapper .renQ-chars-wrapper:nth-of-type(1) { -webkit-transition: opacity .3s ease-in-out 245ms, visibility .3s 45ms, -webkit-transform .5s ease-in-out 45ms; transition: opacity .3s ease-in-out 245ms, visibility .3s 45ms, -webkit-transform .5s ease-in-out 45ms; -o-transition: transform .5s ease-in-out 45ms, opacity .3s ease-in-out 245ms, visibility .3s 45ms; transition: transform .5s ease-in-out 45ms, opacity .3s ease-in-out 245ms, visibility .3s 45ms; transition: transform .5s ease-in-out 45ms, opacity .3s ease-in-out 245ms, visibility .3s 45ms, -webkit-transform .5s ease-in-out 45ms } body.nav-active .header-top .header-container .menu-icon .text-menu .text-button .renQ-word-wrapper .renQ-chars-wrapper:nth-of-type(2) { -webkit-transition: opacity .3s ease-in-out 290ms, visibility .3s 90ms, -webkit-transform .5s ease-in-out 90ms; transition: opacity .3s ease-in-out 290ms, visibility .3s 90ms, -webkit-transform .5s ease-in-out 90ms; -o-transition: transform .5s ease-in-out 90ms, opacity .3s ease-in-out 290ms, visibility .3s 90ms; transition: transform .5s ease-in-out 90ms, opacity .3s ease-in-out 290ms, visibility .3s 90ms; transition: transform .5s ease-in-out 90ms, opacity .3s ease-in-out 290ms, visibility .3s 90ms, -webkit-transform .5s ease-in-out 90ms } body.nav-active .header-top .header-container .menu-icon .text-menu .text-button .renQ-word-wrapper .renQ-chars-wrapper:nth-of-type(3) { -webkit-transition: opacity .3s ease-in-out 335ms, visibility .3s 135ms, -webkit-transform .5s ease-in-out 135ms; transition: opacity .3s ease-in-out 335ms, visibility .3s 135ms, -webkit-transform .5s ease-in-out 135ms; -o-transition: transform .5s ease-in-out 135ms, opacity .3s ease-in-out 335ms, visibility .3s 135ms; transition: transform .5s ease-in-out 135ms, opacity .3s ease-in-out 335ms, visibility .3s 135ms; transition: transform .5s ease-in-out 135ms, opacity .3s ease-in-out 335ms, visibility .3s 135ms, -webkit-transform .5s ease-in-out 135ms } body.nav-active .header-top .header-container .menu-icon .text-menu .text-button .renQ-word-wrapper .renQ-chars-wrapper:nth-of-type(4) { -webkit-transition: opacity .3s ease-in-out 380ms, visibility .3s 180ms, -webkit-transform .5s ease-in-out 180ms; transition: opacity .3s ease-in-out 380ms, visibility .3s 180ms, -webkit-transform .5s ease-in-out 180ms; -o-transition: transform .5s ease-in-out 180ms, opacity .3s ease-in-out 380ms, visibility .3s 180ms; transition: transform .5s ease-in-out 180ms, opacity .3s ease-in-out 380ms, visibility .3s 180ms; transition: transform .5s ease-in-out 180ms, opacity .3s ease-in-out 380ms, visibility .3s 180ms, -webkit-transform .5s ease-in-out 180ms } body.nav-active .header-top .header-container .menu-icon .text-menu .text-open .renQ-word-wrapper { overflow: hidden; will-change: transform } body.nav-active .header-top .header-container .menu-icon .text-menu .text-open .renQ-word-wrapper .renQ-chars-wrapper { opacity: 0; visibility: hidden; will-change: transform; -webkit-transform: translateY(50%) rotate(15deg) scale(.8); -ms-transform: translateY(50%) rotate(15deg) scale(.8); transform: translateY(50%) rotate(15deg) scale(.8); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } body.nav-active .header-top .header-container .menu-icon:hover .text-menu .text-button .renQ-word-wrapper { overflow: hidden; will-change: transform } body.nav-active .header-top .header-container .menu-icon:hover .text-menu .text-button .renQ-word-wrapper .renQ-chars-wrapper { opacity: 0; visibility: hidden; will-change: transform; -webkit-transform: translateY(50%) rotate(15deg) scale(.8); -ms-transform: translateY(50%) rotate(15deg) scale(.8); transform: translateY(50%) rotate(15deg) scale(.8); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } body.nav-active .header-top .header-container .menu-icon:hover .text-menu .text-close .renQ-wrapper { margin-right: 7px } body.nav-active .header-top .header-container .menu-icon:hover .text-menu .text-close .renQ-wrapper:last-child { margin-right: 0 } body.nav-active .header-top .header-container .menu-icon:hover .text-menu .text-close .renQ-word-wrapper { will-change: transform } body.nav-active .header-top .header-container .menu-icon:hover .text-menu .text-close .renQ-word-wrapper .renQ-chars-wrapper { will-change: transform; opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: -webkit-transform .5s ease-in-out; transition: -webkit-transform .5s ease-in-out; -o-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out } body.nav-active .header-top .header-container .menu-icon:hover .text-menu .text-close .renQ-word-wrapper .renQ-chars-wrapper:nth-of-type(0) { -webkit-transition: opacity .3s ease-in-out .2s, visibility .3s 0s, -webkit-transform .5s ease-in-out 0s; transition: opacity .3s ease-in-out .2s, visibility .3s 0s, -webkit-transform .5s ease-in-out 0s; -o-transition: transform .5s ease-in-out 0s, opacity .3s ease-in-out .2s, visibility .3s 0s; transition: transform .5s ease-in-out 0s, opacity .3s ease-in-out .2s, visibility .3s 0s; transition: transform .5s ease-in-out 0s, opacity .3s ease-in-out .2s, visibility .3s 0s, -webkit-transform .5s ease-in-out 0s } body.nav-active .header-top .header-container .menu-icon:hover .text-menu .text-close .renQ-word-wrapper .renQ-chars-wrapper:nth-of-type(1) { -webkit-transition: opacity .3s ease-in-out 245ms, visibility .3s 45ms, -webkit-transform .5s ease-in-out 45ms; transition: opacity .3s ease-in-out 245ms, visibility .3s 45ms, -webkit-transform .5s ease-in-out 45ms; -o-transition: transform .5s ease-in-out 45ms, opacity .3s ease-in-out 245ms, visibility .3s 45ms; transition: transform .5s ease-in-out 45ms, opacity .3s ease-in-out 245ms, visibility .3s 45ms; transition: transform .5s ease-in-out 45ms, opacity .3s ease-in-out 245ms, visibility .3s 45ms, -webkit-transform .5s ease-in-out 45ms } body.nav-active .header-top .header-container .menu-icon:hover .text-menu .text-close .renQ-word-wrapper .renQ-chars-wrapper:nth-of-type(2) { -webkit-transition: opacity .3s ease-in-out 290ms, visibility .3s 90ms, -webkit-transform .5s ease-in-out 90ms; transition: opacity .3s ease-in-out 290ms, visibility .3s 90ms, -webkit-transform .5s ease-in-out 90ms; -o-transition: transform .5s ease-in-out 90ms, opacity .3s ease-in-out 290ms, visibility .3s 90ms; transition: transform .5s ease-in-out 90ms, opacity .3s ease-in-out 290ms, visibility .3s 90ms; transition: transform .5s ease-in-out 90ms, opacity .3s ease-in-out 290ms, visibility .3s 90ms, -webkit-transform .5s ease-in-out 90ms } body.nav-active .header-top .header-container .menu-icon:hover .text-menu .text-close .renQ-word-wrapper .renQ-chars-wrapper:nth-of-type(3) { -webkit-transition: opacity .3s ease-in-out 335ms, visibility .3s 135ms, -webkit-transform .5s ease-in-out 135ms; transition: opacity .3s ease-in-out 335ms, visibility .3s 135ms, -webkit-transform .5s ease-in-out 135ms; -o-transition: transform .5s ease-in-out 135ms, opacity .3s ease-in-out 335ms, visibility .3s 135ms; transition: transform .5s ease-in-out 135ms, opacity .3s ease-in-out 335ms, visibility .3s 135ms; transition: transform .5s ease-in-out 135ms, opacity .3s ease-in-out 335ms, visibility .3s 135ms, -webkit-transform .5s ease-in-out 135ms } body.nav-active .header-top .header-container .menu-icon:hover .text-menu .text-close .renQ-word-wrapper .renQ-chars-wrapper:nth-of-type(4) { -webkit-transition: opacity .3s ease-in-out 380ms, visibility .3s 180ms, -webkit-transform .5s ease-in-out 180ms; transition: opacity .3s ease-in-out 380ms, visibility .3s 180ms, -webkit-transform .5s ease-in-out 180ms; -o-transition: transform .5s ease-in-out 180ms, opacity .3s ease-in-out 380ms, visibility .3s 180ms; transition: transform .5s ease-in-out 180ms, opacity .3s ease-in-out 380ms, visibility .3s 180ms; transition: transform .5s ease-in-out 180ms, opacity .3s ease-in-out 380ms, visibility .3s 180ms, -webkit-transform .5s ease-in-out 180ms } .nav, .nav-content { position: absolute; width: 60%; height: 100vh; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; text-align: center; -webkit-transition: all 1s ease-in-out .8s; -o-transition: all 1s ease-in-out .8s; transition: all 1s ease-in-out .8s; z-index: 15 } .nav-content:after, .nav-content:before, .nav:after, .nav:before { content: ""; position: fixed; width: 60%; height: 100vh; left: 0; top: 0; background: rgba(33, 33, 33, .5); z-index: -1; -webkit-transition: -webkit-transform cubic-bezier(.77, 0, .175, 1) 1.3s; transition: -webkit-transform cubic-bezier(.77, 0, .175, 1) 1.3s; -o-transition: transform cubic-bezier(.77, 0, .175, 1) 1.3s; transition: transform cubic-bezier(.77, 0, .175, 1) 1.3s; transition: transform cubic-bezier(.77, 0, .175, 1) 1.3s, -webkit-transform cubic-bezier(.77, 0, .175, 1) 1.3s; -webkit-transform: translateX(-100%) translateY(0); -ms-transform: translateX(-100%) translateY(0); transform: translateX(-100%) translateY(0) } @media only screen and (max-width:767px) { .nav, .nav-content, .nav-content:after, .nav-content:before, .nav:after, .nav:before { width: 100% } .nav .nav__list-item a, .nav-content .nav__list-item a { width: 100% !important; padding-left: 0; padding-bottom: 10px; text-align: center } } .nav-content:after, .nav:after { background: #212121; -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s } .nav-content:before, .nav:before { -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s } .nav .inner, .nav-content .inner { display: table-cell; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100vw; margin: auto; opacity: 0; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; height: 100vh } .admin-bar .nav .inner, .admin-bar .nav-content .inner { top: 46px; height: calc(100vh - 46px) } @media screen and (min-width:783px) { .admin-bar .nav .inner, .admin-bar .nav-content .inner { top: 32px; height: calc(100vh - 32px) } } .nav .inner .logo, .nav-content .inner .logo { position: absolute; top: 9px; left: 78px; pointer-events: auto; padding-top: 18px } .nav .inner .logo img, .nav-content .inner .logo img { width: 80px; height: 50px } .nav__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; text-align: left } .nav__list { width: 100%; overflow: auto; padding-top: 50px } .nav__list-item { position: relative; display: block; font-family: Montserrat, sans-serif; font-size: 40px; letter-spacing: 3px; font-weight: 700; cursor: pointer; overflow: hidden; color: #fff } .nav__list-item.active { color: #fff } .nav__list-item a { position: relative; display: block; padding-left: 20%; -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; -webkit-transform: translateX(-10px) scale(.8) rotate(1deg); -ms-transform: translateX(-10px) scale(.8) rotate(1deg); transform: translateX(-10px) scale(.8) rotate(1deg); opacity: 0; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition: opacity .5s ease, -webkit-transform .5s ease; transition: opacity .5s ease, -webkit-transform .5s ease; -o-transition: opacity .5s ease, transform .5s ease; transition: opacity .5s ease, transform .5s ease; transition: opacity .5s ease, transform .5s ease, -webkit-transform .5s ease } .nav__list-item a:hover { color: #fff; -webkit-transition: color .5s ease-in-out 0s; -o-transition: color .5s ease-in-out 0s; transition: color .5s ease-in-out 0s } .nav__list-item ul { display: none; margin-top: 15px } .nav__list-item ul li { font-size: 18px; font-weight: 600; margin-bottom: 10px } .nav-content { width: 40%; right: 0; left: auto } @media only screen and (max-width:767px) { .nav-content { display: none } } .nav-content .inner-content { width: 100%; height: 100% } .nav-content:after, .nav-content:before { content: ""; position: fixed; width: 40%; right: 0; left: auto; -webkit-transform: translateX(100%) translateY(0); -ms-transform: translateX(100%) translateY(0); transform: translateX(100%) translateY(0) } .nav-content address { overflow: hidden; will-change: transform } .nav-content address span { opacity: 0; visibility: hidden; will-change: transform; -webkit-transform: translateY(50%) rotate(15deg) scale(.8); -ms-transform: translateY(50%) rotate(15deg) scale(.8); transform: translateY(50%) rotate(15deg) scale(.8); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } .nav-content address { font-size: 18px; font-weight: 500; line-height: 1.7; overflow: inherit; color: #fff; width: 100%; text-align: left } .nav-content address span { display: block } body.nav-active { overflow: hidden !important } body.nav-active main.main-root { -webkit-transform: scale(.5, 1) translateX(30%); -ms-transform: scale(.5, 1) translateX(30%); transform: scale(.5, 1) translateX(30%); opacity: 0; visibility: hidden; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out } @media only screen and (max-width:767px) { body.nav-active main.main-root { -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s } } body.nav-active .header-top .header-container .menu-icon .icon-circle { border: 2px solid #ccc } body.nav-active .header-top .header-container .menu-icon .menu-icon-close { display: block; width: 22px; -webkit-transition: background-color .5s ease, -webkit-transform .2s ease; transition: background-color .5s ease, -webkit-transform .2s ease; -o-transition: transform .2s ease, background-color .5s ease; transition: transform .2s ease, background-color .5s ease; transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease } body.nav-active .nav, body.nav-active .nav-content { visibility: visible; opacity: 1; -webkit-transition: all .2s ease-in-out .5s; -o-transition: all .2s ease-in-out .5s; transition: all .2s ease-in-out .5s } body.nav-active .nav-content:after, body.nav-active .nav-content:before, body.nav-active .nav:after, body.nav-active .nav:before { -webkit-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0) } body.nav-active .nav-content:after, body.nav-active .nav:after { -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s } body.nav-active .nav-content:before, body.nav-active .nav:before { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s } body.nav-active .nav .inner, body.nav-active .nav-content .inner { opacity: 1; -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s } body.nav-active .nav__content { opacity: 1; -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s } body.nav-active .nav__list-item { margin-bottom: 15px } body.nav-active .nav__list-item:nth-child(0) a { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s } body.nav-active .nav__list-item:nth-child(1) a { -webkit-transition-delay: 1.15s; -o-transition-delay: 1.15s; transition-delay: 1.15s } body.nav-active .nav__list-item:nth-child(2) a { -webkit-transition-delay: 1.3s; -o-transition-delay: 1.3s; transition-delay: 1.3s } body.nav-active .nav__list-item:nth-child(3) a { -webkit-transition-delay: 1.45s; -o-transition-delay: 1.45s; transition-delay: 1.45s } body.nav-active .nav__list-item:nth-child(4) a { -webkit-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s } body.nav-active .nav__list-item:nth-child(5) a { -webkit-transition-delay: 1.75s; -o-transition-delay: 1.75s; transition-delay: 1.75s } body.nav-active .nav__list-item:nth-child(6) a { -webkit-transition-delay: 1.9s; -o-transition-delay: 1.9s; transition-delay: 1.9s } body.nav-active .nav__list-item:nth-child(7) a { -webkit-transition-delay: 2.05s; -o-transition-delay: 2.05s; transition-delay: 2.05s } body.nav-active .nav__list-item:nth-child(8) a { -webkit-transition-delay: 2.2s; -o-transition-delay: 2.2s; transition-delay: 2.2s } body.nav-active .nav__list-item:nth-child(9) a { -webkit-transition-delay: 2.35s; -o-transition-delay: 2.35s; transition-delay: 2.35s } body.nav-active .nav__list-item:nth-child(10) a { -webkit-transition-delay: 2.5s; -o-transition-delay: 2.5s; transition-delay: 2.5s } body.nav-active .nav__list-item:nth-child(11) a { -webkit-transition-delay: 2.65s; -o-transition-delay: 2.65s; transition-delay: 2.65s } body.nav-active .nav__list-item:nth-child(12) a { -webkit-transition-delay: 2.8s; -o-transition-delay: 2.8s; transition-delay: 2.8s } body.nav-active .nav__list-item:nth-child(13) a { -webkit-transition-delay: 2.95s; -o-transition-delay: 2.95s; transition-delay: 2.95s } body.nav-active .nav__list-item:nth-child(14) a { -webkit-transition-delay: 3.1s; -o-transition-delay: 3.1s; transition-delay: 3.1s } body.nav-active .nav__list-item:nth-child(15) a { -webkit-transition-delay: 3.25s; -o-transition-delay: 3.25s; transition-delay: 3.25s } body.nav-active .nav__list-item:nth-child(16) a { -webkit-transition-delay: 3.4s; -o-transition-delay: 3.4s; transition-delay: 3.4s } body.nav-active .nav__list-item:nth-child(17) a { -webkit-transition-delay: 3.55s; -o-transition-delay: 3.55s; transition-delay: 3.55s } body.nav-active .nav__list-item:nth-child(18) a { -webkit-transition-delay: 3.7s; -o-transition-delay: 3.7s; transition-delay: 3.7s } body.nav-active .nav__list-item:nth-child(19) a { -webkit-transition-delay: 3.85s; -o-transition-delay: 3.85s; transition-delay: 3.85s } body.nav-active .nav__list-item:nth-child(20) a { -webkit-transition-delay: 4s; -o-transition-delay: 4s; transition-delay: 4s } body.nav-active .nav__list-item a { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; -webkit-transition: opacity 1s, -webkit-transform 1.5s; transition: opacity 1s, -webkit-transform 1.5s; -o-transition: opacity 1s, transform 1.5s; transition: opacity 1s, transform 1.5s; transition: opacity 1s, transform 1.5s, -webkit-transform 1.5s; -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55); -o-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55); transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55); width: -webkit-max-content; width: -moz-max-content; width: max-content } body.nav-active .nav .renQ-wrapper, body.nav-active .nav-content .renQ-wrapper { margin-right: 7px } body.nav-active .nav .renQ-wrapper:last-child, body.nav-active .nav-content .renQ-wrapper:last-child { margin-right: 0 } body.nav-active .nav address, body.nav-active .nav-content address { will-change: transform } body.nav-active .nav address span, body.nav-active .nav-content address span { will-change: transform; opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36); transition: -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36); -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36); transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36); transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36), -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) } body.nav-active .nav address:nth-of-type(0) span, body.nav-active .nav-content address:nth-of-type(0) span { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.7s, visibility .3s 1.5s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.5s; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.7s, visibility .3s 1.5s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.5s; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.5s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.7s, visibility .3s 1.5s; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.5s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.7s, visibility .3s 1.5s; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.5s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.7s, visibility .3s 1.5s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.5s } body.nav-active .nav address:nth-of-type(1) span, body.nav-active .nav-content address:nth-of-type(1) span { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2s, visibility .3s 1545ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.8s; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2s, visibility .3s 1545ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.8s; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.8s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2s, visibility .3s 1545ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.8s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2s, visibility .3s 1545ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.8s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2s, visibility .3s 1545ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.8s } body.nav-active .nav address:nth-of-type(2) span, body.nav-active .nav-content address:nth-of-type(2) span { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.3s, visibility .3s 1.59s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.1s; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.3s, visibility .3s 1.59s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.1s; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.1s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.3s, visibility .3s 1.59s; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.1s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.3s, visibility .3s 1.59s; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.1s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.3s, visibility .3s 1.59s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.1s } body.nav-active .nav address:nth-of-type(3) span, body.nav-active .nav-content address:nth-of-type(3) span { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.6s, visibility .3s 1635ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.4s; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.6s, visibility .3s 1635ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.4s; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.4s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.6s, visibility .3s 1635ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.4s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.6s, visibility .3s 1635ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.4s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.6s, visibility .3s 1635ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.4s } body.nav-active .nav address:nth-of-type(4) span, body.nav-active .nav-content address:nth-of-type(4) span { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.9s, visibility .3s 1.68s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.7s; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.9s, visibility .3s 1.68s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.7s; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.7s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.9s, visibility .3s 1.68s; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.7s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.9s, visibility .3s 1.68s; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.7s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.9s, visibility .3s 1.68s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.7s } body.nav-active .nav address:nth-of-type(5) span, body.nav-active .nav-content address:nth-of-type(5) span { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.2s, visibility .3s 1725ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3s; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.2s, visibility .3s 1725ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3s; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.2s, visibility .3s 1725ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.2s, visibility .3s 1725ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.2s, visibility .3s 1725ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3s } .header-stickytops { position: fixed; top: 0; background: #151515; padding: 10px 0 16px 0 } .header-stickytops .header-bg { background: #151515 } .header-stickytops .header-bg img.header-bg-img { top: 0; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%); opacity: 0 } .custom-logo-link h4 { width: -webkit-max-content; width: -moz-max-content; width: max-content } .renQ-nav-bar .icon-m { overflow: hidden; will-change: transform } .renQ-nav-bar .icon-m .menu-icon-close { opacity: 0; visibility: hidden; will-change: transform; -webkit-transform: translateY(50%) rotate(15deg) scale(.8); -ms-transform: translateY(50%) rotate(15deg) scale(.8); transform: translateY(50%) rotate(15deg) scale(.8); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } .renQ-nav-bar .renQ-wrapper { margin-right: 7px } .renQ-nav-bar .renQ-wrapper:last-child { margin-right: 0 } .renQ-nav-bar .icon-m { will-change: transform } .renQ-nav-bar .icon-m .menu-icon__line { will-change: transform; opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36); transition: -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36); -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36); transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36); transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36), -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) } .renQ-nav-bar .icon-m:nth-of-type(0) .menu-icon__line { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) .2s, visibility .3s 0s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 0s; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) .2s, visibility .3s 0s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 0s; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 0s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) .2s, visibility .3s 0s; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 0s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) .2s, visibility .3s 0s; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 0s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) .2s, visibility .3s 0s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 0s } .renQ-nav-bar .icon-m:nth-of-type(1) .menu-icon__line { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 209ms, visibility .3s 45ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 9ms; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 209ms, visibility .3s 45ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 9ms; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 9ms, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 209ms, visibility .3s 45ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 9ms, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 209ms, visibility .3s 45ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 9ms, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 209ms, visibility .3s 45ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 9ms } .renQ-nav-bar .icon-m:nth-of-type(2) .menu-icon__line { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 218ms, visibility .3s 90ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 18ms; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 218ms, visibility .3s 90ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 18ms; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 18ms, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 218ms, visibility .3s 90ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 18ms, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 218ms, visibility .3s 90ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 18ms, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 218ms, visibility .3s 90ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 18ms } .renQ-nav-bar .icon-m:nth-of-type(3) .menu-icon__line { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 227ms, visibility .3s 135ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 27ms; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 227ms, visibility .3s 135ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 27ms; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 27ms, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 227ms, visibility .3s 135ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 27ms, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 227ms, visibility .3s 135ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 27ms, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 227ms, visibility .3s 135ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 27ms } body.nav-active .renQ-nav-bar .renQ-wrapper { margin-right: 7px } body.nav-active .renQ-nav-bar .renQ-wrapper:last-child { margin-right: 0 } body.nav-active .renQ-nav-bar .icon-m { will-change: transform } body.nav-active .renQ-nav-bar .icon-m .menu-icon-close { will-change: transform; opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36); transition: -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36); -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36); transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36); transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36), -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) } body.nav-active .renQ-nav-bar .icon-m:nth-of-type(0) .menu-icon-close { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.2s, visibility .3s 1s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1s; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.2s, visibility .3s 1s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1s; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.2s, visibility .3s 1s; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.2s, visibility .3s 1s; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.2s, visibility .3s 1s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1s } body.nav-active .renQ-nav-bar .icon-m:nth-of-type(1) .menu-icon-close { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1209ms, visibility .3s 1045ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1009ms; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1209ms, visibility .3s 1045ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1009ms; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1009ms, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1209ms, visibility .3s 1045ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1009ms, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1209ms, visibility .3s 1045ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1009ms, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1209ms, visibility .3s 1045ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1009ms } body.nav-active .renQ-nav-bar .icon-m { overflow: hidden; will-change: transform } body.nav-active .renQ-nav-bar .icon-m .menu-icon__line { opacity: 0; visibility: hidden; will-change: transform; -webkit-transform: translateY(50%) rotate(15deg) scale(.8); -ms-transform: translateY(50%) rotate(15deg) scale(.8); transform: translateY(50%) rotate(15deg) scale(.8); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } .v-light.nav-active .nav__list-item a { color: #fff } @media only screen and (max-width:991px) { .v-light.nav-active .nav__list-item a { color: #333 } } .v-light.menu-light.nav-active .header-top .header-container .menu-icon .menu-icon-close, .v-light.menu-light.nav-active .header-top .header-container .menu-icon .text-menu { color: #fff } .nav-active.v-light.menu-light .main-logo .dark-logo { display: none } .nav-active.v-light.menu-light .main-logo .light-logo { display: block } .footer-navigation { display: inline } .footer-navigation>div { display: inline } .footer-navigation .footer-menu { display: inline; padding-left: 0 } .footer-navigation .footer-menu li { display: inline; margin-right: 1rem } .next-project { position: relative; width: 100%; height: 100vh; background-color: #000; overflow: hidden } .next-project+footer { position: absolute; width: 100%; bottom: 0; z-index: 99 } .next-project+footer a, .next-project+footer p { color: #fff } .v-light .next-project+footer a, .v-light .next-project+footer p { color: #fff } .next-project.next-project-image { position: fixed; bottom: 0 } .next-project .bg { position: absolute; right: 0; top: -30%; width: 80%; height: 100%; -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08) } @media only screen and (max-width:767px) { .next-project .bg { width: 100% } } .next-project .bg .bg-image { position: relative; width: 100%; height: 100% } .next-project .project-title { position: absolute; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow: hidden; z-index: 2 } .next-project .project-title#renQ-next-parallax-title { top: 10%; opacity: 0 } .next-project .project-title .title-text-header { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-direction: normal; padding-left: 7.5vw; -webkit-perspective: 1000px; perspective: 1000px } .next-project .project-title .title-text-header .title-text-header-inner { font-family: Montserrat, sans-serif; color: #fff } .next-project .project-title .title-text-header .title-text-header-inner span { display: block; font-size: 65px; font-weight: 700; letter-spacing: -.01em; line-height: .75em; margin: 30px 0 } @media only screen and (max-width:767px) { .next-project .project-title .title-text-header .title-text-header-inner span { font-size: 55px } } @media only screen and (max-width:575px) { .next-project .project-title .title-text-header .title-text-header-inner span { font-size: 45px } } @media only screen and (max-width:400px) { .next-project .project-title .title-text-header .title-text-header-inner span { font-size: 38px } } .next-project .project-title .sub-text-header { padding-left: 7.5vw; letter-spacing: 2px } .next-project .project-title .sub-text-header h5 { font-weight: 400; color: #fff } .contact-up { position: relative; background-color: #090909; overflow: hidden } .v-light .contact-up { background-color: rgba(2, 77, 161, .07) } .contact-up::before { width: 0%; height: 100%; left: 0; top: 0; position: absolute; background-color: #000; content: ""; -webkit-transition: width .5s cubic-bezier(.77, 0, .175, 1); -o-transition: width .5s cubic-bezier(.77, 0, .175, 1); transition: width .5s cubic-bezier(.77, 0, .175, 1) } .v-light .contact-up::before { background-color: #f9f9f9 } .contact-up .c-wapp { width: 100%; display: table } .contact-up .c-wapp a { width: 100%; height: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden } @media only screen and (max-width:767px) { .contact-up .c-wapp a { -ms-flex-flow: wrap; flex-flow: wrap } } .contact-up .c-wapp a .hiring { width: 50%; position: relative; display: block; text-align: left; font-size: 42px; font-weight: 800; line-height: 1.2; letter-spacing: .01em; color: transparent; -webkit-text-stroke: 1px #fff; text-transform: uppercase; -webkit-transition: color .5s cubic-bezier(.77, 0, .175, 1); -o-transition: color .5s cubic-bezier(.77, 0, .175, 1); transition: color .5s cubic-bezier(.77, 0, .175, 1) } .v-light .contact-up .c-wapp a .hiring { -webkit-text-stroke: 1px #024da1 } @media only screen and (max-width:767px) { .contact-up .c-wapp a .hiring { display: block; text-align: center; width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } } @media only screen and (max-width:400px) { .contact-up .c-wapp a .hiring { font-size: 28px } } .contact-up .c-wapp a .career { color: #fff; width: 50%; position: relative; display: block; text-align: right; font-size: 14px; font-weight: 600; margin-top: 10px } .v-light .contact-up .c-wapp a .career { color: #024da1 } @media only screen and (max-width:767px) { .contact-up .c-wapp a .career { display: block; text-align: center; width: 100%; margin-top: 0; margin-bottom: 15px } } .contact-up:hover::before { width: 100% } .contact-up:hover a .hiring { color: #fff } .v-light .contact-up:hover a .hiring { color: #024da1 } .renQ-pagination { position: relative; margin-top: 120px; margin-bottom: 120px } @media only screen and (max-width:991px) { .renQ-pagination { margin-top: 80px; margin-bottom: 80px } } .renQ-pagination .page-numbers { position: relative; font-size: 64px; font-weight: 700; margin-right: 30px; -webkit-transition: all .45s cubic-bezier(.08, .58, .17, .94); -o-transition: all .45s cubic-bezier(.08, .58, .17, .94); transition: all .45s cubic-bezier(.08, .58, .17, .94) } @media only screen and (max-width:575px) { .renQ-pagination .page-numbers { font-size: 30px; margin-right: 20px } } .renQ-pagination .page-numbers.current { color: #fff; -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7) } .v-light .renQ-pagination .page-numbers.current { color: #000 } .renQ-pagination .page-numbers:hover { color: #fff } .v-light .renQ-pagination .page-numbers:hover { color: #000 } .renQ-pagination .next .button-m { position: absolute; display: inline-block; text-align: center; width: 90px; height: 90px; margin-left: 10px; top: -68px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } @media only screen and (max-width:575px) { .renQ-pagination .next .button-m { width: 65px; height: 65px; top: -45px } } .renQ-pagination .next .button-m:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: 50%; background: #090909; -webkit-transition: all .45s cubic-bezier(.08, .58, .17, .94); -o-transition: all .45s cubic-bezier(.08, .58, .17, .94); transition: all .45s cubic-bezier(.08, .58, .17, .94); -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8) } .renQ-pagination .next .button-m svg { position: absolute; top: 0; left: -10%; fill: #fff; z-index: 1; width: 30px; height: 100%; opacity: 1; -webkit-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; vertical-align: middle } @media only screen and (max-width:575px) { .renQ-pagination .next .button-m svg { left: -35% } } .renQ-pagination .next .button-m span { top: 38px; position: relative; display: block; z-index: 2; font-weight: 400; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; color: #fff; -webkit-transform: translateX(9%); -ms-transform: translateX(9%); transform: translateX(9%); -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out } @media only screen and (max-width:575px) { .renQ-pagination .next .button-m span { top: 25px; left: -5px } } .renQ-pagination .next .button-m:hover:before { -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7) } .renQ-pagination .next .button-m:hover svg { opacity: 0; -webkit-transform: translateX(20%) !important; -ms-transform: translateX(20%) !important; transform: translateX(20%) !important } .renQ-pagination .next .button-m:hover span { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .root-project.root-project-full { width: 100% !important } .custom-text { background-color: #090909; color: rgba(255, 255, 255, .9); padding: 4px; font-size: 18px; line-height: 50px; letter-spacing: 2px; display: unset } .intro-project { position: relative } .intro-project .intro-text { position: relative } .intro-project .title-cover { position: absolute; width: 100%; font-family: Montserrat, sans-serif; font-size: 10vw; font-weight: 600; text-align: center; opacity: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); z-index: 1; text-transform: uppercase; word-break: break-all; pointer-events: none } .intro-project h2 { font-size: 42px; font-weight: 700; letter-spacing: 4px } @media only screen and (max-width:767px) { .intro-project h2 { font-size: 32px } } @media only screen and (max-width:767px) { .intro-project h2 { font-size: 28px } } .intro-project.section-p h2 { max-width: 750px; letter-spacing: inherit; font-size: 25px; font-weight: 600; margin: 0 auto; text-align: center } .intro-project.section-p h2.title { font-size: 42px } @media only screen and (max-width:767px) { .intro-project.section-p h2.title { font-size: 28px } } @media only screen and (max-width:991px) { .intro-project.section-p h2 { font-size: 22px; line-height: 1.2 } } .intro-project .inner>p { margin-top: 20px } @media only screen and (max-width:575px) { .intro-project .inner>p { font-size: 14px } } .intro-project .inner ul { margin-top: 20px; color: #fff } .v-light .intro-project .inner ul { color: #000 } .intro-project .inner ul li { line-height: 25px } .intro-project p.renQ-active>.renQ-wrapper { margin-right: 5px } .intro-project .meta-project { position: relative } .intro-project .meta-project ul li { display: inline-block; list-style: none; font-size: 14px; font-weight: 500; position: relative } .intro-project .meta-project ul li::after { content: "/"; padding: 0 5px; font-size: 8px; display: inline-block } .intro-project .meta-project ul li:last-child::after { display: none } .intro-project .intro-title { position: relative; overflow: hidden } .intro-project .intro-title .part-tilte { position: relative; text-align: center } .intro-project .intro-title .part-tilte h2 { font-size: 28px; font-weight: 300; text-transform: uppercase; letter-spacing: 6px; margin-bottom: 30px } .intro-project .intro-title .part-tilte p { font-size: 18px; letter-spacing: 2px } .intro-project .intro-title .renQ-cat { text-align: center; margin-top: 30px } .intro-project .intro-title .renQ-link { text-align: center; margin-top: 50px } .intro-project .intro-title .renQ-link a { display: inline-block; padding: 0 4px; border-bottom: 3px solid #fff; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 7px; font-weight: 600; -o-transition: .4s ease-out; transition: .4s ease-out; -webkit-transition: .4s ease-out } .v-light .intro-project .intro-title .renQ-link a { color: #000; border-bottom: 3px solid #bebebe } .intro-project .intro-title .renQ-link a:hover { border-bottom: 0 solid #fff } .v-light .intro-project .intro-title .renQ-link a:hover { border-bottom: 0 solid #bebebe } .intro-project .bottom-link { position: relative; font-weight: 400; color: #fff; text-decoration: none; text-align: center; width: 100%; height: 34px; margin-top: 30px } .intro-project .bottom-link p { margin: 0; max-width: 100% } .v-light .intro-project .bottom-link { color: #000 } .intro-project .bottom-link span { display: block; position: absolute; left: 0; width: 100%; height: 1px; background-color: rgba(255, 255, 255, .08); -webkit-transition: -webkit-transform .4s cubic-bezier(.14, .7, .3, 1) 0s; transition: -webkit-transform .4s cubic-bezier(.14, .7, .3, 1) 0s; -o-transition: transform .4s cubic-bezier(.14, .7, .3, 1) 0s; transition: transform .4s cubic-bezier(.14, .7, .3, 1) 0s; transition: transform .4s cubic-bezier(.14, .7, .3, 1) 0s, -webkit-transform .4s cubic-bezier(.14, .7, .3, 1) 0s } .v-light .intro-project .bottom-link span { background-color: #e6e6e6 } .intro-project .bottom-link span:nth-child(1) { top: 0 } .intro-project .bottom-link span:nth-child(2) { top: 100% } .intro-project .bottom-link .content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden } .intro-project .bottom-link .content .inner { position: relative; width: 100%; height: 100%; overflow: hidden } .intro-project .bottom-link .content .inner p { display: block; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; font-weight: 600; font-size: 10px; letter-spacing: 2px } .intro-project .bottom-link:hover span:nth-child(1) { -webkit-transform: translate3d(0, .4vh, 0); transform: translate3d(0, .4vh, 0) } .intro-project .bottom-link:hover span:nth-child(2) { -webkit-transform: translate3d(0, -.4vh, 0); transform: translate3d(0, -.4vh, 0) } .intro-project .flex-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row } .intro-project .flex-wrapper .client-box { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; font-size: 13px; line-height: 20px; letter-spacing: .1em; height: 100%; text-transform: uppercase; max-width: 300px; min-width: 300px } .intro-project .flex-wrapper .info-container { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 13px; line-height: 20px; letter-spacing: .1em } .intro-project .flex-wrapper .info-container .services-box { text-transform: uppercase; margin: 0 0 60px } .intro-project .flex-wrapper .story-box { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; letter-spacing: .1em; line-height: 20px; width: 50% } .intro-project .flex-wrapper h5 { margin-bottom: 5px; font-size: 11px; font-weight: 600; letter-spacing: .3em; text-transform: uppercase } .intro-desc { position: relative } .intro-desc .intro-text { position: relative; width: 614px } .intro-desc .intro-text h2 { position: relative; width: 100%; height: auto; margin: 0 0 30px; font-size: 42px } .intro-desc .intro-text p { display: block; margin: 0 20%; width: 60% } .img-box-small { position: relative; height: 80vh; overflow: hidden } .img-fullscreen { position: relative; overflow: hidden; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; height: 90vh } .img-fullscreen .cover-bg { width: 100%; height: 150% } .gallery-col { position: relative; overflow: hidden; background-color: #090909 } .v-light .gallery-col { background-color: #e6e6e6 } .gallery-col .box-im { position: relative; padding-left: 80px; padding-right: 80px } @media only screen and (max-width:991px) { .gallery-col .box-im { padding: 40px 40px 40px 60px } } @media only screen and (max-width:767px) { .gallery-col .box-im { padding: 80px } .gallery-col .box-im .caption { left: 20px } } @media only screen and (max-width:575px) { .gallery-col .box-im .caption { left: -20px } } .gallery-col .box-im:nth-child(even) { background-color: #000 } .v-light .gallery-col .box-im:nth-child(even) { background-color: #f9f9f9 } .gallery-col .box-im .image-zoom { width: 100%; display: inline-block; position: relative; vertical-align: bottom; text-align: center } .gallery-col .box-im .image-zoom img { max-width: 100%; -webkit-transition: all 750ms ease-in-out; -o-transition: all 750ms ease-in-out; transition: all 750ms ease-in-out } .slider-project { position: relative; width: calc(100% - 150px); left: 75px } @media only screen and (max-width:767px) { .slider-project { width: calc(100% - 130px) } } @media only screen and (max-width:767px) { .slider-project { width: calc(100% - 70px); left: 35px } } @media only screen and (max-width:575px) { .slider-project { width: calc(100% - 55px); left: 27.5px } } .slider-project .swiper-container { width: 100%; height: 100% } .slider-project .swiper-slide { width: 80%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media only screen and (max-width:767px) { .slider-project .swiper-slide { width: 100% } } .slider-project .slider-button-next, .slider-project .slider-button-prev { display: inline-block; cursor: pointer; position: absolute } .slider-project .slider-button-next div, .slider-project .slider-button-prev div { display: inline-block } .slider-project .slider-button-next div svg, .slider-project .slider-button-prev div svg { height: 40px; width: 40px } .slider-project .slider-button-next div svg .path, .slider-project .slider-button-prev div svg .path { fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 1.8px; -webkit-transition: opacity .3s, fill .3s, stroke .3s; -o-transition: opacity .3s, fill .3s, stroke .3s; transition: opacity .3s, fill .3s, stroke .3s } .v-light .slider-project .slider-button-next div svg .path, .v-light .slider-project .slider-button-prev div svg .path { stroke: #000 } .slider-project .slider-button-prev { top: -15px; left: -60px } .slider-project .slider-button-next { top: 50px; left: -60px } .slider-project .slider-button-next::after { content: "/"; position: absolute; top: -20px; left: 20px; -webkit-transform: rotate(75deg); -ms-transform: rotate(75deg); transform: rotate(75deg); opacity: .8 } @media only screen and (max-width:767px) { .slider-project .slider-button-next::after { display: none } } .slider-project .swiper-pagination-fraction { position: absolute; bottom: 26px; left: -65px; width: 60px; font-size: 14px; -webkit-transform: rotate(75deg); -ms-transform: rotate(75deg); transform: rotate(75deg) } .slider-project .swiper-pagination-current, .slider-project .swiper-pagination-total { position: absolute; display: inline-block; font-size: 16px; color: #fff; width: 60px; opacity: 1; -webkit-transform: rotate(-75deg); -ms-transform: rotate(-75deg); transform: rotate(-75deg) } .v-light .slider-project .swiper-pagination-current, .v-light .slider-project .swiper-pagination-total { color: #000 } .slider-project .swiper-pagination-current { left: -30px; top: -10px } .slider-project .swiper-pagination-total { left: 30px; bottom: -10px } .project-image-collage { display: -ms-grid; display: grid; grid-column-gap: 40px; grid-row-gap: 40px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr } @media only screen and (max-width:575px) { .project-image-collage { -ms-grid-columns: unset; grid-template-columns: unset } } .box-gallery-vertical { position: relative } .box-gallery-vertical.box-gallery-vertical-order .mask-bg { left: 0; right: auto } .box-gallery-vertical.box-gallery-vertical-order .row .col-lg-6:first-child { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .box-gallery-vertical.box-gallery-vertical-order .box-info { padding-right: 50px; padding-left: 0 } @media only screen and (max-width:991px) { .box-gallery-vertical.box-gallery-vertical-order .box-info { padding-left: 30px; padding-top: 0; padding-bottom: 30px } } @media only screen and (max-width:767px) { .box-gallery-vertical.box-gallery-vertical-order .box-info { padding-bottom: 30px; padding-left: 0 } } .box-gallery-vertical.box-gallery-vertical-order .box-info .vertical-title::before { display: none } .box-gallery-vertical [data-renQ-grid=moveUp] { height: 100vh } .box-gallery-vertical .vertical-title { position: relative } .box-gallery-vertical .vertical-title::before { content: ""; height: 1px; background: #fff; position: absolute; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); left: -25px; right: auto; width: 100px; top: 50% } .v-light .box-gallery-vertical .vertical-title::before { background-color: #000 } .box-gallery-vertical .vertical-title h2 { font-size: 42px; line-height: 1.33; margin-bottom: 30px } .box-gallery-vertical .box-info { padding-left: 50px } .box-gallery-vertical h6 { font-family: Montserrat, sans-serif; margin-bottom: 30px; line-height: 1.6 } .box-gallery-vertical .back_stage__subtitle { color: #fff; max-width: 270px; font-size: 24px; font-weight: 700; line-height: 28px; margin-bottom: 30px } @media only screen and (max-width:991px) { .box-gallery-vertical { padding: 0 } .box-gallery-vertical .mask-bg { display: none } .box-gallery-vertical [data-renQ-grid=moveUp] { height: 80vh } .box-gallery-vertical .box-info { padding: 30px; padding-bottom: 0 } .box-gallery-vertical .box-info .vertical-title:before { display: none } .box-gallery-vertical .box-info .vertical-title h2 { font-size: 35px; margin-bottom: 20px; line-height: inherit } .box-gallery-vertical .box-info .vertical-title p { font-size: 14px } .box-gallery-vertical h6 { margin-bottom: 10px; font-weight: 600 } .box-gallery-vertical .link-custom { margin-top: 20px } } @media only screen and (max-width:767px) { .box-gallery-vertical .box-im { margin: 0 } .box-gallery-vertical .box-info { margin-bottom: 0; padding: 30px 0 0 0 } .box-gallery-vertical .box-info .vertical-title h2 { font-size: 25px } .box-gallery-vertical .box-info .vertical-title h6 { font-size: 16px } .box-gallery-vertical .box-info .vertical-title p { font-weight: 400 } .box-gallery-vertical .link-custom { margin-top: 20px } } .mask-bg { position: absolute; top: 0; right: 0; width: calc(70% + 20px); height: 100%; background-color: #004490; z-index: -1 } .v-light .mask-bg { background-color: rgba(2, 77, 161, .07) } .intro-about { position: relative; margin: 120px 0; padding: 120px 0 } .intro-about .box-im div { width: 100%; height: 80vh } .intro-about .content h5 { font-size: 12px; letter-spacing: 1.83px; line-height: 22px; text-transform: uppercase; font-weight: 300 } .intro-about .content h3 { font-size: 22px; line-height: 33px; margin-top: 20px } .intro-about .content p { margin-top: 50px } .our-services { position: relative } .our-services .row>:nth-of-type(n+3) .services-item { margin-top: 25px } @media only screen and (max-width:767px) { .our-services .row>:nth-of-type(n+2) .services-item { margin-top: 25px } } .our-services .services-item { position: relative } .our-services .services-item .line-before { width: 40px; height: 2px; background-color: #fff; margin-bottom: 25px; opacity: .5 } .v-light .our-services .services-item .line-before { background-color: #bebebe } .our-services .services-item p { max-width: 447px } .our-client { position: relative } .our-client .client-curs { position: relative; overflow: hidden; width: 100% } .our-client .client-curs .client-item { position: relative; margin-bottom: 40px } .our-client .client-curs .client-item div { position: relative; padding-left: 60px; padding-right: 60px } @media only screen and (max-width:767px) { .our-client .client-curs .client-item div { padding-left: 15px; padding-right: 15px } } .our-client .client-curs .client-item div:after, .our-client .client-curs .client-item div:before { font-size: 130px; position: absolute; line-height: 1; height: 40px; background-color: rgba(148, 148, 148, .07); opacity: .1 } .our-client .client-curs .client-item div:before { content: "\201C"; -ms-flex-item-align: start; align-self: flex-start; left: 0; top: -20px } .our-client .client-curs .client-item div:after { content: "\201D"; -ms-flex-item-align: end; align-self: flex-end; right: 0; bottom: 0 } .our-client .client-curs .client-item h5 { font-size: 14px; line-height: 24px; margin: 20px 0 0; position: relative; text-transform: uppercase; letter-spacing: 3px } .our-client .client-curs .client-item span { color: #6a6a6a; font-size: 14px; font-weight: 600; line-height: 24px; letter-spacing: .3px } .our-client .client-curs .client-item p { font-size: 17px; letter-spacing: 2px; line-height: 1.7 } @media only screen and (max-width:767px) { .our-client .client-curs .client-item p { font-size: inherit; letter-spacing: 1px; line-height: 1.6 } } .our-client .client-curs .slick-arrow { bottom: -20px; width: 40px; line-height: 50px; text-align: center; position: absolute; display: block; cursor: pointer; z-index: 2 } .our-client .client-curs .slick-arrow.fa-angle-right { left: 120px } @media only screen and (max-width:767px) { .our-client .client-curs .slick-arrow.fa-angle-right { left: 70px } } .our-client .client-curs .slick-arrow.fa-angle-left { left: 45px } @media only screen and (max-width:767px) { .our-client .client-curs .slick-arrow.fa-angle-left { left: 10px } } .our-client .client-curs .slick-arrow:before { line-height: 50px; text-align: center } .brand-client { position: relative } .brand-client .wapper-client { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .brand-client .wapper-client .logo-box { position: relative; background-color: #090909; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(25% - 2px); padding: 15px; min-height: 240px; margin-right: 2px; margin-bottom: 2px; overflow: hidden } .v-light .brand-client .wapper-client .logo-box { background-color: rgba(2, 77, 161, .07) } @media only screen and (max-width:767px) { .brand-client .wapper-client .logo-box { width: calc(50% - 2px) } } @media only screen and (max-width:400px) { .brand-client .wapper-client .logo-box { width: 100% } } .brand-client .wapper-client .logo-box img { max-width: 180px; margin: auto } .brand-client .wapper-client .logo-box .info { position: absolute; height: 100%; left: 0; top: 0; width: 100%; z-index: 2 } .brand-client .wapper-client .logo-box .info .content { border-radius: 0 20px 0 0; bottom: 0; display: inline-block; height: 40px; width: 40px; left: 0; position: absolute; text-align: center; -webkit-transition: all .5s cubic-bezier(.77, 0, .175, 1); -o-transition: all .5s cubic-bezier(.77, 0, .175, 1); transition: all .5s cubic-bezier(.77, 0, .175, 1); background: #000 } .v-light .brand-client .wapper-client .logo-box .info .content { background-color: #f9f9f9 } .brand-client .wapper-client .logo-box .info .content .icon { color: #fff; font-size: 10px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer } .v-light .brand-client .wapper-client .logo-box .info .content .icon { color: #000 } .brand-client .wapper-client .logo-box .info .content .entry { padding: 10%; position: absolute; left: -100%; opacity: 0; top: 100%; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; vertical-align: middle; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .brand-client .wapper-client .logo-box .info .content .entry div { width: 100% } .brand-client .wapper-client .logo-box .info .content .entry div h5 { margin-bottom: 20px } .brand-client .wapper-client .logo-box .info .content .entry div a { letter-spacing: 2px; font-weight: 600 } .brand-client .wapper-client .logo-box .info .content:hover { width: 100%; height: 100%; border-radius: 0 } .brand-client .wapper-client .logo-box .info .content:hover .icon { display: none; opacity: 0; visibility: hidden } .brand-client .wapper-client .logo-box .info .content:hover .entry { left: 0; top: 0; opacity: 1; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s } [data-renQ-grid=move-up], [data-renQ-grid=moveUp] { position: relative; margin: 0 auto; -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: 1/1/3/3; overflow: hidden; height: 80vh; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } [data-renQ-grid=move-up].renQ-parallax-full, [data-renQ-grid=moveUp].renQ-parallax-full { height: 100vh } [data-renQ-grid=move-up] img, [data-renQ-grid=moveUp] img { position: relative; width: 100%; top: -20%; height: 120%; will-change: scroll-position; pointer-events: none; -o-object-fit: cover; object-fit: cover } [data-renQ-grid=move-up] img[data-renQ-scale="1"], [data-renQ-grid=moveUp] img[data-renQ-scale="1"] { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) } .box-seat { position: relative } .box-seat .inner-img { height: 100vh; overflow: hidden } .box-seat .inner-img img { -o-object-fit: cover; object-fit: cover; pointer-events: none } .box-seat .pro-text { position: absolute; background-color: #0d0d0d; max-width: 600px; padding: 80px; right: 80px; bottom: -80px } .v-light .box-seat .pro-text { background-color: #e6e6e6 } .v-light .box-seat .pro-text h3 { color: #000 } .box-seat .pro-text p { margin-left: 0; margin-top: 30px } .v-light .box-seat .pro-text p { color: #0009 } .box-seat .pro-text p.renQ-active>.renQ-wrapper { margin-right: 5px } .box-seat.box-seat-full .pro-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; background-color: rgba(13, 13, 13, .7); height: 100%; top: 0 } .box-seat.box-seat-full .pro-text .item2 { margin-top: 35px } .v-light .box-seat.box-seat-full .pro-text { background-color: rgba(2, 76, 162, .78) } @media only screen and (max-width:991px) { .v-light .box-seat.box-seat-full .pro-text { background-color: #000 } } .v-light .box-seat.box-seat-full .pro-text h3 { color: #fff } .v-light .box-seat.box-seat-full .pro-text .link-custom a { color: #fff } .v-light .box-seat.box-seat-full .pro-text .link-custom a:before { color: #000; background-color: #fff } .v-light .box-seat.box-seat-full .pro-text p { color: rgba(255, 255, 255, .69) } .box-seat.box-seat-bottom { margin-bottom: 0 } .v-light .box-seat.box-seat-bottom .pro-text { background-color: #e6e6e6 } .v-light .box-seat.box-seat-bottom .pro-text h3 { color: #000 } .v-light .box-seat.box-seat-bottom .pro-text p { color: #0009 } .box-seat.box-seat-bottom .pro-text { position: relative; bottom: 150px; max-width: inherit; width: 80%; text-align: center; right: auto; margin: 0 auto; margin-bottom: -150px; border-radius: 3px 3px 0 0 } .box-seat.box-seat-qute .pro-text:after { content: "\201D"; position: absolute; line-height: 1; height: 40px; opacity: .03; font-size: 24vw; left: 50%; top: 20px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .box-seat.box-seat-under-header { overflow: hidden; margin-top: -10vh } .box-seat.box-seat-under-header .custom-container { width: 120% } .box-seat.box-seat-under-header .inner-img { height: 80vh } @media only screen and (max-width:991px) { .box-seat .pro-text, .box-seat.box-seat-bottom .pro-text, .box-seat.box-seat-full .pro-text { position: relative; width: auto; max-width: 100%; top: auto; left: 0; right: 0; bottom: 60px; padding: 50px; margin: 0 20px -60px 20px; background-color: #0d0d0d; text-align: center } .box-seat .pro-text p, .box-seat.box-seat-bottom .pro-text p, .box-seat.box-seat-full .pro-text p { padding-left: 0; max-width: 100%; margin: auto; padding-top: 15px } } @media only screen and (max-width:767px) { .box-seat .pro-text, .box-seat.box-seat-bottom .pro-text, .box-seat.box-seat-full .pro-text { padding: 50px 15px } .box-seat .pro-text h3, .box-seat.box-seat-bottom .pro-text h3, .box-seat.box-seat-full .pro-text h3 { font-size: 25px; line-height: 1.3 } .box-seat .pro-text h3.renQ-active>.renQ-wrapper, .box-seat.box-seat-bottom .pro-text h3.renQ-active>.renQ-wrapper, .box-seat.box-seat-full .pro-text h3.renQ-active>.renQ-wrapper { margin-right: 6px } .box-seat .pro-text p.renQ-active>.renQ-wrapper, .box-seat.box-seat-bottom .pro-text p.renQ-active>.renQ-wrapper, .box-seat.box-seat-full .pro-text p.renQ-active>.renQ-wrapper { line-height: 1.4 } } @media only screen and (max-width:400px) { .box-seat .pro-text, .box-seat.box-seat-bottom .pro-text, .box-seat.box-seat-full .pro-text { bottom: 0; padding: 30px 20px; margin: 0 } .box-seat .pro-text p, .box-seat.box-seat-bottom .pro-text p, .box-seat.box-seat-full .pro-text p { max-width: 100%; padding-top: 15px; text-align: center } } .box-seat .play-button { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80px; height: 80px; text-align: center; border-radius: 50%; background-color: #000 } .box-seat .play-button i { color: #fff; font-size: 28px; line-height: 80px } .box-seat .renQ-video { position: relative; overflow: hidden } .box-seat .box-middle-text { position: absolute; width: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; z-index: 2 } .box-seat .box-middle-text h3 { margin-bottom: 25px } @media only screen and (max-width:575px) { .box-seat .box-middle-text h3 { font-size: 25px } } .box-seat .box-middle-text p { color: #fff; margin: 0 auto 25px; max-width: 460px } .box-seat .box-middle-text .play-button { position: relative; -webkit-transform: none; -ms-transform: none; transform: none; left: auto; top: auto; margin: auto } .box-seat .box-middle-text .play-button i { width: 100% } .box-seat .box-middle-text .play-button i:hover { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -webkit-transition: -webkit-transform .4s ease-in; transition: -webkit-transform .4s ease-in; -o-transition: transform .4s ease-in; transition: transform .4s ease-in; transition: transform .4s ease-in, -webkit-transform .4s ease-in } .box-seat .renQ-v-text { position: relative; overflow: hidden } .v-light .box-seat .renQ-v-text h2 { color: #fff } .intro-about { position: relative } .intro-about .background-mask { position: absolute; top: 0; left: auto; right: 0; bottom: 0; width: calc(43% + 50px); z-index: -1 } .intro-about .background-mask .background-mask-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #090909 } .v-light .intro-about .background-mask .background-mask-bg { background-color: rgba(2, 77, 161, .07) } .intro-about .intro-content-text h2 { color: #024da1; margin-bottom: 25px; font-size: 30px; font-weight: 800; line-height: 1.2; letter-spacing: .01em } @media only screen and (min-width:1441px) { .intro-about .intro-content-text h2 { font-size: 42px; margin-bottom: 40px } } .intro-about .intro-content-text h2.renQ-move-section:not([data-renQ-responsive]) { position: relative; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); -webkit-transition: none; -o-transition: none; transition: none; opacity: .2 } .intro-about .intro-content-text h2 div { display: block; text-align: right; position: relative } .intro-about .intro-content-text h6 { position: relative; font-weight: 600; text-transform: uppercase; font-size: 17px; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding-right: 80px; margin-top: 30px; margin-bottom: 10px; color: #024da1 } .intro-about .intro-content-text h6:after { content: ""; position: absolute; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 15px; height: 1px; width: 52px; background: rgba(233, 233, 233, .1) } .v-light .intro-about .intro-content-text h6:after { background-color: #0009 } .intro-about .intro-content-text h6:before { content: ""; position: absolute; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 5px; height: 5px; background-color: #fff; border-radius: 50% } .v-light .intro-about .intro-content-text h6:before { background-color: #024da1 } .intro-about .intro-content-text small { display: block; font-size: 14px; opacity: .7 } .intro-about .intro-content-text p { max-width: 590px; margin-bottom: 30px; letter-spacing: .4px } .intro-about .intro-content-text p a { color: #024da1; position: relative; line-height: 17px } .intro-about .intro-content-text p a::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #024da1 } .intro-about .intro-content-text p[data-renQ-animate=animate]>span { margin-right: 5px } .intro-about .intro-content-text .exper { overflow: hidden } .intro-about .intro-content-text .exper .numb-ex>span { font-size: 120px; line-height: 1.2; float: left; font-weight: 700; margin-right: 20px; color: #fff } .v-light .intro-about .intro-content-text .exper .numb-ex>span { color: #024da1 } .intro-about .intro-content-text .exper h4 { font-size: 18px; margin-top: 40px; line-height: 31px } .intro-about .img-box { position: relative; width: 100%; height: 100%; padding: 55px; padding-right: 0 } .intro-about .img-box img { width: 100%; border: 0 } .intro-about .img-box .img-cent { position: relative; width: 100%; height: 100% } .intro-about .img-box .img-cent .img-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .intro-about .img-box .img-cent .img-container img { width: 100%; border: 0 } @media only screen and (max-width:991px) { .intro-about .intro-content-text h2 { text-align: left; margin-bottom: 30px } .intro-about .intro-content-text p { min-width: 100% } .intro-about .background-mask { position: relative; width: 100%; top: auto; left: auto; bottom: auto } .intro-about .img-box { padding: 80px 50px } .intro-about .img-box .img-cent { height: 80vh; margin: 0 } } @media only screen and (max-width:767px) { .intro-about .intro-content-text { margin-left: 0; margin-right: 0 } .intro-about .intro-content-text h2 { font-size: 32px } .intro-about .intro-content-text .exper .numb-ex>span { font-size: 80px } .intro-about .intro-content-text .exper h4 { margin-top: 20px } .intro-about .background-mask { background-color: transparent } .intro-about .img-box { padding: 0 } .intro-about .img-box .img-cent { height: 80vh; margin: 30px 0 0 0 } } .our-services-2 { position: relative; overflow: hidden; z-index: 2 } .our-services-2 .link-custom { display: flex; justify-content: center } .our-services-2 .link-custom a:before { background-color: #024da1 } .our-services-2 .link-custom a { border: 1px solid #024da1 } .our-services-2 .col-md-4 { padding: 0 } .our-services-2 .col-md-4:nth-of-type(even) .services-item { background: #090909; -webkit-box-shadow: 15px 15px 30px rgba(0, 0, 0, .3); box-shadow: 15px 15px 30px rgba(0, 0, 0, .3) } .v-light .our-services-2 .col-md-4:nth-of-type(even) .services-item { background: rgba(2, 77, 161, .07); -webkit-box-shadow: 15px 15px 30px rgba(225, 225, 225, .46); box-shadow: 15px 15px 30px rgba(225, 225, 225, .46) } @media only screen and (max-width:767px) { .our-services-2 .col-md-4 .services-item { background: #090909; -webkit-box-shadow: 15px 15px 30px rgba(0, 0, 0, .3); box-shadow: 15px 15px 30px rgba(0, 0, 0, .3) } .v-light .our-services-2 .col-md-4 .services-item { background: #f9f9f9; -webkit-box-shadow: 15px 15px 30px rgba(225, 225, 225, .46); box-shadow: 15px 15px 30px rgba(225, 225, 225, .46) } } @media only screen and (max-width:767px) { .our-services-2 .col-md-4:last-child .services-item { margin-bottom: 0 } } .our-services-2 .services-item { position: relative; text-align: center; padding: 50px 45px } @media only screen and (max-width:991px) { .our-services-2 .services-item { padding: 30px 20px } } @media only screen and (max-width:767px) { .our-services-2 .services-item { margin: 0 15px 25px } } .our-services-2 .services-item .corner { position: absolute; width: 30px; height: 30px; border-color: #090909 } .v-light .our-services-2 .services-item .corner { border-color: #bebebe; display: none } .our-services-2 .services-item .corner.corner-top { top: 0; left: 0; border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid } .our-services-2 .services-item .corner.corner-bottom { border-bottom-width: 1px; border-right-width: 1px; border-bottom-style: solid; border-right-style: solid; right: 0; bottom: 0 } .our-services-2 .services-item .icon { position: relative; font-size: 75px; line-height: 1; margin-bottom: 20px } .our-services-2 .services-item .icon img { height: 75px } @media only screen and (max-width:991px) { .our-services-2 .services-item .icon { font-size: 50px } .our-services-2 .services-item .icon img { height: 50px } } .our-services-2 .services-item .services-header { position: relative } .our-services-2 .services-item .services-header h3 { letter-spacing: 2.5px; font-size: 22px; font-weight: 600; margin-bottom: 20px } @media only screen and (max-width:991px) { .our-services-2 .services-item .services-header h3 { font-size: 18px } } .our-services-2 .services-item p { position: relative } @media only screen and (max-width:991px) { .our-services-2 .services-item p { font-size: 13px } } @media only screen and (max-width:767px) { .our-services-2 .services-item p { max-width: 500px; margin: 0 auto } } .our-services-2.services-under-header { margin-top: -120px; padding: 0 50px } @media only screen and (max-width:991px) { .our-services-2.services-under-header { padding: 0 30px } } @media only screen and (max-width:767px) { .our-services-2.services-under-header { margin-top: 80px } } .our-services-2.services-under-header .services-item { background: #000; -webkit-box-shadow: 15px 15px 30px rgba(0, 0, 0, .3); box-shadow: 15px 15px 30px rgba(0, 0, 0, .3) } @media only screen and (max-width:767px) { .our-services-2.services-under-header .services-item { background: #090909 } } .v-light .our-services-2.services-under-header .services-item { background: #f9f9f9; -webkit-box-shadow: 15px 15px 30px rgba(225, 225, 225, .46); box-shadow: 15px 15px 30px rgba(225, 225, 225, .46) } .our-services-2.services-under-header .services-item.selected { background: #090909 } .work-under-header { position: relative; overflow: hidden } .work-under-header[data-renQ-col="2"] { margin-top: -20vh } @media only screen and (max-width:991px) { .work-under-header[data-renQ-col="2"] { margin-top: 80px } } .work-under-header .custom-container { width: 120% } .work-under-header .slick-list { padding: 0 10% 0 0 } .work-under-header .work-item { vertical-align: top; position: relative; overflow: hidden; margin-right: 50px; height: 50vh } .work-under-header .work-item img { height: 100%; -o-object-fit: cover; object-fit: cover } .work-under-header .work-item a { width: 100%; height: 100%; -webkit-transition: -webkit-transform .5s ease-in-out; transition: -webkit-transform .5s ease-in-out; -o-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out } .work-under-header .work-item a[data-renQ-grid=moveUp] img { height: 120% } .work-under-header .work-item:hover a { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .work-under-header .work-item .item-border { position: absolute; top: 0; left: 15px; right: 15px; bottom: 0; background-color: rgba(0, 0, 0, .5); -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); transition: transform .6s, background-color .6s cubic-bezier(.08, .03, .22, .87), -webkit-transform .6s; z-index: 1 } .work-under-header .work-item .item-info { position: absolute; left: 50%; padding: 25px 15px 30px; width: 270px; text-align: center; -webkit-transition: -webkit-transform .5s cubic-bezier(.08, .03, .22, .87); transition: -webkit-transform .5s cubic-bezier(.08, .03, .22, .87); -o-transition: transform .5s cubic-bezier(.08, .03, .22, .87); transition: transform .5s cubic-bezier(.08, .03, .22, .87); transition: transform .5s cubic-bezier(.08, .03, .22, .87), -webkit-transform .5s cubic-bezier(.08, .03, .22, .87); z-index: 2; top: auto; bottom: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0) } .work-under-header .work-item .item-info .cat { font-size: 13px; letter-spacing: 2px; font-weight: 500; text-transform: uppercase; margin-bottom: 10px; font-family: Montserrat, sans-serif; opacity: .9 } .v-light .work-under-header .work-item .item-info .cat { color: rgba(255, 255, 255, .69) } .work-under-header .work-item .item-info h4 { position: relative; color: #fff; font-size: 21px; -webkit-transition: margin-bottom .5s ease; -o-transition: margin-bottom .5s ease; transition: margin-bottom .5s ease; z-index: 3; font-weight: 600 } .work-under-header .work-item .item-info span { color: #fff; opacity: 0; font-size: 13px; text-transform: uppercase; letter-spacing: 2px; -webkit-transition: opacity .6s ease; -o-transition: opacity .6s ease; transition: opacity .6s ease; position: relative } .work-under-header .work-item:hover .item-border { background-color: rgba(0, 0, 0, .8) } .work-under-header .work-item:hover .item-info { -webkit-transform: translate(-50%, -50px); -ms-transform: translate(-50%, -50px); transform: translate(-50%, -50px) } .work-under-header .work-item:hover .item-info h4 { margin-bottom: 10px } .work-under-header .work-item:hover .item-info span { opacity: 1 } .our-work .custom-container { width: 100% } .our-work .container-fluid { padding: 0 } .our-work .slick-list { padding: 0 } .our-work .slick-dots { margin: auto; text-align: center; margin-top: 15px } .our-work .slick-dots li { position: relative; display: inline-block; height: 2px; margin: 0 5px; padding: 0; cursor: pointer; -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; opacity: .5 } .our-work .slick-dots li.slick-active { height: 2px; opacity: 1 } .our-work .slick-dots li.slick-active button { -webkit-transform: scaleX(1.5); -ms-transform: scaleX(1.5); transform: scaleX(1.5) } .our-work .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 2px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: 0; background: #fff; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out } .our-work .col-lg-9 { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0 } .our-work .offset-lg-3 { margin-left: 0 } .our-work .work-item { height: 70vh; margin: 0 15px } .client-see { position: relative } .client-see .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .client-see .inner .bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #004490; -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right } .v-light .client-see .inner .bg { background-color: rgba(2, 77, 161, .07) } .client-see .inner .bg:after { content: "”"; right: 30px; bottom: -43px; position: absolute; font-size: 150px; font-weight: 700; color: #fff; font-family: sans-serif } .v-light .client-see .inner .bg:after { color: #024da1 } .client-see .inner .left { width: 40%; display: flex; } @media only screen and (max-width:767px) { .client-see .inner .left { width: 100% } } @media only screen and (min-width:767px) { .client-see .inner .left { padding-top: 50px; } } .client-see .inner .left .title { position: relative; z-index: 1; overflow: hidden; padding-left: 35px; font-size: 42px; font-weight: 800; line-height: 1.2; letter-spacing: .01em; opacity: 1 !important; color: #004490 } @media only screen and (max-width:991px) { .client-see .inner .left .title { opacity: 1; font-size: 32px; font-weight: 700; padding-top: 60px } } @media only screen and (max-width:767px) { .client-see .inner .left .title { font-size: 25px } } @media only screen and (max-width:575px) { .client-see .inner .left .title { padding-left: 15px } } .client-see .inner .left .text { position: relative; display: inline-block } .client-see .inner .items { padding: 60px 20px; padding-right: 35px; line-height: 100%; overflow: hidden; width: 60% } @media only screen and (max-width:767px) { .client-see .inner .items { width: 100%; padding: 20px 35px 60px 35px } } @media only screen and (max-width:575px) { .client-see .inner .items { padding-left: 15px } } .client-see .inner .items .item { position: relative; width: 100% } .client-see .inner .items .quote p { font-style: italic; letter-spacing: 1.5px; margin-bottom: 30px font-size: 13px; line-height: 25px; } @media only screen and (min-width:768px) { .client-see .inner .items .quote p { font-size: 15px; line-height: 27px; } } .client-see .inner .items .bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap } .client-see .inner .items .bottom .avatar { width: 60px; height: 60px; border-radius: 50% } @media only screen and (max-width:991px) { .client-see .inner .items .bottom .avatar { width: 40px; height: 40px } } @media only screen and (max-width:575px) { .client-see .inner .items .bottom .avatar { display: none } } .client-see .inner .items .bottom .avatar img { border-radius: 50% } .client-see .inner .items .bottom .avatar+.label { padding-left: 20px } .client-see .inner .items .bottom .label { width: calc(100% - 60px); color: #fff; letter-spacing: 2px; font-size: 15px; line-height: 24px; } @media only screen and (max-width:991px) { .client-see .inner .items .bottom .label { width: calc(100% - 40px); } } .v-light .client-see .inner .items .bottom .label { color: #000 } @media only screen and (max-width:991px) { .client-see .inner .items .bottom .label { font-size: 15px } } @media only screen and (max-width:768px) { .client-see .inner .items .bottom .label { font-size: 14px } } @media only screen and (max-width:575px) { .client-see .inner .items .bottom .label { margin-left: 0 !important } } .client-see .slick-dots { margin: auto; text-align: center; margin-top: 15px } .client-see .slick-dots li { position: relative; display: inline-block; height: 2px; margin: 0 5px; padding: 0; cursor: pointer; -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; opacity: .5 } .client-see .slick-dots li.slick-active { height: 2px; opacity: 1 } .client-see .slick-dots li.slick-active button { -webkit-transform: scaleX(1.5); -ms-transform: scaleX(1.5); transform: scaleX(1.5) } .client-see .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 2px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: 0; background: #fff; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out } .v-light .client-see .slick-dots li button { background: #000 } .our-news { position: relative; overflow: hidden } .our-news .one-title .title-sub-container .title-sub { color: #fff } .our-news .one-title .title-sub-container .title-sub { color: #fff } .v-light .our-news .one-title .title-sub-container .title-sub { color: #024da1 } .our-news .custom-container { width: 120% } @media only screen and (max-width:400px) { .our-news .custom-container { width: 100% } } .our-news .slick-list { padding: 0 20% 0 0 } @media only screen and (max-width:400px) { .our-news .slick-list { padding: 0 } } .our-news .item-new { vertical-align: top; position: relative; overflow: hidden; margin-right: 50px } @media only screen and (max-width:991px) { .our-news .item-new { margin-right: 30px } } @media only screen and (max-width:400px) { .our-news .item-new { margin-right: 0 } } .our-news .item-new .image { position: relative; overflow: hidden } .our-news .item-new .image .title { position: absolute; bottom: 50px; left: 0; color: #fff; text-transform: uppercase; overflow: hidden; padding: 40px 40px 40px 60px } .v-light .our-news .item-new .image .title { background: #000 } .our-news .item-new .image .title h3 { font-size: 24px; font-weight: 700 } .our-news .item-new .content { position: relative; bottom: 50px; margin-left: 50px; padding: 40px; z-index: 1; margin-bottom: -50px } @media only screen and (max-width:767px) { .our-news .item-new .content { margin-left: 30px } } .our-news .item-new .content .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #090909; z-index: -1 } .v-light .our-news .item-new .content .background { background: #e6e6e6 } .our-news .item-new .content h5 { color: #fff; position: relative; font-weight: 400; margin-bottom: 10px } .v-light .our-news .item-new .content h5 { color: #000 } .our-news .item-new .content p { margin-top: 20px } .our-news .item-new .content .cta { position: relative; z-index: 2 } .our-news .item-new .content .cta a { color: #fff; font-size: 22px; font-family: Montserrat, sans-serif; font-weight: 600 } .v-light .our-news .item-new .content .cta a { color: #024da1 } .our-team { position: relative; overflow: hidden; background-color: #090909 } .v-light .our-team { background-color: #e6e6e6 } .our-team.our-team-not-bg { background-color: transparent; padding: 0 } .our-team .custom-container { width: 120% } .our-team .slick-list { padding: 0 20% 0 0 } .our-team .team-item { position: relative; width: 33.3333%; margin-right: 50px } .our-team .team-item .box-img { overflow: hidden; margin-bottom: 20px } .our-team .team-item .box-img img { -webkit-transition: 1s cubic-bezier(.645, 0, .355, 1); -o-transition: 1s cubic-bezier(.645, 0, .355, 1); transition: 1s cubic-bezier(.645, 0, .355, 1); -webkit-transform: scale(1.095); -ms-transform: scale(1.095); transform: scale(1.095) } .our-team .team-item .box-content { position: relative; z-index: 1 } .our-team .team-item .box-content h4 { letter-spacing: -1px; font-size: 16px; font-weight: 700; margin-bottom: 5px; text-transform: uppercase; word-spacing: 8px; -webkit-transition: 1s cubic-bezier(.645, 0, .355, 1); -o-transition: 1s cubic-bezier(.645, 0, .355, 1); transition: 1s cubic-bezier(.645, 0, .355, 1) } .our-team .team-item .box-content p { letter-spacing: 1.5px; font-size: 14px; -webkit-transition: 1.2s cubic-bezier(.645, 0, .355, 1); -o-transition: 1.2s cubic-bezier(.645, 0, .355, 1); transition: 1.2s cubic-bezier(.645, 0, .355, 1) } .our-team .team-item:hover .box-img img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-filter: blur(3px); filter: blur(3px) } .our-team .team-item:hover .box-content h4 { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) } .our-team .team-item:hover .box-content p { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) } [data-renQ-animate=animate] .renQ-wrapper { overflow: hidden; will-change: transform } [data-renQ-animate=animate] .renQ-wrapper .renQ-word-wrapper { opacity: 0; visibility: hidden; will-change: transform; -webkit-transform: translateY(50%) rotate(15deg) scale(.8); -ms-transform: translateY(50%) rotate(15deg) scale(.8); transform: translateY(50%) rotate(15deg) scale(.8); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } [data-renQ-animate=animate] .renQ-word-wrapper { -webkit-transform: translateY(50%) rotate(15deg) !important; -ms-transform: translateY(50%) rotate(15deg) !important; transform: translateY(50%) rotate(15deg) !important } .renQ-active[data-renQ-animate=animate] .renQ-wrapper { margin-right: 7px } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:last-child { margin-right: 0 } .renQ-active[data-renQ-animate=animate] .renQ-wrapper { will-change: transform } .renQ-active[data-renQ-animate=animate] .renQ-wrapper .renQ-word-wrapper { will-change: transform; opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55); transition: -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55); -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55); transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55); transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(0) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) .2s, visibility .3s 0s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 0s; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) .2s, visibility .3s 0s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 0s; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 0s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) .2s, visibility .3s 0s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 0s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) .2s, visibility .3s 0s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 0s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) .2s, visibility .3s 0s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 0s } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(1) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 236ms, visibility .3s 45ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 36ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 236ms, visibility .3s 45ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 36ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 36ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 236ms, visibility .3s 45ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 36ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 236ms, visibility .3s 45ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 36ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 236ms, visibility .3s 45ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 36ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(2) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 272ms, visibility .3s 90ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 72ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 272ms, visibility .3s 90ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 72ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 72ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 272ms, visibility .3s 90ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 72ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 272ms, visibility .3s 90ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 72ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 272ms, visibility .3s 90ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 72ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(3) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 308ms, visibility .3s 135ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 108ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 308ms, visibility .3s 135ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 108ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 108ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 308ms, visibility .3s 135ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 108ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 308ms, visibility .3s 135ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 108ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 308ms, visibility .3s 135ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 108ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(4) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 344ms, visibility .3s 180ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 144ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 344ms, visibility .3s 180ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 144ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 144ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 344ms, visibility .3s 180ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 144ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 344ms, visibility .3s 180ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 144ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 344ms, visibility .3s 180ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 144ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(5) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 380ms, visibility .3s 225ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 180ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 380ms, visibility .3s 225ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 180ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 180ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 380ms, visibility .3s 225ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 180ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 380ms, visibility .3s 225ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 180ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 380ms, visibility .3s 225ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 180ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(6) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 416ms, visibility .3s 270ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 216ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 416ms, visibility .3s 270ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 216ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 216ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 416ms, visibility .3s 270ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 216ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 416ms, visibility .3s 270ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 216ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 416ms, visibility .3s 270ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 216ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(7) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 452ms, visibility .3s 315ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 252ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 452ms, visibility .3s 315ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 252ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 252ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 452ms, visibility .3s 315ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 252ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 452ms, visibility .3s 315ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 252ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 452ms, visibility .3s 315ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 252ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(8) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 488ms, visibility .3s 360ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 288ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 488ms, visibility .3s 360ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 288ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 288ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 488ms, visibility .3s 360ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 288ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 488ms, visibility .3s 360ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 288ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 488ms, visibility .3s 360ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 288ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(9) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 524ms, visibility .3s 405ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 324ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 524ms, visibility .3s 405ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 324ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 324ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 524ms, visibility .3s 405ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 324ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 524ms, visibility .3s 405ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 324ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 524ms, visibility .3s 405ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 324ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(10) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 560ms, visibility .3s 450ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 360ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 560ms, visibility .3s 450ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 360ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 360ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 560ms, visibility .3s 450ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 360ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 560ms, visibility .3s 450ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 360ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 560ms, visibility .3s 450ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 360ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(11) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 596ms, visibility .3s 495ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 396ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 596ms, visibility .3s 495ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 396ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 396ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 596ms, visibility .3s 495ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 396ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 596ms, visibility .3s 495ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 396ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 596ms, visibility .3s 495ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 396ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(12) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 632ms, visibility .3s 540ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 432ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 632ms, visibility .3s 540ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 432ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 432ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 632ms, visibility .3s 540ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 432ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 632ms, visibility .3s 540ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 432ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 632ms, visibility .3s 540ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 432ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(13) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 668ms, visibility .3s 585ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 468ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 668ms, visibility .3s 585ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 468ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 468ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 668ms, visibility .3s 585ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 468ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 668ms, visibility .3s 585ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 468ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 668ms, visibility .3s 585ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 468ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(14) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 704ms, visibility .3s 630ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 504ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 704ms, visibility .3s 630ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 504ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 504ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 704ms, visibility .3s 630ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 504ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 704ms, visibility .3s 630ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 504ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 704ms, visibility .3s 630ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 504ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(15) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 740ms, visibility .3s 675ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 540ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 740ms, visibility .3s 675ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 540ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 540ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 740ms, visibility .3s 675ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 540ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 740ms, visibility .3s 675ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 540ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 740ms, visibility .3s 675ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 540ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(16) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 776ms, visibility .3s 720ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 576ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 776ms, visibility .3s 720ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 576ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 576ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 776ms, visibility .3s 720ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 576ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 776ms, visibility .3s 720ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 576ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 776ms, visibility .3s 720ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 576ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(17) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 812ms, visibility .3s 765ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 612ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 812ms, visibility .3s 765ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 612ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 612ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 812ms, visibility .3s 765ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 612ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 812ms, visibility .3s 765ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 612ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 812ms, visibility .3s 765ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 612ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(18) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 848ms, visibility .3s 810ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 648ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 848ms, visibility .3s 810ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 648ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 648ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 848ms, visibility .3s 810ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 648ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 848ms, visibility .3s 810ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 648ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 848ms, visibility .3s 810ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 648ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(19) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 884ms, visibility .3s 855ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 684ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 884ms, visibility .3s 855ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 684ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 684ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 884ms, visibility .3s 855ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 684ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 884ms, visibility .3s 855ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 684ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 884ms, visibility .3s 855ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 684ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(20) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 920ms, visibility .3s .9s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 720ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 920ms, visibility .3s .9s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 720ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 720ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 920ms, visibility .3s .9s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 720ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 920ms, visibility .3s .9s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 720ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 920ms, visibility .3s .9s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 720ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(21) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 956ms, visibility .3s 945ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 756ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 956ms, visibility .3s 945ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 756ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 756ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 956ms, visibility .3s 945ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 756ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 956ms, visibility .3s 945ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 756ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 956ms, visibility .3s 945ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 756ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(22) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 992ms, visibility .3s 990ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 792ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 992ms, visibility .3s 990ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 792ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 792ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 992ms, visibility .3s 990ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 792ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 992ms, visibility .3s 990ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 792ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 992ms, visibility .3s 990ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 792ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(23) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1028ms, visibility .3s 1035ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 828ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1028ms, visibility .3s 1035ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 828ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 828ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1028ms, visibility .3s 1035ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 828ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1028ms, visibility .3s 1035ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 828ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1028ms, visibility .3s 1035ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 828ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(24) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1064ms, visibility .3s 1.08s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 864ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1064ms, visibility .3s 1.08s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 864ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 864ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1064ms, visibility .3s 1.08s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 864ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1064ms, visibility .3s 1.08s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 864ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1064ms, visibility .3s 1.08s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 864ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(25) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1.1s, visibility .3s 1125ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) .9s; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1.1s, visibility .3s 1125ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) .9s; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) .9s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1.1s, visibility .3s 1125ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) .9s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1.1s, visibility .3s 1125ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) .9s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1.1s, visibility .3s 1125ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) .9s } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(26) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1136ms, visibility .3s 1.17s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 936ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1136ms, visibility .3s 1.17s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 936ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 936ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1136ms, visibility .3s 1.17s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 936ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1136ms, visibility .3s 1.17s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 936ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1136ms, visibility .3s 1.17s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 936ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(27) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1172ms, visibility .3s 1215ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 972ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1172ms, visibility .3s 1215ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 972ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 972ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1172ms, visibility .3s 1215ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 972ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1172ms, visibility .3s 1215ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 972ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1172ms, visibility .3s 1215ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 972ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(28) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1208ms, visibility .3s 1.26s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1008ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1208ms, visibility .3s 1.26s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1008ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1008ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1208ms, visibility .3s 1.26s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1008ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1208ms, visibility .3s 1.26s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1008ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1208ms, visibility .3s 1.26s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1008ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(29) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1244ms, visibility .3s 1305ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1044ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1244ms, visibility .3s 1305ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1044ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1044ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1244ms, visibility .3s 1305ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1044ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1244ms, visibility .3s 1305ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1044ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1244ms, visibility .3s 1305ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1044ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(30) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1.28s, visibility .3s 1.35s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.08s; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1.28s, visibility .3s 1.35s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.08s; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.08s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1.28s, visibility .3s 1.35s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.08s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1.28s, visibility .3s 1.35s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.08s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1.28s, visibility .3s 1.35s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.08s } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(31) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1316ms, visibility .3s 1395ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1116ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1316ms, visibility .3s 1395ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1116ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1116ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1316ms, visibility .3s 1395ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1116ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1316ms, visibility .3s 1395ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1116ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1316ms, visibility .3s 1395ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1116ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(32) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1352ms, visibility .3s 1.44s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1152ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1352ms, visibility .3s 1.44s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1152ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1152ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1352ms, visibility .3s 1.44s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1152ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1352ms, visibility .3s 1.44s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1152ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1352ms, visibility .3s 1.44s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1152ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(33) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1388ms, visibility .3s 1485ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1188ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1388ms, visibility .3s 1485ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1188ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1188ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1388ms, visibility .3s 1485ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1188ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1388ms, visibility .3s 1485ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1188ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1388ms, visibility .3s 1485ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1188ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(34) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1424ms, visibility .3s 1.53s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1224ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1424ms, visibility .3s 1.53s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1224ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1224ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1424ms, visibility .3s 1.53s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1224ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1424ms, visibility .3s 1.53s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1224ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1424ms, visibility .3s 1.53s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1224ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(35) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1.46s, visibility .3s 1575ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.26s; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1.46s, visibility .3s 1575ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.26s; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.26s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1.46s, visibility .3s 1575ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.26s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1.46s, visibility .3s 1575ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.26s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1.46s, visibility .3s 1575ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.26s } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(36) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1496ms, visibility .3s 1.62s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1296ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1496ms, visibility .3s 1.62s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1296ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1296ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1496ms, visibility .3s 1.62s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1296ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1496ms, visibility .3s 1.62s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1296ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1496ms, visibility .3s 1.62s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1296ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(37) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1532ms, visibility .3s 1665ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1332ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1532ms, visibility .3s 1665ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1332ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1332ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1532ms, visibility .3s 1665ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1332ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1532ms, visibility .3s 1665ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1332ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1532ms, visibility .3s 1665ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1332ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(38) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1568ms, visibility .3s 1.71s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1368ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1568ms, visibility .3s 1.71s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1368ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1368ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1568ms, visibility .3s 1.71s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1368ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1568ms, visibility .3s 1.71s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1368ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1568ms, visibility .3s 1.71s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1368ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(39) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1604ms, visibility .3s 1755ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1404ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1604ms, visibility .3s 1755ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1404ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1404ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1604ms, visibility .3s 1755ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1404ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1604ms, visibility .3s 1755ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1404ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1604ms, visibility .3s 1755ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1404ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(40) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1.64s, visibility .3s 1.8s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.44s; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1.64s, visibility .3s 1.8s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.44s; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.44s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1.64s, visibility .3s 1.8s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.44s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1.64s, visibility .3s 1.8s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.44s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1.64s, visibility .3s 1.8s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.44s } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(41) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1676ms, visibility .3s 1845ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1476ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1676ms, visibility .3s 1845ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1476ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1476ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1676ms, visibility .3s 1845ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1476ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1676ms, visibility .3s 1845ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1476ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1676ms, visibility .3s 1845ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1476ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(42) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1712ms, visibility .3s 1.89s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1512ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1712ms, visibility .3s 1.89s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1512ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1512ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1712ms, visibility .3s 1.89s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1512ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1712ms, visibility .3s 1.89s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1512ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1712ms, visibility .3s 1.89s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1512ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(43) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1748ms, visibility .3s 1935ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1548ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1748ms, visibility .3s 1935ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1548ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1548ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1748ms, visibility .3s 1935ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1548ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1748ms, visibility .3s 1935ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1548ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1748ms, visibility .3s 1935ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1548ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(44) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1784ms, visibility .3s 1.98s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1584ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1784ms, visibility .3s 1.98s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1584ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1584ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1784ms, visibility .3s 1.98s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1584ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1784ms, visibility .3s 1.98s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1584ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1784ms, visibility .3s 1.98s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1584ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(45) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1.82s, visibility .3s 2025ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.62s; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1.82s, visibility .3s 2025ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.62s; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.62s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1.82s, visibility .3s 2025ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.62s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1.82s, visibility .3s 2025ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.62s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1.82s, visibility .3s 2025ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.62s } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(46) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1856ms, visibility .3s 2.07s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1656ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1856ms, visibility .3s 2.07s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1656ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1656ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1856ms, visibility .3s 2.07s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1656ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1856ms, visibility .3s 2.07s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1656ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1856ms, visibility .3s 2.07s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1656ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(47) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1892ms, visibility .3s 2115ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1692ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1892ms, visibility .3s 2115ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1692ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1692ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1892ms, visibility .3s 2115ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1692ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1892ms, visibility .3s 2115ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1692ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1892ms, visibility .3s 2115ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1692ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(48) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1928ms, visibility .3s 2.16s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1728ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1928ms, visibility .3s 2.16s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1728ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1728ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1928ms, visibility .3s 2.16s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1728ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1928ms, visibility .3s 2.16s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1728ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1928ms, visibility .3s 2.16s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1728ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(49) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1964ms, visibility .3s 2205ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1764ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1964ms, visibility .3s 2205ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1764ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1764ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1964ms, visibility .3s 2205ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1764ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1964ms, visibility .3s 2205ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1764ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 1964ms, visibility .3s 2205ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1764ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(50) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2s, visibility .3s 2.25s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.8s; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2s, visibility .3s 2.25s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.8s; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.8s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2s, visibility .3s 2.25s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.8s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2s, visibility .3s 2.25s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.8s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2s, visibility .3s 2.25s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.8s } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(51) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2036ms, visibility .3s 2295ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1836ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2036ms, visibility .3s 2295ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1836ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1836ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2036ms, visibility .3s 2295ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1836ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2036ms, visibility .3s 2295ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1836ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2036ms, visibility .3s 2295ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1836ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(52) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2072ms, visibility .3s 2.34s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1872ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2072ms, visibility .3s 2.34s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1872ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1872ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2072ms, visibility .3s 2.34s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1872ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2072ms, visibility .3s 2.34s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1872ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2072ms, visibility .3s 2.34s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1872ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(53) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2108ms, visibility .3s 2385ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1908ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2108ms, visibility .3s 2385ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1908ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1908ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2108ms, visibility .3s 2385ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1908ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2108ms, visibility .3s 2385ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1908ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2108ms, visibility .3s 2385ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1908ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(54) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2144ms, visibility .3s 2.43s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1944ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2144ms, visibility .3s 2.43s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1944ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1944ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2144ms, visibility .3s 2.43s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1944ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2144ms, visibility .3s 2.43s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1944ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2144ms, visibility .3s 2.43s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1944ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(55) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2.18s, visibility .3s 2475ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.98s; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2.18s, visibility .3s 2475ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.98s; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.98s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2.18s, visibility .3s 2475ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.98s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2.18s, visibility .3s 2475ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.98s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2.18s, visibility .3s 2475ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 1.98s } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(56) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2216ms, visibility .3s 2.52s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2016ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2216ms, visibility .3s 2.52s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2016ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2016ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2216ms, visibility .3s 2.52s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2016ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2216ms, visibility .3s 2.52s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2016ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2216ms, visibility .3s 2.52s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2016ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(57) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2252ms, visibility .3s 2565ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2052ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2252ms, visibility .3s 2565ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2052ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2052ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2252ms, visibility .3s 2565ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2052ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2252ms, visibility .3s 2565ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2052ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2252ms, visibility .3s 2565ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2052ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(58) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2288ms, visibility .3s 2.61s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2088ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2288ms, visibility .3s 2.61s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2088ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2088ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2288ms, visibility .3s 2.61s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2088ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2288ms, visibility .3s 2.61s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2088ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2288ms, visibility .3s 2.61s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2088ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(59) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2324ms, visibility .3s 2655ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2124ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2324ms, visibility .3s 2655ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2124ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2124ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2324ms, visibility .3s 2655ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2124ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2324ms, visibility .3s 2655ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2124ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2324ms, visibility .3s 2655ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2124ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(60) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2.36s, visibility .3s 2.7s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.16s; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2.36s, visibility .3s 2.7s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.16s; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.16s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2.36s, visibility .3s 2.7s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.16s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2.36s, visibility .3s 2.7s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.16s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2.36s, visibility .3s 2.7s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.16s } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(61) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2396ms, visibility .3s 2745ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2196ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2396ms, visibility .3s 2745ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2196ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2196ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2396ms, visibility .3s 2745ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2196ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2396ms, visibility .3s 2745ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2196ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2396ms, visibility .3s 2745ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2196ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(62) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2432ms, visibility .3s 2.79s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2232ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2432ms, visibility .3s 2.79s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2232ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2232ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2432ms, visibility .3s 2.79s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2232ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2432ms, visibility .3s 2.79s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2232ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2432ms, visibility .3s 2.79s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2232ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(63) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2468ms, visibility .3s 2835ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2268ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2468ms, visibility .3s 2835ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2268ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2268ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2468ms, visibility .3s 2835ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2268ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2468ms, visibility .3s 2835ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2268ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2468ms, visibility .3s 2835ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2268ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(64) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2504ms, visibility .3s 2.88s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2304ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2504ms, visibility .3s 2.88s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2304ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2304ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2504ms, visibility .3s 2.88s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2304ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2504ms, visibility .3s 2.88s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2304ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2504ms, visibility .3s 2.88s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2304ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(65) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2.54s, visibility .3s 2925ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.34s; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2.54s, visibility .3s 2925ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.34s; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.34s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2.54s, visibility .3s 2925ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.34s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2.54s, visibility .3s 2925ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.34s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2.54s, visibility .3s 2925ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.34s } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(66) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2576ms, visibility .3s 2.97s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2376ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2576ms, visibility .3s 2.97s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2376ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2376ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2576ms, visibility .3s 2.97s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2376ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2576ms, visibility .3s 2.97s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2376ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2576ms, visibility .3s 2.97s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2376ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(67) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2612ms, visibility .3s 3015ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2412ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2612ms, visibility .3s 3015ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2412ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2412ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2612ms, visibility .3s 3015ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2412ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2612ms, visibility .3s 3015ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2412ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2612ms, visibility .3s 3015ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2412ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(68) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2648ms, visibility .3s 3.06s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2448ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2648ms, visibility .3s 3.06s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2448ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2448ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2648ms, visibility .3s 3.06s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2448ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2648ms, visibility .3s 3.06s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2448ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2648ms, visibility .3s 3.06s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2448ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(69) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2684ms, visibility .3s 3105ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2484ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2684ms, visibility .3s 3105ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2484ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2484ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2684ms, visibility .3s 3105ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2484ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2684ms, visibility .3s 3105ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2484ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2684ms, visibility .3s 3105ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2484ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(70) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2.72s, visibility .3s 3.15s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.52s; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2.72s, visibility .3s 3.15s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.52s; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.52s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2.72s, visibility .3s 3.15s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.52s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2.72s, visibility .3s 3.15s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.52s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2.72s, visibility .3s 3.15s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.52s } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(71) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2756ms, visibility .3s 3195ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2556ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2756ms, visibility .3s 3195ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2556ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2556ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2756ms, visibility .3s 3195ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2556ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2756ms, visibility .3s 3195ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2556ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2756ms, visibility .3s 3195ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2556ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(72) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2792ms, visibility .3s 3.24s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2592ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2792ms, visibility .3s 3.24s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2592ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2592ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2792ms, visibility .3s 3.24s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2592ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2792ms, visibility .3s 3.24s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2592ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2792ms, visibility .3s 3.24s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2592ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(73) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2828ms, visibility .3s 3285ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2628ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2828ms, visibility .3s 3285ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2628ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2628ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2828ms, visibility .3s 3285ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2628ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2828ms, visibility .3s 3285ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2628ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2828ms, visibility .3s 3285ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2628ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(74) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2864ms, visibility .3s 3.33s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2664ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2864ms, visibility .3s 3.33s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2664ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2664ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2864ms, visibility .3s 3.33s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2664ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2864ms, visibility .3s 3.33s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2664ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2864ms, visibility .3s 3.33s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2664ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(75) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2.9s, visibility .3s 3375ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.7s; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2.9s, visibility .3s 3375ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.7s; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.7s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2.9s, visibility .3s 3375ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.7s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2.9s, visibility .3s 3375ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.7s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2.9s, visibility .3s 3375ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.7s } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(76) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2936ms, visibility .3s 3.42s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2736ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2936ms, visibility .3s 3.42s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2736ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2736ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2936ms, visibility .3s 3.42s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2736ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2936ms, visibility .3s 3.42s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2736ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2936ms, visibility .3s 3.42s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2736ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(77) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2972ms, visibility .3s 3465ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2772ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2972ms, visibility .3s 3465ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2772ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2772ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2972ms, visibility .3s 3465ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2772ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2972ms, visibility .3s 3465ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2772ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 2972ms, visibility .3s 3465ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2772ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(78) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3008ms, visibility .3s 3.51s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2808ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3008ms, visibility .3s 3.51s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2808ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2808ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3008ms, visibility .3s 3.51s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2808ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3008ms, visibility .3s 3.51s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2808ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3008ms, visibility .3s 3.51s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2808ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(79) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3044ms, visibility .3s 3555ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2844ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3044ms, visibility .3s 3555ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2844ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2844ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3044ms, visibility .3s 3555ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2844ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3044ms, visibility .3s 3555ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2844ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3044ms, visibility .3s 3555ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2844ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(80) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3.08s, visibility .3s 3.6s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.88s; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3.08s, visibility .3s 3.6s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.88s; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.88s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3.08s, visibility .3s 3.6s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.88s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3.08s, visibility .3s 3.6s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.88s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3.08s, visibility .3s 3.6s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2.88s } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(81) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3116ms, visibility .3s 3645ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2916ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3116ms, visibility .3s 3645ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2916ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2916ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3116ms, visibility .3s 3645ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2916ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3116ms, visibility .3s 3645ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2916ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3116ms, visibility .3s 3645ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2916ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(82) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3152ms, visibility .3s 3.69s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2952ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3152ms, visibility .3s 3.69s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2952ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2952ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3152ms, visibility .3s 3.69s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2952ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3152ms, visibility .3s 3.69s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2952ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3152ms, visibility .3s 3.69s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2952ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(83) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3188ms, visibility .3s 3735ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2988ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3188ms, visibility .3s 3735ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2988ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2988ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3188ms, visibility .3s 3735ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2988ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3188ms, visibility .3s 3735ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2988ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3188ms, visibility .3s 3735ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 2988ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(84) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3224ms, visibility .3s 3.78s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3024ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3224ms, visibility .3s 3.78s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3024ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3024ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3224ms, visibility .3s 3.78s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3024ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3224ms, visibility .3s 3.78s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3024ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3224ms, visibility .3s 3.78s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3024ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(85) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3.26s, visibility .3s 3825ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3.06s; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3.26s, visibility .3s 3825ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3.06s; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3.06s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3.26s, visibility .3s 3825ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3.06s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3.26s, visibility .3s 3825ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3.06s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3.26s, visibility .3s 3825ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3.06s } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(86) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3296ms, visibility .3s 3.87s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3096ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3296ms, visibility .3s 3.87s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3096ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3096ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3296ms, visibility .3s 3.87s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3096ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3296ms, visibility .3s 3.87s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3096ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3296ms, visibility .3s 3.87s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3096ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(87) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3332ms, visibility .3s 3915ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3132ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3332ms, visibility .3s 3915ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3132ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3132ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3332ms, visibility .3s 3915ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3132ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3332ms, visibility .3s 3915ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3132ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3332ms, visibility .3s 3915ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3132ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(88) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3368ms, visibility .3s 3.96s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3168ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3368ms, visibility .3s 3.96s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3168ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3168ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3368ms, visibility .3s 3.96s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3168ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3368ms, visibility .3s 3.96s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3168ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3368ms, visibility .3s 3.96s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3168ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(89) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3404ms, visibility .3s 4005ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3204ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3404ms, visibility .3s 4005ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3204ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3204ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3404ms, visibility .3s 4005ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3204ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3404ms, visibility .3s 4005ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3204ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3404ms, visibility .3s 4005ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3204ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(90) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3.44s, visibility .3s 4.05s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3.24s; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3.44s, visibility .3s 4.05s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3.24s; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3.24s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3.44s, visibility .3s 4.05s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3.24s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3.44s, visibility .3s 4.05s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3.24s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3.44s, visibility .3s 4.05s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3.24s } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(91) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3476ms, visibility .3s 4095ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3276ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3476ms, visibility .3s 4095ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3276ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3276ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3476ms, visibility .3s 4095ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3276ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3476ms, visibility .3s 4095ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3276ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3476ms, visibility .3s 4095ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3276ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(92) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3512ms, visibility .3s 4.14s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3312ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3512ms, visibility .3s 4.14s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3312ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3312ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3512ms, visibility .3s 4.14s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3312ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3512ms, visibility .3s 4.14s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3312ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3512ms, visibility .3s 4.14s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3312ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(93) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3548ms, visibility .3s 4185ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3348ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3548ms, visibility .3s 4185ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3348ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3348ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3548ms, visibility .3s 4185ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3348ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3548ms, visibility .3s 4185ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3348ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3548ms, visibility .3s 4185ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3348ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(94) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3584ms, visibility .3s 4.23s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3384ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3584ms, visibility .3s 4.23s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3384ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3384ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3584ms, visibility .3s 4.23s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3384ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3584ms, visibility .3s 4.23s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3384ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3584ms, visibility .3s 4.23s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3384ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(95) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3.62s, visibility .3s 4275ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3.42s; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3.62s, visibility .3s 4275ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3.42s; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3.42s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3.62s, visibility .3s 4275ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3.42s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3.62s, visibility .3s 4275ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3.42s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3.62s, visibility .3s 4275ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3.42s } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(96) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3656ms, visibility .3s 4.32s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3456ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3656ms, visibility .3s 4.32s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3456ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3456ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3656ms, visibility .3s 4.32s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3456ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3656ms, visibility .3s 4.32s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3456ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3656ms, visibility .3s 4.32s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3456ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(97) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3692ms, visibility .3s 4365ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3492ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3692ms, visibility .3s 4365ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3492ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3492ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3692ms, visibility .3s 4365ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3492ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3692ms, visibility .3s 4365ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3492ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3692ms, visibility .3s 4365ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3492ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(98) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3728ms, visibility .3s 4.41s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3528ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3728ms, visibility .3s 4.41s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3528ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3528ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3728ms, visibility .3s 4.41s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3528ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3728ms, visibility .3s 4.41s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3528ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3728ms, visibility .3s 4.41s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3528ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(99) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3764ms, visibility .3s 4455ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3564ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3764ms, visibility .3s 4455ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3564ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3564ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3764ms, visibility .3s 4455ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3564ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3764ms, visibility .3s 4455ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3564ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3764ms, visibility .3s 4455ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3564ms } .renQ-active[data-renQ-animate=animate] .renQ-wrapper:nth-of-type(100) .renQ-word-wrapper { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3.8s, visibility .3s 4.5s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3.6s; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3.8s, visibility .3s 4.5s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3.6s; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3.6s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3.8s, visibility .3s 4.5s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3.6s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3.8s, visibility .3s 4.5s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3.6s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 3.8s, visibility .3s 4.5s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 3.6s } .renQ-active[data-renQ-animate=animate] .renQ-word-wrapper { -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transition-property: all !important; -o-transition-property: all !important; transition-property: all !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important } [data-renQ-animate=up] { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); opacity: 0; visibility: hidden; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: opacity, transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; -webkit-transition-duration: .8s; -o-transition-duration: .8s; transition-duration: .8s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out } .renQ-active[data-renQ-animate=up] { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; visibility: visible } @media only screen and (max-width:400px) { .our-team .team-item, .work-under-header .work-item { margin-right: 0 } } @media only screen and (max-width:400px) { .our-news .slick-slider .slick-list, .our-team .slick-slider .slick-list, [data-renQ-col="2"] .slick-slider .slick-list { padding: 0 } } .our-news .slick-slider .slick-dots, .our-team .slick-slider .slick-dots, [data-renQ-col="2"] .slick-slider .slick-dots { margin: auto; text-align: center; margin-top: 15px } .our-news .slick-slider .slick-dots li, .our-team .slick-slider .slick-dots li, [data-renQ-col="2"] .slick-slider .slick-dots li { position: relative; display: inline-block; height: 2px; margin: 0 5px; padding: 0; cursor: pointer; -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; opacity: .5 } .our-news .slick-slider .slick-dots li.slick-active, .our-team .slick-slider .slick-dots li.slick-active, [data-renQ-col="2"] .slick-slider .slick-dots li.slick-active { height: 2px; opacity: 1 } .our-news .slick-slider .slick-dots li.slick-active button, .our-team .slick-slider .slick-dots li.slick-active button, [data-renQ-col="2"] .slick-slider .slick-dots li.slick-active button { -webkit-transform: scaleX(1.5); -ms-transform: scaleX(1.5); transform: scaleX(1.5) } .our-news .slick-slider .slick-dots li button, .our-team .slick-slider .slick-dots li button, [data-renQ-col="2"] .slick-slider .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 2px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: 0; background: #fff; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out } .v-light .our-news .slick-slider .slick-dots li button, .v-light .our-team .slick-slider .slick-dots li button, .v-light [data-renQ-col="2"] .slick-slider .slick-dots li button { background: #024da1 } @media only screen and (max-width:991px) { .our-news .custom-container, .our-team .custom-container, .work-under-header .custom-container { width: 100% } } .renQ-effect-scroll:not(.renQ-mobile) #renQ-scrollbar, .renQ-work-scrollbar, .sidebar-single { overflow: visible !important; height: 100vh } .renQ-effect-scroll:not(.renQ-mobile) #renQ-scrollbar .scrollbar-track, .renQ-work-scrollbar .scrollbar-track, .sidebar-single .scrollbar-track { background: 0 0; width: 5px } .renQ-effect-scroll:not(.renQ-mobile) #renQ-scrollbar .scrollbar-track .scrollbar-thumb, .renQ-work-scrollbar .scrollbar-track .scrollbar-thumb, .sidebar-single .scrollbar-track .scrollbar-thumb { background: #424242; width: 5px } .admin-bar.renQ-effect-scroll:not(.renQ-mobile) #renQ-scrollbar, .renQ-work-scrollbar, .sidebar-single { height: calc(100vh - 46px) } @media screen and (min-width:783px) { .admin-bar.renQ-effect-scroll:not(.renQ-mobile) #renQ-scrollbar, .renQ-work-scrollbar, .sidebar-single { height: calc(100vh - 32px) } } .locked-scroll #renQ-scrollbar { background-color: #000 } .fullscreen-slider { position: relative; width: 100%; height: 100vh } .fullscreen-slider .descover-holder { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; color: #3c3c40; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; z-index: 4 } .fullscreen-slider .descover-holder .scroll-down__line { position: relative; height: 65px; width: 2px; background-color: rgba(255, 255, 255, .1) } .fullscreen-slider .descover-holder .scroll-down__line span { position: absolute; width: 100%; height: 100%; -webkit-animation: height 2s infinite cubic-bezier(.17, .67, .59, .85); animation: height 2s infinite cubic-bezier(.17, .67, .59, .85); background-color: #fff } @-webkit-keyframes height { 0% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0 } 50% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } 51% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 1 } 100% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; opacity: .5 } } @keyframes height { 0% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0 } 50% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } 51% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 1 } 100% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; opacity: .5 } } .fullscreen-slider .descover-holder .letter { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; padding: 0 10px; color: #fff; margin-bottom: 10px } .fullscreen-slider .swiper-container { width: 100%; height: 100% } .fullscreen-slider .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .fullscreen-slider .slider-item { width: 100%; height: 100% } .fullscreen-slider .slider-item .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .fullscreen-slider .slider-item .bg .bg-image { position: relative; width: 100%; height: 100% } .fullscreen-slider .slider-item .bg .bg-image:after { content: ""; width: 100%; height: 60%; position: absolute; bottom: 0; left: 0; pointer-events: none; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .5))); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%) } .fullscreen-slider .slider-item .content-inner { position: relative; margin: auto; z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .fullscreen-slider .slider-item .content-inner .content { overflow: hidden } .fullscreen-slider .slider-item .content-inner .slider-header { position: relative } .fullscreen-slider .slider-item .content-inner .slider-header h1 { font-size: 65px; font-weight: 700 } @media only screen and (max-width:767px) { .fullscreen-slider .slider-item .content-inner .slider-header h1 { font-size: 55px } } @media only screen and (max-width:575px) { .fullscreen-slider .slider-item .content-inner .slider-header h1 { font-size: 45px } } @media only screen and (max-width:400px) { .fullscreen-slider .slider-item .content-inner .slider-header h1 { font-size: 38px } } .fullscreen-slider .slider-item .content-inner .cat { position: relative; text-transform: uppercase; font-size: 13px; font-weight: 600; letter-spacing: 2px; margin-bottom: 15px } .v-light .fullscreen-slider .slider-item .content-inner .cat { color: #fff } .fullscreen-slider .slider-item .content-inner .slider-descr h5 { position: relative; letter-spacing: 1px; margin-top: 15px; font-weight: 500 } .v-light .fullscreen-slider .slider-item .content-inner .slider-descr h5 { color: #fff } .fullscreen-slider .slider-item .content-inner .slider-descr h5 strong { font-size: 16px; font-weight: 700 } .slider-header { position: relative; height: 40px; overflow: hidden; z-index: 3 } .slider-header h1 { -webkit-transform: scale3d(1, 1.15, 1.15); transform: scale3d(1, 1.15, 1.15); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; width: -webkit-max-content; width: -moz-max-content; width: max-content; font-size: 65px; font-weight: 700; text-align: center; color: transparent; -webkit-text-stroke: 1px #fff } @media only screen and (max-width:767px) { .slider-header h1 { font-size: 55px } } @media only screen and (max-width:575px) { .slider-header h1 { font-size: 45px } } @media only screen and (max-width:400px) { .slider-header h1 { font-size: 38px } } .slider-header.slider-header-top h1 { position: relative; top: -4px } .slider-header.slider-header-bottom { z-index: 2 } .slider-header.slider-header-bottom h1 { position: relative; top: -44px; color: #fff } .headefr-fexid { position: relative; width: 100%; height: 100vh; overflow: hidden; background-color: #000 } .headefr-fexid .bg { position: absolute; right: 0; top: 0; width: 80%; height: 100% } @media only screen and (max-width:767px) { .headefr-fexid .bg { width: 100% } } .headefr-fexid .bg .bg-image { position: relative; width: 100%; height: 100% } .headefr-fexid .bg .bg-image:after { content: ""; width: 100%; height: 60%; position: absolute; bottom: 0; left: 0; pointer-events: none; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .5))); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%) } .headefr-fexid .scroll { display: block; position: absolute; bottom: 40px; left: 30px; width: 1px; height: 30px } .headefr-fexid .scroll .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(218, 218, 218, .24); -webkit-animation: background 5s infinite; animation: background 5s infinite } @-webkit-keyframes background { 0% { -webkit-transform: translateY(0) scaleY(1); transform: translateY(0) scaleY(1) } 50% { -webkit-transform: translateY(0) scaleY(1); transform: translateY(0) scaleY(1) } 75% { -webkit-transform: translateY(30px) scaleY(0); transform: translateY(30px) scaleY(0) } 76% { -webkit-transform: translateY(-20px) scaleY(0); transform: translateY(-20px) scaleY(0) } 93% { -webkit-transform: translateY(0) scaleY(1); transform: translateY(0) scaleY(1) } } @keyframes background { 0% { -webkit-transform: translateY(0) scaleY(1); transform: translateY(0) scaleY(1) } 50% { -webkit-transform: translateY(0) scaleY(1); transform: translateY(0) scaleY(1) } 75% { -webkit-transform: translateY(30px) scaleY(0); transform: translateY(30px) scaleY(0) } 76% { -webkit-transform: translateY(-20px) scaleY(0); transform: translateY(-20px) scaleY(0) } 93% { -webkit-transform: translateY(0) scaleY(1); transform: translateY(0) scaleY(1) } } .headefr-fexid .scroll .triangle { display: block; position: absolute; top: 100%; left: -4px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(218, 218, 218, .24); -webkit-animation: triangle 5s infinite; animation: triangle 5s infinite; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0 } @-webkit-keyframes triangle { 0% { -webkit-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1); transform: scale(1) } 60% { -webkit-transform: scale(0); transform: scale(0) } 90% { -webkit-transform: scale(0); transform: scale(0) } to { -webkit-transform: scale(1); transform: scale(1) } } @keyframes triangle { 0% { -webkit-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1); transform: scale(1) } 60% { -webkit-transform: scale(0); transform: scale(0) } 90% { -webkit-transform: scale(0); transform: scale(0) } to { -webkit-transform: scale(1); transform: scale(1) } } .headefr-fexid .project-title { position: absolute; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow: hidden; z-index: 2 } .headefr-fexid .project-title .title-text-header { position: relative; padding-left: 7.5vw } .headefr-fexid .project-title .title-text-header .cat { display: block; position: relative; padding-left: 60px } .headefr-fexid .project-title .title-text-header .cat:after { content: ""; position: absolute; left: 0; top: 50%; margin-top: -1px; width: 40px; height: 2px; background: rgba(163, 163, 163, .24) } .headefr-fexid .project-title .title-text-header .cat span { position: relative; text-transform: uppercase; font-size: 12px; letter-spacing: 2px } .v-light .headefr-fexid .project-title .title-text-header .cat span { color: #fff } .headefr-fexid .project-title .title-text-header .cat span:after { content: ""; display: inline-block; width: 15px; height: 2px; background: rgba(163, 163, 163, .24); margin: 0 7px; margin-top: -1px; vertical-align: middle } .headefr-fexid .project-title .title-text-header .cat span:last-child:after { display: none } .headefr-fexid .project-title .title-text-header .title-text-header-inner { font-family: Montserrat, sans-serif; color: #fff } .headefr-fexid .project-title .title-text-header .title-text-header-inner span { display: block; line-height: 50px; margin: 30px 0; font-size: 65px; font-size: 65px; font-weight: 700 } @media only screen and (max-width:767px) { .headefr-fexid .project-title .title-text-header .title-text-header-inner span { font-size: 55px } } @media only screen and (max-width:575px) { .headefr-fexid .project-title .title-text-header .title-text-header-inner span { font-size: 45px } } @media only screen and (max-width:400px) { .headefr-fexid .project-title .title-text-header .title-text-header-inner span { font-size: 38px } } .headefr-fexid .project-title .sub-text-header { padding-left: 7.5vw } .headefr-fexid .project-title .sub-text-header h5 { font-weight: 600; font-size: 13px; letter-spacing: 1px; line-height: 24px; display: inline-block } .v-light .headefr-fexid .project-title .sub-text-header h5 { color: #fff } .v-light .headefr-fexid .project-title .sub-text-header span { color: #fff } .headefr-fexid .project-page__inner { position: relative; width: 100%; height: 100%; padding: 60px 80px } @media only screen and (max-width:767px) { .headefr-fexid .project-page__inner { padding: 0 15px } } .headefr-fexid .project-page__inner .link { position: relative; z-index: 3; line-height: 20px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; float: right } .headefr-fexid .project-page__inner .link:before { content: ""; position: absolute; bottom: -2px; left: 0; width: 100%; height: 1px; background: rgba(218, 218, 218, .24); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; -o-transition: transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out } .headefr-fexid .project-page__inner .link a { font-size: 11px; letter-spacing: 1.5px; color: #fff; text-transform: capitalize } .headefr-fexid .project-page__inner .link:hover:before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right } .headefr-fexid-onepage .bg { width: 100%; left: 0 } .headefr-fexid-onepage.under-head .project-title { margin-bottom: 120px } @media only screen and (max-width:767px) { .headefr-fexid-onepage.under-head .project-title { margin-bottom: 0 } } .headefr-fexid-onepage .project-title { text-align: center; display: block; position: relative; height: auto } .headefr-fexid-onepage .project-title .title-text-header { padding-left: 0 } .headefr-fexid-onepage .project-title .sub-text-header { padding-left: 0 } .headefr-fexid-onepage .project-title .cat { padding-left: 0 !important } .headefr-fexid-onepage .project-title .cat:after { display: none } .v-light .headefr-fexid-onepage .project-title .cat { color: #fff } .header-hero { position: relative } .header-hero .contenet-hero { position: relative; width: 100%; padding: 150px 0 120px 0 } .header-hero h5 { position: relative; font-size: 14px; line-height: 1.3em; letter-spacing: 5px; text-transform: uppercase } .header-hero h5:before { content: ""; height: 1px; background: #fff; position: absolute; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); left: -50px; right: auto; width: 150px; top: 50% } .v-light .header-hero h5:before { background: #000 } .header-hero h1 { margin-top: 5px; line-height: 1.2; letter-spacing: 2px; font-size: 65px; font-weight: 700 } @media only screen and (max-width:767px) { .header-hero h1 { font-size: 55px } } @media only screen and (max-width:575px) { .header-hero h1 { font-size: 45px } } @media only screen and (max-width:400px) { .header-hero h1 { font-size: 38px } } .header-hero.header-hero-2 { background-color: #090909; padding-top: 0; margin-bottom: 0; overflow: hidden } .v-light .header-hero.header-hero-2 { background-color: #e6e6e6 } .header-hero.header-hero-2 .contenet-hero { padding: 150px 0 } .header-hero.header-hero-2 .bg-circle-dotted { position: absolute; left: 0; bottom: 0; width: 100%; height: 30vw; background-image: url(../img/circle-dotted.png); background-size: contain; opacity: .02; background-repeat: no-repeat; -webkit-transform: translateY(60%); -ms-transform: translateY(60%); transform: translateY(60%) } .header-hero.header-hero-2 h1 { max-width: 950px; line-height: 1.2; margin-top: 0; font-size: 65px; font-weight: 700 } @media only screen and (max-width:767px) { .header-hero.header-hero-2 h1 { font-size: 55px } } @media only screen and (max-width:575px) { .header-hero.header-hero-2 h1 { font-size: 45px } } @media only screen and (max-width:400px) { .header-hero.header-hero-2 h1 { font-size: 38px } } .header-hero.header-hero-2 p { max-width: 570px; letter-spacing: 1.2px; margin-top: 30px } @media only screen and (max-width:575px) { .header-hero.header-hero-2 p { margin-top: 20px } } .header-hero.header-hero-2 .view-case { color: #fff; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 2px; height: 15px; margin-top: 30px } @media only screen and (max-width:575px) { .header-hero.header-hero-2 .view-case { margin-top: 20px } } .v-light .header-hero.header-hero-2 .view-case { color: #000 } .header-hero.header-hero-2 .view-case img { width: 40px; margin-left: 8px } .header-hero.header-hero-2 .view-case.scroll-down img { width: 14px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .headefr-fexid-onepage .bg { z-index: 1 } .header-single-post { position: relative } .page-template-page-works .header-single-post { margin-bottom: 120px } .header-single-post .inner-box { margin-bottom: 80px } .header-single-post .inner-box .post-info .renQ-link { display: inline-block; font-size: 14px; font-weight: 500; letter-spacing: 1.2px; word-spacing: 2px } .header-single-post .inner-box .post-info .blog-post-date { padding-right: 20px; padding-bottom: 8px } .header-single-post .inner-box .post-info .blog-post-cat a { padding-right: 8px; padding-bottom: 8px } .header-single-post .inner-box .title-box { max-width: 950px; line-height: 1.2; font-size: 42px; font-weight: 700 } @media only screen and (max-width:767px) { .header-single-post .inner-box .title-box { font-size: 32px } } @media only screen and (max-width:767px) { .header-single-post .inner-box .title-box { font-size: 28px } } .header-single-post .post-parallax-wrapper { position: relative; height: 80vh; overflow: hidden; text-align: center } .header-single-post .post-parallax-wrapper:before { z-index: 1 } .header-single-post .post-parallax-wrapper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .renQ-slider { position: relative; width: 100%; height: 100vh; overflow: hidden } .v-light .renQ-slider { background-color: #090909 } .renQ-slider .renQ-root-slider { position: relative; width: 80%; height: 100%; left: 20%; overflow: hidden } .renQ-slider.demo2 .renQ-root-slider { width: 70%; height: 60%; left: 20%; top: 20% } .renQ-slider.demo3 .renQ-root-slider { width: 100%; height: 100%; left: 0; top: 0 } .renQ-slider .link-custom { margin-top: 30px } .v-light .renQ-slider .link-custom a { color: #fff; border: 1px solid rgba(112, 112, 112, .1) } .v-light .renQ-slider .link-custom a:before { background-color: #024da1; color: #fff } .renQ-slider .slide-inner { position: relative; height: 100% } .renQ-slider .slide-inner .slick-list, .renQ-slider .slide-inner .slick-track { width: 100%; height: 100% } .renQ-slider .slide-inner .slide-item { overflow: hidden } .renQ-slider .slide-inner .slide-item .image-container { position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 1 } .renQ-slider .slide-inner .slide-item .image-container .image-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .renQ-slider .slide-inner .slide-item .image-container .image-bg img { display: none } .renQ-slider .slide-inner .slide-item .image-container .image-bg:after { content: ""; width: 100%; height: 60%; position: absolute; bottom: 0; left: 0; pointer-events: none; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .5))); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%) } .renQ-slider .footer-slid { position: absolute; width: 100%; bottom: 0; z-index: 103 } .renQ-slider .footer-slid .control-num { position: absolute; bottom: 70px; right: 100px; z-index: 3; line-height: 1.1 } @media only screen and (max-width:767px) { .renQ-slider .footer-slid .control-num { right: 35px } } .renQ-slider .footer-slid .control-num [data-renQ-header=project].renQ-slider .footer-slid .control-num { right: 40px } .renQ-slider .footer-slid .control-num span { font-size: 11vw; color: rgba(255, 255, 255, .03); -webkit-text-stroke: 1px rgba(255, 255, 255, .11); -webkit-transform: scale3d(1, 1.15, 1.15); transform: scale3d(1, 1.15, 1.15) } .renQ-slider .footer-slid .control-nav { position: absolute; bottom: 30px; right: 50px; z-index: 3 } .renQ-slider .footer-slid .control-nav svg { height: 40px; width: 40px } .renQ-slider .footer-slid .control-nav svg .circle { stroke-dashoffset: 113.113px; stroke-dasharray: 113.113px; stroke-width: 0; opacity: 0; fill: #fff } .renQ-slider .footer-slid .control-nav svg .path { fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 1.8px; -webkit-transition: opacity .3s, fill .3s, stroke .3s; -o-transition: opacity .3s, fill .3s, stroke .3s; transition: opacity .3s, fill .3s, stroke .3s } .renQ-slider .footer-slid .control-nav .next-container, .renQ-slider .footer-slid .control-nav .prev-container { display: inline-block; cursor: pointer; -webkit-transform: none; -ms-transform: none; transform: none } .renQ-slider .footer-slid .control-nav .next-container .icon-circle, .renQ-slider .footer-slid .control-nav .prev-container .icon-circle { width: 40px; height: 40px; position: absolute; border: 1px solid; border-radius: 50%; top: 1px; left: 3px; opacity: 0 } .renQ-slider .footer-slid .control-nav .next-container:hover .icon-circle, .renQ-slider .footer-slid .control-nav .prev-container:hover .icon-circle { opacity: 1 } .renQ-slider .footer-slid .control-nav .next-container svg { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) } .renQ-slider .footer-slid .control-nav .prev-container { margin-right: 15px } .renQ-slider .footer-slid .control-nav .prev-container svg { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .renQ-slider .footer-slid .social-btn, .renQ-slider .footer-slid a.cop-icon { width: 16px; height: 12px; cursor: pointer } .renQ-slider .footer-slid .social-btn .svg-wrapper, .renQ-slider .footer-slid a.cop-icon .svg-wrapper { width: 100%; display: block; height: auto; position: relative; padding-top: 100% } .renQ-slider .footer-slid .social-btn .svg-wrapper svg, .renQ-slider .footer-slid a.cop-icon .svg-wrapper svg { width: 100%; height: 100%; position: absolute; top: 0; left: 0 } .renQ-slider .footer-slid .social-btn .svg-wrapper svg path, .renQ-slider .footer-slid a.cop-icon .svg-wrapper svg path { fill: #fff } .renQ-slider .footer-slid .main-social { position: relative; bottom: 30px; left: 50px; display: inline-block; height: 40px } @media only screen and (max-width:575px) { .renQ-slider .footer-slid .main-social { left: 20px } } .renQ-slider .footer-slid .main-social>* { position: relative; display: inline-block } .renQ-slider .footer-slid .main-social .social-icon { height: 20px; -webkit-transition-timing-function: cubic-bezier(.165, .84, .44, 1); -o-transition-timing-function: cubic-bezier(.165, .84, .44, 1); transition-timing-function: cubic-bezier(.165, .84, .44, 1); -webkit-transition-duration: .6s; -o-transition-duration: .6s; transition-duration: .6s } .renQ-slider .footer-slid .main-social .social-icon:after { content: ""; position: absolute; width: 0; height: 1px; background-color: #fff; opacity: .2; top: 8px; left: 27px; -webkit-transition: width .5s .3s; -o-transition: width .5s .3s; transition: width .5s .3s } .renQ-slider .footer-slid .main-social .social-network { overflow: hidden; will-change: transform } .renQ-slider .footer-slid .main-social .social-network li { opacity: 0; visibility: hidden; will-change: transform; -webkit-transform: translateY(50%) rotate(15deg) scale(.8); -ms-transform: translateY(50%) rotate(15deg) scale(.8); transform: translateY(50%) rotate(15deg) scale(.8); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } .renQ-slider .footer-slid .main-social:hover .renQ-wrapper { margin-right: 7px } .renQ-slider .footer-slid .main-social:hover .renQ-wrapper:last-child { margin-right: 0 } .renQ-slider .footer-slid .main-social:hover .social-network { will-change: transform } .renQ-slider .footer-slid .main-social:hover .social-network li { will-change: transform; opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55); transition: -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55); -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55); transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55); transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) } .renQ-slider .footer-slid .main-social:hover .social-network li:nth-of-type(0) { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) .2s, visibility .3s 0s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 0s; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) .2s, visibility .3s 0s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 0s; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 0s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) .2s, visibility .3s 0s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 0s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) .2s, visibility .3s 0s; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 0s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) .2s, visibility .3s 0s, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 0s } .renQ-slider .footer-slid .main-social:hover .social-network li:nth-of-type(1) { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 260ms, visibility .3s 45ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 60ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 260ms, visibility .3s 45ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 60ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 60ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 260ms, visibility .3s 45ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 60ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 260ms, visibility .3s 45ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 60ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 260ms, visibility .3s 45ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 60ms } .renQ-slider .footer-slid .main-social:hover .social-network li:nth-of-type(2) { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 320ms, visibility .3s 90ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 120ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 320ms, visibility .3s 90ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 120ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 120ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 320ms, visibility .3s 90ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 120ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 320ms, visibility .3s 90ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 120ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 320ms, visibility .3s 90ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 120ms } .renQ-slider .footer-slid .main-social:hover .social-network li:nth-of-type(3) { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 380ms, visibility .3s 135ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 180ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 380ms, visibility .3s 135ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 180ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 180ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 380ms, visibility .3s 135ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 180ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 380ms, visibility .3s 135ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 180ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 380ms, visibility .3s 135ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 180ms } .renQ-slider .footer-slid .main-social:hover .social-network li:nth-of-type(4) { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 440ms, visibility .3s 180ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 240ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 440ms, visibility .3s 180ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 240ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 240ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 440ms, visibility .3s 180ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 240ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 440ms, visibility .3s 180ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 240ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 440ms, visibility .3s 180ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 240ms } .renQ-slider .footer-slid .main-social:hover .social-network li:nth-of-type(5) { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) .5s, visibility .3s 225ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) .3s; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) .5s, visibility .3s 225ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) .3s; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) .3s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) .5s, visibility .3s 225ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) .3s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) .5s, visibility .3s 225ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) .3s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) .5s, visibility .3s 225ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) .3s } .renQ-slider .footer-slid .main-social:hover .social-network li:nth-of-type(6) { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 560ms, visibility .3s 270ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 360ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 560ms, visibility .3s 270ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 360ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 360ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 560ms, visibility .3s 270ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 360ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 560ms, visibility .3s 270ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 360ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 560ms, visibility .3s 270ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 360ms } .renQ-slider .footer-slid .main-social:hover .social-network li:nth-of-type(7) { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 620ms, visibility .3s 315ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 420ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 620ms, visibility .3s 315ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 420ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 420ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 620ms, visibility .3s 315ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 420ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 620ms, visibility .3s 315ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 420ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 620ms, visibility .3s 315ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 420ms } .renQ-slider .footer-slid .main-social:hover .social-network li:nth-of-type(8) { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 680ms, visibility .3s 360ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 480ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 680ms, visibility .3s 360ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 480ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 480ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 680ms, visibility .3s 360ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 480ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 680ms, visibility .3s 360ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 480ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 680ms, visibility .3s 360ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 480ms } .renQ-slider .footer-slid .main-social:hover .social-network li:nth-of-type(9) { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 740ms, visibility .3s 405ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 540ms; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 740ms, visibility .3s 405ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 540ms; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 540ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 740ms, visibility .3s 405ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 540ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 740ms, visibility .3s 405ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) 540ms, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) 740ms, visibility .3s 405ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) 540ms } .renQ-slider .footer-slid .main-social:hover .social-network li:nth-of-type(10) { -webkit-transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) .8s, visibility .3s 450ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) .6s; transition: opacity .3s cubic-bezier(.68, -.55, .265, 1.55) .8s, visibility .3s 450ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) .6s; -o-transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) .6s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) .8s, visibility .3s 450ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) .6s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) .8s, visibility .3s 450ms; transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55) .6s, opacity .3s cubic-bezier(.68, -.55, .265, 1.55) .8s, visibility .3s 450ms, -webkit-transform .5s cubic-bezier(.68, -.55, .265, 1.55) .6s } .renQ-slider .footer-slid .main-social:hover .social-icon:after { width: 40px; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s } .renQ-slider .footer-slid .main-social .social-network { margin-left: 60px } .renQ-slider .footer-slid .main-social .social-network li { display: inline-block; line-height: 30px; margin-right: 30px; font-size: 16px } .renQ-slider .footer-slid .main-social .social-network li:last-child { margin-right: 0 } .renQ-slider .footer-slid .main-social .social-network li i { color: #fff } .renQ-slider .footer-slid .main-social .social-network li:hover i { color: #fff } .renQ-slider[data-renQ-header=project] .footer-slid .control-num { right: 40px } .renQ-slider .nav-slider { position: absolute; width: 8%; height: 30%; top: 35%; z-index: 3; overflow: hidden } .renQ-slider .nav-slider .swiper-slide .image-container { width: 20%; height: 100%; padding: 5px 0; -webkit-transition: width .5s; -o-transition: width .5s; transition: width .5s } .renQ-slider .nav-slider .swiper-slide .image-container:hover { width: 100% } .renQ-slider .nav-slider .swiper-slide .image-container .image-bg { width: 100%; height: 100%; border-radius: 0 3px 3px 0 } .renQ-slider .nav-slider .swiper-slide .image-container .image-bg:before { visibility: hidden } .renQ-slider .nav-slider .swiper-slide .image-container .image-bg img { display: none } .renQ-slider .nav-slider .swiper-slide .content { position: absolute; right: 0; top: -12px; z-index: 1; opacity: 0 } .renQ-slider .nav-slider .swiper-slide .content p { font-family: Montserrat, sans-serif; font-size: 22px; opacity: .8; color: #ababab } .renQ-slider .nav-slider .swiper-slide.swiper-slide-active .image-container { width: 100% } .renQ-slider .nav-slider .swiper-slide.swiper-slide-active .image-container .image-bg:before { visibility: visible } .renQ-slider .nav-slider .swiper-slide.swiper-slide-active .content { opacity: 1 } @media only screen and (max-width:991px) { .renQ-slider.demo2 .renQ-root-slider { width: 80%; height: 100%; top: 0 } } @media only screen and (max-width:767px) { .renQ-slider .renQ-root-slider, .renQ-slider.demo2 .renQ-root-slider { width: 100%; height: 100%; left: 0; top: 0 } .renQ-slider .renQ-slider-content .slide-content { width: 100% } .renQ-slider .renQ-slider-content .slide-content .slide-content-inner { padding-left: 50px; padding-right: 50px } .renQ-slider .renQ-slider-content .slide-content .slide-content-inner p { max-width: 100% } .renQ-slider .nav-slider { display: none } .renQ-slider .renQ-slider-content .slide-content .slide-content-inner .title-text-header .title-text-header-inner { font-size: 55px } .renQ-slider .footer-slid .control-nav, .renQ-slider .footer-slid .main-social { bottom: 20px; right: 15px } } @media only screen and (max-width:575px) { .renQ-slider .renQ-slider-content .slide-content .slide-content-inner { padding-left: 20px; padding-right: 20px } .renQ-slider .renQ-slider-content .slide-content .slide-content-inner .title-text-header .title-text-header-inner { font-size: 45px } .renQ-slider .renQ-slider-content .slide-content .slide-content-inner p { margin-top: 20px } .renQ-slider .renQ-slider-content .slide-content .slide-content-inner .project-metas .project-meta-box { margin-bottom: 20px } .renQ-slider .link-custom { margin-top: 20px } } @media only screen and (max-width:400px) { .renQ-slider .renQ-slider-content .slide-content .slide-content-inner { padding-left: 20px } } .renQ-slider-content .slide-content { position: absolute; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 2; pointer-events: none } .renQ-slider-content .slide-content .slide-content-inner { padding-left: 12.5vw } .renQ-slider .fixed_svg { position: absolute; z-index: 2; top: 0; left: -50px; width: 50vw } .renQ-slider .fixed_svg svg { opacity: .1; position: absolute; left: 0; top: 0 } .renQ-slider .fixed_svg #shape2 { left: -155px; top: -97px } .renQ-slider .fixed_svg svg .cls-1 { fill: #fff } .renQ-slider-content .slide-content .slide-content-inner .title-text-header { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-direction: normal; -webkit-perspective: 1000px; perspective: 1000px } .renQ-slider-content .slide-content .slide-content-inner .title-text-header .title-text-header-inner { font-family: Montserrat, sans-serif; color: #fff; z-index: 0; font-size: 65px; line-height: 1.2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .renQ-slider-content .slide-content .slide-content-inner .title-text-header .title-text-header-inner span { font-weight: 600; letter-spacing: -.01em; line-height: .75em; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .renQ-slider-content .slide-content .slide-content-inner p { max-width: 470px; font-weight: 600; letter-spacing: 1px; font-size: 13px; line-height: 24px; margin-top: 30px } .renQ-slider-content .slide-content .slide-content-inner .project-metas .cat { display: block; position: relative; padding-left: 60px; margin-bottom: 10px } .renQ-slider-content .slide-content .slide-content-inner .project-metas .cat:after { content: ""; position: absolute; left: 0; top: 50%; margin-top: -1px; width: 40px; height: 2px; background: rgba(163, 163, 163, .24) } .renQ-slider-content .slide-content .slide-content-inner .project-metas .cat span { position: relative; text-transform: uppercase; font-size: 16px; font-weight: 600; letter-spacing: 2px; opacity: .8 } .renQ-slider-content .slide-content .slide-content-inner .project-metas .cat span:after { content: ""; display: inline-block; width: 15px; height: 2px; background: rgba(163, 163, 163, .24); margin: 0 7px; margin-top: -1px; vertical-align: middle } .renQ-slider-content .slide-content .slide-content-inner .project-metas .cat span:last-child:after { display: none } .renQ-slider-content .slide-content .slide-content-inner .link-custom a { border: 1px solid rgba(2, 77, 161, .5) } .renQ-slider-content .slide-content.renQ-active { z-index: 3; pointer-events: auto } .renQ-slider-content .slide-content:not(.renQ-active) .slide-content-inner .title-text-header .title-text-header-inner .renQ-chars-wrapper { will-change: transform; opacity: 0 !important; visibility: hidden !important; -webkit-transform: translate(90%, 0) rotate(8deg) scale(1.5) !important; -moz-transform: translate(90%, 0) rotate(8deg) scale(1.5) !important; -ms-transform: translate(90%, 0) rotate(8deg) scale(1.5) !important; -o-transform: translate(90%, 0) rotate(8deg) scale(1.5) !important; transform: translate(90%, 0) rotate(8deg) scale(1.5) !important } .renQ-slider-content .slide-content:not(.renQ-active) .slide-content-inner .project-metas { margin-top: 30px } .renQ-slider-content .slide-content:not(.renQ-active) .slide-content-inner .project-metas .project-client, .renQ-slider-content .slide-content:not(.renQ-active) .slide-content-inner .project-metas .project-work, .renQ-slider-content .slide-content:not(.renQ-active) .slide-content-inner .project-metas .project-year { display: inline; font-size: 12px; letter-spacing: 2px } .renQ-slider-content .slide-content:not(.renQ-active) .slide-content-inner .project-metas .project-client::after, .renQ-slider-content .slide-content:not(.renQ-active) .slide-content-inner .project-metas .project-work::after, .renQ-slider-content .slide-content:not(.renQ-active) .slide-content-inner .project-metas .project-year::after { content: ""; display: inline-block; width: 15px; height: 2px; background: rgba(163, 163, 163, .24); margin: 0 7px; margin-top: -1px; vertical-align: middle } .renQ-slider-content .slide-content:not(.renQ-active) .slide-content-inner .project-metas .project-client:last-child::after, .renQ-slider-content .slide-content:not(.renQ-active) .slide-content-inner .project-metas .project-work:last-child::after, .renQ-slider-content .slide-content:not(.renQ-active) .slide-content-inner .project-metas .project-year:last-child::after { display: none } .renQ-slider-content .slide-content .slide-content-inner .link-custom, .renQ-slider-content .slide-content .slide-content-inner .project-metas .project-meta-box, .renQ-slider-content .slide-content .slide-content-inner p { opacity: 0; -webkit-transform: translateY(10%); -ms-transform: translateY(10%); transform: translateY(10%); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: opacity, transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; -webkit-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55); -o-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55); transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55) } .renQ-slider-content .slide-content .slide-content-inner .project-metas .project-meta-box { -webkit-transform: translateY(-10%); -ms-transform: translateY(-10%); transform: translateY(-10%) } .renQ-slider-content .slide-content .slide-content-inner p { -webkit-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s } .renQ-slider-content .slide-content .slide-content-inner .link-custom { -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s } .renQ-slider-content .slide-content.renQ-active-cat .slide-content-inner .link-custom, .renQ-slider-content .slide-content.renQ-active-cat .slide-content-inner .project-metas .project-meta-box, .renQ-slider-content .slide-content.renQ-active-cat .slide-content-inner p { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .view-all { position: fixed; bottom: 30px; right: 175px; z-index: 121; cursor: pointer; height: 40px; line-height: 30px } @media only screen and (max-width:767px) { .view-all { bottom: 20px; right: 130px } .renQ-show-work .view-all { right: 20px } } .view-all .icon-circle { position: absolute; top: -8px; left: 22px; width: 150px; height: 40px; border: 1px solid #fff; border-radius: 50px; opacity: 0 } .view-all:hover .icon-circle { opacity: 1 } .view-all .view-all-container { margin-left: 69px; position: relative } .view-all .view-all-container .icon .line-1 { position: absolute; width: 2px; height: 10px; background-color: rgba(255, 255, 255, .38); top: 12px; left: -26px; -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: background-color, height; -o-transition-property: background-color, height; transition-property: background-color, height; -webkit-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s } .renQ-show-work .view-all .view-all-container .icon .line-1 { height: 0 } body.nav-all-work .view-all .view-all-container .icon .line-1 { opacity: 0; visibility: hidden; display: none } .view-all .view-all-container .icon .line-2 { position: absolute; width: 10px; height: 2px; background-color: rgba(255, 255, 255, .38); top: 16px; left: -30px; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s } .view-all .view-all-container .text { display: inline-block; position: relative; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: 600; letter-spacing: 2px } .nav-work-box { overflow-y: auto } .nav-work-box .list-content { margin: 0 auto } .nav-work-box .list-main { width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 0 auto; padding: 100px 0 } .nav-work-box .list-main .work-item { color: rgba(255, 255, 255, .6); padding: 50px 0 } @media only screen and (max-width:400px) { .nav-work-box .list-main .work-item { padding: 30px 0 } } .nav-work-box .list-main .work-item .renQ-animate-webgl { opacity: 0; visibility: hidden; width: 0; height: 0 } .nav-work-box .list-main .work-item.renQ-active { color: #fff } .nav-work-box .list-main .work-item.renQ-active .num small { -webkit-text-stroke: 1px #fff } .nav-work-box .list-main .work-item.renQ-active h3 { letter-spacing: 10px } @media only screen and (max-width:400px) { .nav-work-box .list-main .work-item.renQ-active h3 { letter-spacing: 2px } } .nav-work-box .list-main .work-item a { position: relative; z-index: 2 } .nav-work-box .list-main .work-item a .num small { font-size: 14px; font-weight: 700; color: transparent; -webkit-text-stroke: 1px rgba(255, 255, 255, .2); letter-spacing: 2px } .nav-work-box .list-main .work-item a h3 { color: inherit; letter-spacing: 4px; font-weight: 800; text-transform: capitalize; font-size: 3rem; -webkit-transition: letter-spacing .5s ease-out; -moz-transition: letter-spacing .5s ease-out; -ms-transition: letter-spacing .5s ease-out; -o-transition: letter-spacing .5s ease-out; transition: letter-spacing .5s ease-out } @media only screen and (max-width:767px) { .nav-work-box .list-main .work-item a h3 { font-size: 2.5rem } } @media only screen and (max-width:575px) { .nav-work-box .list-main .work-item a h3 { font-size: 2rem } } @media only screen and (max-width:400px) { .nav-work-box .list-main .work-item a h3 { font-size: 1.2rem } } .nav-work-box .list-main .work-item a .project-type { margin-top: 15px } .nav-work-box .list-main .work-item a .project-type span { position: relative; font-size: 13px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: inherit } .nav-work-box .list-main .work-item a .project-type span:before { content: ""; width: 2vw; display: inline-block; vertical-align: middle; height: 1px; background: rgba(255, 255, 255, .15); margin-right: 2.1vw } @media only screen and (max-width:767px) { .nav-work-box .list-main { padding: 0 30px } .nav-work-box .list-main .work-item { padding: 30px 0 } } .renQ-all-work { position: fixed; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); z-index: 120; background-color: #090909 } .nav-work-img-box { z-index: -1 } .nav-work-img-box:before { z-index: 99 } .nav-work-img-box img { position: absolute; left: 0; top: 0; -o-object-fit: cover; object-fit: cover; height: 100%; z-index: 1; -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); width: 100% } .nav-work-img-box img.renQ-active { z-index: 2; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0) } .nav-work-img-box img.renQ-active-enter { -webkit-animation: 1s inset-enter; animation: 1s inset-enter; -webkit-animation-timing-function: cubic-bezier(.165, .025, 1, -.08); animation-timing-function: cubic-bezier(.165, .025, 1, -.08) } .nav-work-img-box img.renQ-active-leve { -webkit-animation: 3s inset-leve; animation: 3s inset-leve; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes inset-enter { from { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0) } to { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0) } } @-moz-keyframes inset-enter { from { clip-path: inset(0 100% 0 0) } to { clip-path: inset(0 0 0 0) } } @keyframes inset-enter { from { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0) } to { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0) } } @-webkit-keyframes inset-leve { from { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0) } to { -webkit-transform: translateX(50%) scale(1.5); transform: translateX(50%) scale(1.5) } } @-moz-keyframes inset-leve { from { transform: translateX(0) scale(1); clip-path: inset(0 0 0 0) } to { transform: translateX(50%) scale(1.5) } } @keyframes inset-leve { from { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0) } to { -webkit-transform: translateX(50%) scale(1.5); transform: translateX(50%) scale(1.5) } } .nav-work-box, .nav-work-img-box { position: absolute; width: 100%; height: 100%; left: 0; top: 0 } .renQ-all-work { opacity: 0; visibility: hidden; -webkit-transition: opacity .8s, visibility .8s, -webkit-transform .8s cubic-bezier(.55, .06, .68, .19); transition: opacity .8s, visibility .8s, -webkit-transform .8s cubic-bezier(.55, .06, .68, .19); -o-transition: transform .8s cubic-bezier(.55, .06, .68, .19), opacity .8s, visibility .8s; transition: transform .8s cubic-bezier(.55, .06, .68, .19), opacity .8s, visibility .8s; transition: transform .8s cubic-bezier(.55, .06, .68, .19), opacity .8s, visibility .8s, -webkit-transform .8s cubic-bezier(.55, .06, .68, .19) } .renQ-all-work .list-main { overflow: hidden; will-change: transform } .renQ-all-work .list-main .work-item { opacity: 0; visibility: hidden; will-change: transform; -webkit-transform: translateY(50%) rotate(15deg) scale(.8); -ms-transform: translateY(50%) rotate(15deg) scale(.8); transform: translateY(50%) rotate(15deg) scale(.8); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } body.renQ-show-work .renQ-all-work { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } body.renQ-show-work .renQ-all-work .renQ-wrapper { margin-right: 7px } body.renQ-show-work .renQ-all-work .renQ-wrapper:last-child { margin-right: 0 } body.renQ-show-work .renQ-all-work .list-main { will-change: transform } body.renQ-show-work .renQ-all-work .list-main .work-item { will-change: transform; opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36); transition: -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36); -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36); transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36); transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36), -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) } body.renQ-show-work .renQ-all-work .list-main:nth-of-type(0) .work-item { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) .7s, visibility .3s .5s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) .5s; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) .7s, visibility .3s .5s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) .5s; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) .5s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) .7s, visibility .3s .5s; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) .5s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) .7s, visibility .3s .5s; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) .5s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) .7s, visibility .3s .5s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) .5s } body.renQ-show-work .renQ-all-work .list-main:nth-of-type(1) .work-item { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 880ms, visibility .3s 545ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 680ms; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 880ms, visibility .3s 545ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 680ms; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 680ms, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 880ms, visibility .3s 545ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 680ms, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 880ms, visibility .3s 545ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 680ms, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 880ms, visibility .3s 545ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 680ms } body.renQ-show-work .renQ-all-work .list-main:nth-of-type(2) .work-item { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.06s, visibility .3s 590ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 860ms; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.06s, visibility .3s 590ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 860ms; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 860ms, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.06s, visibility .3s 590ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 860ms, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.06s, visibility .3s 590ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 860ms, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.06s, visibility .3s 590ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 860ms } body.renQ-show-work .renQ-all-work .list-main:nth-of-type(3) .work-item { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.24s, visibility .3s 635ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.04s; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.24s, visibility .3s 635ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.04s; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.04s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.24s, visibility .3s 635ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.04s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.24s, visibility .3s 635ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.04s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.24s, visibility .3s 635ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.04s } body.renQ-show-work .renQ-all-work .list-main:nth-of-type(4) .work-item { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.42s, visibility .3s 680ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.22s; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.42s, visibility .3s 680ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.22s; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.22s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.42s, visibility .3s 680ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.22s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.42s, visibility .3s 680ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.22s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.42s, visibility .3s 680ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.22s } body.renQ-show-work .renQ-all-work .list-main:nth-of-type(5) .work-item { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.6s, visibility .3s 725ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.4s; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.6s, visibility .3s 725ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.4s; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.4s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.6s, visibility .3s 725ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.4s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.6s, visibility .3s 725ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.4s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.6s, visibility .3s 725ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.4s } body.renQ-show-work .renQ-all-work .list-main:nth-of-type(6) .work-item { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.78s, visibility .3s 770ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.58s; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.78s, visibility .3s 770ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.58s; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.58s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.78s, visibility .3s 770ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.58s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.78s, visibility .3s 770ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.58s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.78s, visibility .3s 770ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.58s } body.renQ-show-work .renQ-all-work .list-main:nth-of-type(7) .work-item { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.96s, visibility .3s 815ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.76s; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.96s, visibility .3s 815ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.76s; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.76s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.96s, visibility .3s 815ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.76s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.96s, visibility .3s 815ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.76s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 1.96s, visibility .3s 815ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.76s } body.renQ-show-work .renQ-all-work .list-main:nth-of-type(8) .work-item { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.14s, visibility .3s 860ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.94s; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.14s, visibility .3s 860ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.94s; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.94s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.14s, visibility .3s 860ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.94s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.14s, visibility .3s 860ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.94s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.14s, visibility .3s 860ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 1.94s } body.renQ-show-work .renQ-all-work .list-main:nth-of-type(9) .work-item { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.32s, visibility .3s 905ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.12s; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.32s, visibility .3s 905ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.12s; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.12s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.32s, visibility .3s 905ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.12s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.32s, visibility .3s 905ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.12s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.32s, visibility .3s 905ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.12s } body.renQ-show-work .renQ-all-work .list-main:nth-of-type(10) .work-item { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.5s, visibility .3s 950ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.3s; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.5s, visibility .3s 950ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.3s; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.3s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.5s, visibility .3s 950ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.3s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.5s, visibility .3s 950ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.3s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.5s, visibility .3s 950ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.3s } body.renQ-show-work .renQ-all-work .list-main:nth-of-type(11) .work-item { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.68s, visibility .3s 995ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.48s; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.68s, visibility .3s 995ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.48s; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.48s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.68s, visibility .3s 995ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.48s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.68s, visibility .3s 995ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.48s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.68s, visibility .3s 995ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.48s } body.renQ-show-work .renQ-all-work .list-main:nth-of-type(12) .work-item { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.86s, visibility .3s 1.04s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.66s; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.86s, visibility .3s 1.04s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.66s; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.66s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.86s, visibility .3s 1.04s; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.66s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.86s, visibility .3s 1.04s; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.66s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 2.86s, visibility .3s 1.04s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.66s } body.renQ-show-work .renQ-all-work .list-main:nth-of-type(13) .work-item { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.04s, visibility .3s 1085ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.84s; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.04s, visibility .3s 1085ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.84s; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.84s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.04s, visibility .3s 1085ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.84s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.04s, visibility .3s 1085ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.84s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.04s, visibility .3s 1085ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 2.84s } body.renQ-show-work .renQ-all-work .list-main:nth-of-type(14) .work-item { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.22s, visibility .3s 1.13s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.02s; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.22s, visibility .3s 1.13s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.02s; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.02s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.22s, visibility .3s 1.13s; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.02s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.22s, visibility .3s 1.13s; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.02s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.22s, visibility .3s 1.13s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.02s } body.renQ-show-work .renQ-all-work .list-main:nth-of-type(15) .work-item { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.4s, visibility .3s 1175ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.2s; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.4s, visibility .3s 1175ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.2s; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.2s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.4s, visibility .3s 1175ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.2s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.4s, visibility .3s 1175ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.2s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.4s, visibility .3s 1175ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.2s } body.renQ-show-work .renQ-all-work .list-main:nth-of-type(16) .work-item { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.58s, visibility .3s 1.22s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.38s; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.58s, visibility .3s 1.22s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.38s; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.38s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.58s, visibility .3s 1.22s; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.38s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.58s, visibility .3s 1.22s; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.38s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.58s, visibility .3s 1.22s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.38s } body.renQ-show-work .renQ-all-work .list-main:nth-of-type(17) .work-item { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.76s, visibility .3s 1265ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.56s; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.76s, visibility .3s 1265ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.56s; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.56s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.76s, visibility .3s 1265ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.56s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.76s, visibility .3s 1265ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.56s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.76s, visibility .3s 1265ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.56s } body.renQ-show-work .renQ-all-work .list-main:nth-of-type(18) .work-item { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.94s, visibility .3s 1.31s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.74s; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.94s, visibility .3s 1.31s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.74s; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.74s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.94s, visibility .3s 1.31s; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.74s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.94s, visibility .3s 1.31s; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.74s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 3.94s, visibility .3s 1.31s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.74s } body.renQ-show-work .renQ-all-work .list-main:nth-of-type(19) .work-item { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 4.12s, visibility .3s 1355ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.92s; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 4.12s, visibility .3s 1355ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.92s; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.92s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 4.12s, visibility .3s 1355ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.92s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 4.12s, visibility .3s 1355ms; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.92s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 4.12s, visibility .3s 1355ms, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 3.92s } body.renQ-show-work .renQ-all-work .list-main:nth-of-type(20) .work-item { -webkit-transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 4.3s, visibility .3s 1.4s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 4.1s; transition: opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 4.3s, visibility .3s 1.4s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 4.1s; -o-transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 4.1s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 4.3s, visibility .3s 1.4s; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 4.1s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 4.3s, visibility .3s 1.4s; transition: transform .5s cubic-bezier(.31, 1.37, .68, -.36) 4.1s, opacity .3s cubic-bezier(.31, 1.37, .68, -.36) 4.3s, visibility .3s 1.4s, -webkit-transform .5s cubic-bezier(.31, 1.37, .68, -.36) 4.1s } .root-work { width: 100%; position: relative } .root-work .filterings { position: relative; margin: 0 auto; margin-bottom: 120px; width: 100%; z-index: 2 } @media only screen and (max-width:991px) { .root-work .filterings { margin-bottom: 80px } } .root-work .filterings .filtering-wrap { width: inherit; position: relative; border-bottom: 2px solid rgba(255, 255, 255, .05); margin: auto; text-align: center } @media only screen and (max-width:575px) { .root-work .filterings .filtering-wrap { border-bottom: 0 } } .v-light .root-work .filterings .filtering-wrap { border-bottom: solid 2px rgba(190, 190, 190, .27) } .root-work .filterings .filtering-wrap .filtering { overflow: auto; position: relative; margin-bottom: -2px } .root-work .filterings .filtering-wrap .filtering button { color: #fff; width: auto; margin: 0 30px 0 0; padding: 0 5px 18px 5px; font-size: 14px; font-weight: 500; display: inline-block; cursor: pointer; -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; -webkit-transition-duration: .6s; -o-transition-duration: .6s; transition-duration: .6s; letter-spacing: 2px; text-transform: uppercase } @media only screen and (max-width:575px) { .root-work .filterings .filtering-wrap .filtering button { margin-right: 10px } } .v-light .root-work .filterings .filtering-wrap .filtering button { color: #0009 } .root-work .filterings .filtering-wrap .filtering button.active { font-weight: 700; border-bottom: solid 2px #fff } .v-light .root-work .filterings .filtering-wrap .filtering button.active { border-bottom: solid 2px #bebebe } .root-work .projects-list { position: relative; width: 100% } .root-work .projects-list .item { width: 50%; position: relative; padding-left: 30px; padding-right: 30px; margin-top: 50px } @media only screen and (max-width:767px) { .root-work .projects-list .item { width: 100% } } .root-work .projects-list .item::before { z-index: -1 } .root-work .projects-list .item:first-child { margin-top: 0 } .root-work .projects-list .item:nth-child(2) { margin-top: 160px } @media only screen and (max-width:767px) { .root-work .projects-list .item:nth-child(2) { margin-top: 50px } } .root-work .projects-list .item a { position: relative; display: block; overflow: hidden } .root-work .projects-list .item a .item-border { position: absolute; top: 0; left: 15px; right: 15px; bottom: 0; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .79))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .79) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .79) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .79) 100%); transition: transform .6s, background .6s cubic-bezier(.9, .03, .22, .97), -webkit-transform .6s; z-index: 1 } .root-work .projects-list .item a img { display: block; -o-object-fit: cover; object-fit: cover } .root-work .projects-list .item a .item-info { position: absolute; left: 50%; padding: 25px 15px 30px; width: 270px; text-align: center; -webkit-transition: -webkit-transform .5s cubic-bezier(.08, .03, .22, .87); transition: -webkit-transform .5s cubic-bezier(.08, .03, .22, .87); -o-transition: transform .5s cubic-bezier(.08, .03, .22, .87); transition: transform .5s cubic-bezier(.08, .03, .22, .87); transition: transform .5s cubic-bezier(.08, .03, .22, .87), -webkit-transform .5s cubic-bezier(.08, .03, .22, .87); z-index: 2; top: auto; bottom: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0) } .root-work .projects-list .item a .item-info .cat { font-size: 13px; letter-spacing: 1px; font-weight: 500; text-transform: uppercase; margin-bottom: 10px; font-family: Montserrat, sans-serif; opacity: .9 } .v-light .root-work .projects-list .item a .item-info .cat { color: #fff } .root-work .projects-list .item a .item-info h4 { position: relative; color: #fff; font-size: 25px; -webkit-transition: margin-bottom .5s ease; -o-transition: margin-bottom .5s ease; transition: margin-bottom .5s ease; z-index: 3; font-weight: 600 } .root-work .projects-list .item a .item-info span { color: #fff; opacity: 0; font-size: 13px; text-transform: uppercase; letter-spacing: 2px; -webkit-transition: opacity .6s ease; -o-transition: opacity .6s ease; transition: opacity .6s ease; position: relative } .root-work .projects-list .item a:hover .item-border { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .41)), to(rgba(0, 0, 0, .99))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, .41) 0, rgba(0, 0, 0, .99) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, .41) 0, rgba(0, 0, 0, .99) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, .41) 0, rgba(0, 0, 0, .99) 100%) } .root-work .projects-list .item a:hover .item-info { -webkit-transform: translate(-50%, -50px); -ms-transform: translate(-50%, -50px); transform: translate(-50%, -50px) } .root-work .projects-list .item a:hover .item-info h4 { margin-bottom: 10px } .root-work .projects-list .item a:hover .item-info span { opacity: 1 } .root-work .container { position: relative } .root-work .box-title { position: absolute; margin-top: 0; padding-top: 0; width: 100% } .root-work .box-title h2 { top: -50px; -webkit-transform: none; -ms-transform: none; transform: none; width: 100%; left: 0; font-size: 10vw; z-index: -1 } @media only screen and (max-width:991px) { .root-work .box-title h2 { top: -15px } } .root-work.root-work-two { width: calc(100% - 225px); margin-left: 225px } .root-work.root-work-two .projects-list .item { margin-top: 0; width: 33.33333%; margin-bottom: 50px } .root-work.root-work-two .projects-list .item:nth-of-type(2) { margin-top: 50px } @media only screen and (max-width:991px) { .root-work.root-work-two .projects-list .item { width: 49.5% } } @media only screen and (max-width:767px) { .root-work.root-work-two .projects-list .item { width: 100% } .root-work.root-work-two .projects-list .item:nth-of-type(2) { margin-top: 0 } } .root-work.root-work-two .projects-list .item a { height: auto } .root-work.root-work-two .projects-list .item a .item-border { display: none } .root-work.root-work-two .projects-list .item a img { -webkit-transition: 1.5s cubic-bezier(.645, .045, .355, 1); -o-transition: 1.5s cubic-bezier(.645, .045, .355, 1); transition: 1.5s cubic-bezier(.645, .045, .355, 1) } .root-work.root-work-two .projects-list .item a .item-info { position: relative; left: auto; top: auto; -webkit-transform: none; -ms-transform: none; transform: none; padding: 25px 15px 0; width: 100%; text-align: center; transition: transform .5s cubic-bezier(.08, .03, .22, .87), -webkit-transform .5s cubic-bezier(.08, .03, .22, .87); z-index: 2 } .root-work.root-work-two .projects-list .item a .item-info .cat { font-size: 13px; letter-spacing: 2px; font-weight: 500; text-transform: uppercase; margin-bottom: 10px; font-family: Montserrat, sans-serif; opacity: .9 } .v-light .root-work.root-work-two .projects-list .item a .item-info .cat { color: #000 } .root-work.root-work-two .projects-list .item a .item-info h4 { position: relative; color: #fff; font-size: 20px; -webkit-transition: margin-bottom .5s ease; -o-transition: margin-bottom .5s ease; transition: margin-bottom .5s ease; z-index: 3; font-weight: 600 } .v-light .root-work.root-work-two .projects-list .item a .item-info h4 { color: #000 } .root-work.root-work-two .projects-list .item a .item-info span { color: #fff; opacity: 0; -webkit-transition: opacity .6s ease; -o-transition: opacity .6s ease; transition: opacity .6s ease; position: relative } .root-work.root-work-two .projects-list .item a:hover img { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95) } .filterings-sticy { position: fixed; width: 225px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 50px; z-index: 2; pointer-events: none } .filterings-sticy .filtering-wrap { width: 100%; position: relative } .filterings-sticy .filtering-wrap .filtering { overflow: auto; position: relative; margin-bottom: -2px } .filterings-sticy .filtering-wrap .filtering button { position: relative; color: #fff; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 0 30px 0 0; padding: 18px 5px; padding-left: 0; font-size: 14px; font-weight: 500; display: block; cursor: pointer; -webkit-transition: width .3s ease-in-out; -o-transition: width .3s ease-in-out; transition: width .3s ease-in-out; -webkit-transition-duration: .6s; -o-transition-duration: .6s; transition-duration: .6s; letter-spacing: 2px; text-transform: uppercase; pointer-events: auto } .v-light .filterings-sticy .filtering-wrap .filtering button { color: #0009 } .filterings-sticy .filtering-wrap .filtering button::before { content: ""; position: absolute; top: 50%; left: 0; width: 0; height: 2px; background-color: #fff; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin-top: -1px; opacity: .7 } .v-light .filterings-sticy .filtering-wrap .filtering button::before { background-color: #bebebe } .filterings-sticy .filtering-wrap .filtering button.active { font-weight: 700; color: #242424 } .v-light .filterings-sticy .filtering-wrap .filtering button.active { color: #000 } .filterings-sticy .filtering-wrap .filtering button.active::before { width: 100% } .filterings-sticy .filtering-wrap .filtering button:hover { font-weight: 700; color: #242424 } .v-light .filterings-sticy .filtering-wrap .filtering button:hover { color: #000 } .filterings-sticy .filtering-wrap .filtering button:hover:before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background-color: #fff; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin-top: -1px; opacity: .7 } .v-light .filterings-sticy .filtering-wrap .filtering button:hover:before { background-color: #bebebe } .section-padding-work { padding-top: 180px; padding-bottom: 130px } .section-padding-work.root-work.root-work-two .box-title h2 { top: -180px } .section-padding-work.root-work.root-work-two .projects-list .item a .item-info span { display: none } .root-blog { -webkit-box-sizing: border-box; box-sizing: border-box } .root-blog .post-list-item { position: relative; margin-bottom: 120px } @media only screen and (max-width:991px) { .root-blog .post-list-item { margin-bottom: 80px } } .root-blog .post-list-item figure { position: relative; width: 100% } .root-blog .post-list-item figure a { width: 100% } .root-blog .post-list-item figure img { position: relative; display: block; width: 100%; -o-object-fit: cover; object-fit: cover; max-height: 80vh } .root-blog .post-list-item .post-list-item-content { margin-top: 30px; width: 100%; position: relative } .root-blog .post-list-item .post-list-item-content .post-info-date { margin-right: 20px } @media only screen and (max-width:575px) { .root-blog .post-list-item .post-list-item-content { padding-left: 0; padding-right: 0 } } .root-blog .post-list-item .post-list-item-content .post-info-top a { display: inline-block; font-size: 14px; font-weight: 500; letter-spacing: 1.2px; word-spacing: 2px; margin-bottom: 20px; color: #fff } .v-light .root-blog .post-list-item .post-list-item-content .post-info-top a { color: #000 } .root-blog .post-list-item .post-list-item-content .post-info-top>div { position: relative; display: inline-block } .root-blog .post-list-item .post-list-item-content h3 { font-size: 42px; font-weight: 700; margin-bottom: 30px } @media only screen and (max-width:767px) { .root-blog .post-list-item .post-list-item-content h3 { font-size: 32px } } @media only screen and (max-width:767px) { .root-blog .post-list-item .post-list-item-content h3 { font-size: 28px } } .root-blog .post-list-item .post-list-item-content .post-author { width: 100%; display: block; margin-bottom: 40px } .root-blog .post-list-item .post-list-item-content .post-author img { width: 60px; height: 60px; display: inline-block; border-radius: 50%; margin-right: 10px } .root-blog .post-list-item .post-list-item-content .post-author span { font-weight: 300 } .root-blog .post-list-item .post-list-item-content .post-author span a { color: #fff; padding-left: 5px; letter-spacing: 2px } .news-content { position: relative; overflow: hidden } @media only screen and (max-width:991px) { .news-content { padding-left: 0; padding-right: 0 } } .news-content .news-content-inner { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-sizing: border-box; box-sizing: border-box } .news-content .News-socials-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 23%; padding-right: 30px } @media only screen and (max-width:991px) { .news-content .News-socials-wrapper { width: 26% } } @media only screen and (max-width:767px) { .news-content .News-socials-wrapper { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .news-content .News-socials-wrapper .news-title { font-size: 42px; font-weight: 800; line-height: 1.2; letter-spacing: .01em } .news-content .News-socials-wrapper .News-news-date { font-size: 20px; line-height: 1.2; letter-spacing: 2px; color: #fff; opacity: .8 } .v-light .news-content .News-socials-wrapper .News-news-date { color: #000 } .news-content .News-socials-wrapper .title-caption { margin-bottom: 20px } @media only screen and (max-width:767px) { .news-content .News-socials-wrapper .title-caption { display: inline-block; margin-bottom: 10px } } .news-content .News-socials-wrapper .cat { display: block } @media only screen and (max-width:767px) { .news-content .News-socials-wrapper .cat { width: 100%; margin-bottom: 30px } } .news-content .News-socials-wrapper .cat a { display: block; text-decoration: none } @media only screen and (max-width:767px) { .news-content .News-socials-wrapper .cat a { display: inline-block } } .news-content .News-socials-wrapper .cat a span { font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: #fff; background-color: #090909; padding: 5px 15px; margin: 0 5px 5px } .v-light .news-content .News-socials-wrapper .cat a span { background-color: #e6e6e6; color: #000 } .news-content .News-socials-wrapper .cat a span:first-child { margin-left: 0 } .news-content .News-socials-wrapper .cat a span::last-child { margin-bottom: 0 } @media only screen and (max-width:767px) { .news-content .News-socials-wrapper .post-share { width: 100%; margin-bottom: 30px } } @media only screen and (max-width:767px) { .news-content .News-socials-wrapper .post-share ul { display: inline-block } } .news-content .News-socials-wrapper .post-share ul li { list-style: none; margin-bottom: 10px } @media only screen and (max-width:767px) { .news-content .News-socials-wrapper .post-share ul li { display: inline-block; margin-left: 10px } } .news-content .News-socials-wrapper .post-share ul li:last-child { margin-bottom: 0 } .news-content .News-socials-wrapper .post-share ul li a { position: relative; text-decoration: none; -webkit-transition: color 670ms linear 417ms; -o-transition: color 670ms linear 417ms; transition: color 670ms linear 417ms } .news-content .News-socials-wrapper .post-share ul li a:before { content: ""; position: absolute; bottom: 0; height: 45%; left: -.15em; right: -.15em; background: rgba(82, 83, 85, .19); background-size: 100% 100%; -webkit-transition: 380ms -webkit-transform cubic-bezier(.165, .84, .44, 1); transition: 380ms -webkit-transform cubic-bezier(.165, .84, .44, 1); -o-transition: 380ms transform cubic-bezier(.165, .84, .44, 1); transition: 380ms transform cubic-bezier(.165, .84, .44, 1); transition: 380ms transform cubic-bezier(.165, .84, .44, 1), 380ms -webkit-transform cubic-bezier(.165, .84, .44, 1); -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(.98, 0) translateZ(0); transform: scale(.98, 0) translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: -1; background-repeat: repeat-x } .news-content .News-socials-wrapper .post-share ul li a:after { content: ""; position: absolute; bottom: 0; height: 1px; left: -.025em; right: -.075em; background: rgba(82, 83, 85, .19); background-size: 100% 100%; -webkit-transition: 190ms opacity cubic-bezier(.895, .03, .685, .22), background 670ms linear 417ms; -o-transition: 190ms opacity cubic-bezier(.895, .03, .685, .22), background 670ms linear 417ms; transition: 190ms opacity cubic-bezier(.895, .03, .685, .22), background 670ms linear 417ms; -webkit-transform: translateZ(0); transform: translateZ(0) } .news-content .News-socials-wrapper .post-share ul li a:hover:before { -webkit-transform: scale(1, 1) translateZ(0); transform: scale(1, 1) translateZ(0) } .news-content .News-socials-wrapper .post-share ul li a:hover:after { opacity: 0; -webkit-transition: 126ms opacity cubic-bezier(.165, .84, .44, 1); -o-transition: 126ms opacity cubic-bezier(.165, .84, .44, 1); transition: 126ms opacity cubic-bezier(.165, .84, .44, 1) } .news-content .post-content { position: relative; display: block; width: 77% } @media only screen and (max-width:991px) { .news-content .post-content { width: 74% } } @media only screen and (max-width:767px) { .news-content .post-content { width: 100% } } .news-content .post-content>* { margin-bottom: 30px } .news-content .post-content:first-child, .news-content .post-content>:first-child { margin-top: 0 } .news-content .post-content:last-child, .news-content .post-content>:last-child { margin-bottom: 0 } .news-content .post-content p { letter-spacing: -.6px } .news-content .post-content p a { display: inline-block } .news-content .post-content blockquote { font-size: 20px; font-family: serif; color: #fff; font-style: italic; padding: 10px 0 10px 15px; border-left: 1px solid #cacaca } .v-light .news-content .post-content blockquote { color: #000; border-left: 1px solid #bebebe } .news-content .post-content a { position: relative; text-decoration: none; -webkit-transition: color 670ms linear 417ms; -o-transition: color 670ms linear 417ms; transition: color 670ms linear 417ms } .news-content .post-content a:before { content: ""; position: absolute; bottom: 0; height: 45%; left: -.15em; right: -.15em; background: rgba(82, 83, 85, .19); background-size: 100% 100%; -webkit-transition: 380ms -webkit-transform cubic-bezier(.165, .84, .44, 1); transition: 380ms -webkit-transform cubic-bezier(.165, .84, .44, 1); -o-transition: 380ms transform cubic-bezier(.165, .84, .44, 1); transition: 380ms transform cubic-bezier(.165, .84, .44, 1); transition: 380ms transform cubic-bezier(.165, .84, .44, 1), 380ms -webkit-transform cubic-bezier(.165, .84, .44, 1); -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(.98, 0) translateZ(0); transform: scale(.98, 0) translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: -1; background-repeat: repeat-x } .news-content .post-content a:after { content: ""; position: absolute; bottom: 0; height: 1px; left: -.025em; right: -.075em; background: rgba(82, 83, 85, .19); background-size: 100% 100%; -webkit-transition: 190ms opacity cubic-bezier(.895, .03, .685, .22), background 670ms linear 417ms; -o-transition: 190ms opacity cubic-bezier(.895, .03, .685, .22), background 670ms linear 417ms; transition: 190ms opacity cubic-bezier(.895, .03, .685, .22), background 670ms linear 417ms; -webkit-transform: translateZ(0); transform: translateZ(0) } .news-content .post-content a:hover:before { -webkit-transform: scale(1, 1) translateZ(0); transform: scale(1, 1) translateZ(0) } .news-content .post-content a:hover:after { opacity: 0; -webkit-transition: 126ms opacity cubic-bezier(.165, .84, .44, 1); -o-transition: 126ms opacity cubic-bezier(.165, .84, .44, 1); transition: 126ms opacity cubic-bezier(.165, .84, .44, 1) } .news-content .post-tags { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 50px 0 0 } @media only screen and (max-width:767px) { .news-content .post-tags { padding: 30px 0 0 } } .news-content .post-tags a { color: #fff; margin-right: 30px; display: inline-block; line-height: 1; float: left } .v-light .news-content .post-tags a { color: #000 } .news-content .post-tags a:before { content: "#"; position: relative; margin-right: 5px; font-size: 14px; background-color: transparent; border: 0 } .news-content .post-tags a::after { display: none } .box-info-contact { position: relative; background-color: #090909; height: 100%; padding: 30px } .v-light .box-info-contact { background-color: #e6e6e6 } @media only screen and (max-width:991px) { .v-light .box-info-contact { background-color: transparent } } @media only screen and (max-width:767px) { .box-info-contact { padding: 0; margin-bottom: 50px; background-color: transparent } } .box-info-contact h3 { margin-bottom: 30px } @media only screen and (max-width:767px) { .box-info-contact h3 { font-size: 25px } } .box-info-contact h5 { font-family: Montserrat, sans-serif; margin-bottom: 30px; line-height: 1.6 } @media only screen and (max-width:767px) { .box-info-contact h5 { margin-bottom: 10px; font-weight: 600 } } .box-info-contact ul li { margin-top: 30px } @media only screen and (max-width:767px) { .box-info-contact ul li { margin-top: 10px } } .box-info-contact ul li span { color: #fff; font-weight: 600; font-size: 13px; text-transform: uppercase; min-width: 120px } .v-light .box-info-contact ul li span { color: #000 } @media only screen and (max-width:400px) { .box-info-contact ul li span { min-width: auto; margin-right: 15px } } .box-info-contact ul li a { position: relative; -webkit-transition: color .3s ease-out; -o-transition: color .3s ease-out; transition: color .3s ease-out; line-height: 1.7 } .box-info-contact ul li a::before { content: ""; position: absolute; height: 1px; width: 100%; bottom: 0; left: 0; background-color: #3535359c; -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; transition: transform .4s cubic-bezier(.28, .38, 0, .81), -webkit-transform .4s cubic-bezier(.28, .38, 0, .81) } .v-light .box-info-contact ul li a::before { background-color: #bebebe } .box-info-contact ul li a:after { content: ""; position: absolute; height: 1px; width: 100%; bottom: 0; left: 0; background-color: #3535359c; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; transition: transform .4s cubic-bezier(.28, .38, 0, .81) .2s, -webkit-transform .4s cubic-bezier(.28, .38, 0, .81) .2s } .v-light .box-info-contact ul li a:after { background-color: #bebebe } .box-info-contact ul li a:hover::before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0) } .box-info-contact ul li a:hover:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .form-box { position: relative; padding: 30px } @media only screen and (max-width:767px) { .form-box { padding: 0; margin-bottom: 30px } } .form-box h3 { margin-bottom: 30px } @media only screen and (max-width:767px) { .form-box h3 { font-size: 25px } } .form-box .form-group { width: 100% } .form-box .form-group .help-block { color: red; font-weight: 600; margin-bottom: 15px } .form-box .form-group li { list-style: none } .entry { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; border-bottom: 1px solid #3535359c; padding-bottom: 15px; margin-bottom: 30px } .v-light .entry { border-bottom: 1px solid #bebebe } @media only screen and (max-width:767px) { .entry { display: block } } .entry input { height: 100% } label { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 30px; color: #fff; font-size: 15px; letter-spacing: 1px } .v-light label { color: #000 } @media only screen and (max-width:767px) { label { -webkit-box-flex: unset; -ms-flex: unset; flex: unset; display: block; margin-bottom: 10px } } #map .gm-bundled-control, #map .gm-bundled-control-on-bottom, #map .gm-fullscreen-control, #map .gm-style-cc, #map .gmnoprint { display: none !important } .map-custom { position: relative; width: 100%; height: 80vh; pointer-events: none } .comments-post { position: relative; width: 100%; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box } .comments-post .comments-title { margin-bottom: 70px } @media only screen and (max-width:991px) { .comments-post .comments-title { margin-bottom: 35px } } .comments-post .comments-title .subtitle { margin-bottom: 0 } .comments-post .comments-area { position: relative } .comments-post .comments-area .comment-list>li.comment:first-child { margin-top: 0 } .comments-post .comments-area .comment-list>li.comment:first-child>.comment-body { padding-top: 0 } .comments-post .comments-area .comment { list-style: none; margin-top: 20px } .comments-post .comments-area .comment .comment-body { position: relative; padding-top: 30px } .comments-post .comments-area .comment .comment-body .comment-author { position: relative; top: 10px; left: 0; width: 64px; height: 64px; display: block; float: left } @media only screen and (max-width:575px) { .comments-post .comments-area .comment .comment-body .comment-author { width: 30px; height: 30px } } .comments-post .comments-area .comment .comment-body .comment-author img { display: block; height: auto; max-width: 100%; border-radius: 50% } .comments-post .comments-area .comment .comment-body .comment-text { padding: 0 0 0 90px; min-height: 64px } @media only screen and (max-width:575px) { .comments-post .comments-area .comment .comment-body .comment-text { padding: 0 0 0 40px } } .comments-post .comments-area .comment .comment-body .comment-text .comment-date { float: right; margin: 3px 5px 0 0; font-size: 13px; color: #b0b0b0 } .comments-post .comments-area .comment .comment-body .comment-text .comment-date:before { content: "/"; display: inline-block; margin-right: 5px } .comments-post .comments-area .comment .comment-body .comment-text .comment-info { position: relative; display: inline-block } .comments-post .comments-area .comment .comment-body .comment-text .comment-info .comment-name { float: left; margin: 0; font-weight: 700; font-size: 17px } .comments-post .comments-area .comment .comment-body .comment-text .text-holder p { margin: 7px 0 10px } .comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link { position: relative; text-decoration: none; -webkit-transition: color 670ms linear 417ms; -o-transition: color 670ms linear 417ms; transition: color 670ms linear 417ms; font-weight: 700; font-size: 15px; line-height: 20px; text-transform: uppercase; color: #fff } .v-light .comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link { color: #000 } .comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link:before { content: ""; position: absolute; bottom: 0; height: 45%; left: -.15em; right: -.15em; background: rgba(82, 83, 85, .19); background-size: 100% 100%; -webkit-transition: 380ms -webkit-transform cubic-bezier(.165, .84, .44, 1); transition: 380ms -webkit-transform cubic-bezier(.165, .84, .44, 1); -o-transition: 380ms transform cubic-bezier(.165, .84, .44, 1); transition: 380ms transform cubic-bezier(.165, .84, .44, 1); transition: 380ms transform cubic-bezier(.165, .84, .44, 1), 380ms -webkit-transform cubic-bezier(.165, .84, .44, 1); -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(.98, 0) translateZ(0); transform: scale(.98, 0) translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: -1; background-repeat: repeat-x } .comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link:after { content: ""; position: absolute; bottom: 0; height: 1px; left: -.025em; right: -.075em; background: rgba(82, 83, 85, .19); background-size: 100% 100%; -webkit-transition: 190ms opacity cubic-bezier(.895, .03, .685, .22), background 670ms linear 417ms; -o-transition: 190ms opacity cubic-bezier(.895, .03, .685, .22), background 670ms linear 417ms; transition: 190ms opacity cubic-bezier(.895, .03, .685, .22), background 670ms linear 417ms; -webkit-transform: translateZ(0); transform: translateZ(0) } .comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link:hover:before { -webkit-transform: scale(1, 1) translateZ(0); transform: scale(1, 1) translateZ(0) } .comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link:hover:after { opacity: 0; -webkit-transition: 126ms opacity cubic-bezier(.165, .84, .44, 1); -o-transition: 126ms opacity cubic-bezier(.165, .84, .44, 1); transition: 126ms opacity cubic-bezier(.165, .84, .44, 1) } .comments-post .comments-area .comment .children { margin-left: 90px } @media only screen and (max-width:575px) { .comments-post .comments-area .comment .children { margin-left: 40px } } @media only screen and (max-width:400px) { .comments-post .comments-area .comment .children { margin-left: 20px } } .comments-post .comments-form { position: relative; width: 100%; margin-top: 120px } @media only screen and (max-width:991px) { .comments-post .comments-form { margin-top: 80px } } footer { position: relative; z-index: 3; padding: 0 50px 30px } @media only screen and (max-width:767px) { footer { margin-left: 0; padding: 0 30px 30px 30px } } @media only screen and (max-width:575px) { footer { padding-left: 15px } } footer a, footer p { color: rgba(194, 194, 194, .6); margin-bottom: 0; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 4px; line-height: 1.6; font-variant-numeric: proportional-nums; font-family: Montserrat, sans-serif } .v-light footer a, .v-light footer p { color: #0009 } @media only screen and (max-width:767px) { footer a, footer p { letter-spacing: 0 } } footer .contact-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 10px } footer .contact-footer .phone { margin-right: 30px } footer .copyright-social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media only screen and (max-width:767px) { footer .copyright-social { -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit } } @media only screen and (max-width:575px) { footer .copyright-social { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media only screen and (max-width:767px) { footer .copyright-social p { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } } footer .copyright-social ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media only screen and (max-width:767px) { footer .copyright-social ul { margin-top: 0; margin-bottom: 10px } } footer .copyright-social ul li { display: list-item; margin-right: 20px; list-style: none } footer .copyright-social ul li:last-child { margin-right: 0 } footer .copyright-social ul li a:hover { color: #024da1 } .cap { position: absolute; bottom: 30px; left: 0; background-image: -webkit-gradient(linear, left top, right top, from(#0e0e0e5c), to(#1b1515)); background-image: -webkit-linear-gradient(left, #0e0e0e5c 0, #1b1515 100%); background-image: -o-linear-gradient(left, #0e0e0e5c 0, #1b1515 100%); background-image: linear-gradient(to right, #0e0e0e5c 0, #1b1515 100%); padding: 4px 15px; color: #fff; z-index: 10 } .cap span { font-size: 12px; text-transform: uppercase; letter-spacing: 2px } .caption { left: -20px; bottom: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; color: #fff; letter-spacing: 2px; font-size: 12px; font-weight: 600; position: absolute } .v-light .caption { color: #000 } #contact_page .hide_contact, body.contact_page .hide_contact { display: none } .root-projects .our-work { margin-top: 0 } .root-projects .our-work .work-item { height: 505px; margin: 0; margin-bottom: 30px } @media only screen and (max-width:768px) { .root-projects .our-work .work-item { height: 390px } } @media only screen and (max-width:1200px) { .root-projects .our-work .row { margin: 0 } } .root_services .our-services-2 { margin-top: 0 } .root_services .our-services-2 .row { justify-content: center } body.menu-light .header-container { background: #fff; box-shadow: 0 0 25px rgba(0, 0, 0, .06) } body:not(.v-light) .header-container { background: #024da1; box-shadow: 0 0 25px rgba(0, 0, 0, .06) } @media only screen and (min-width:1200px) { .flex { display: flex; margin-top: 40px } .custome_captcha { width: calc(100% - 173px) } .flex .submit_btn { width: 173px !important; padding: 20px 20px !important; font-size: 11px !important } } @media (max-width:992px) and (min-width:576px) { .flex { display: flex; margin-top: 40px } .custome_captcha { width: calc(100% - 173px) } .flex .submit_btn { width: 173px !important; padding: 20px 20px !important; font-size: 11px !important } } @media (max-width:1200px) and (min-width:992px) { .flex .submit_btn { margin-top: 30px !important } } @media only screen and (max-width:576px) { .flex .submit_btn { margin-top: 30px !important } } .custome_captcha .row { margin: 0 } .custome_captcha .row .col-, .custome_captcha .row [class*=col-], .custome_captcha .row [class^=col-] { padding: 0 } .custome_captcha .capt_txt { display: flex; align-items: center; position: relative } .custome_captcha .capt_txt input { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 30px; font-size: 15px; font-weight: 500; letter-spacing: 1px; color: #000; padding-right: 43px; text-align: left; min-height: 55px; border-bottom: 1px solid #bebebe; width: 100% } .custome_captcha .capt_txt input::placeholder { font-size: 15px; font-weight: 500; letter-spacing: 1px; color: #000 } .custome_captcha .capt_txt input::placeholder { color: #0460bd } .custome_captcha .capt_txt .btn { margin: 0; height: auto; width: auto; position: absolute; right: 15px; background: 0 0; color: #0460bd; min-width: unset; padding: 0 } .custome_captcha .capt_txt .btn::before { display: none } .custome_captcha .capt_txt .btn i { color: #bebebe } .custome_captcha .capt_field input { padding-left: 15px; min-height: 55px; width: 100%; border-bottom: 1px solid #bebebe } .page_mar { margin-top: 146px } .our-news .slick-track { display: flex; } .our-news .slick-slide { height: auto; } .our-news .item-new .content { height: calc(100% - 50px); } .our-news .item-new .content .cta a { font-size: 20px; } @media only screen and (max-width: 468px) { .our-news .item-new .content { margin-left: 15px; padding: 25px; } .our-news .item-new .content .cta a { font-size: 18px; } .our-news .item-new .InfoBox p { font-size: 13px; } } .our-news .item-new .InfoBox { margin-top: 20px; max-height: 170px; overflow-y: scroll; padding-right: 5px; } .our-news .item-new .InfoBox::-webkit-scrollbar { width: 5px; } .our-news .item-new .InfoBox::-webkit-scrollbar-thumb { background: #024da1; border-radius: 30px; cursor: pointer; } .our-news .item-new .InfoBox::-webkit-scrollbar-track { box-shadow: inset 0 0 0 grey; border-radius: 0px; background: rgb(168, 180, 198); } .our-news .item-new .InfoBox p { margin: 0 !important; } .fixedRight { position: fixed; left: 15px; bottom: 80px; z-index: 999; width: 45px; height: 45px; } @media only screen and (max-width: 575px) { .fixedRight { left: 8px; bottom: 35px; width: 35px; height: 35px; } } .fixedRight svg .st0 { fill: #E5E5E5; } .fixedRight svg .st1 { fill: #FFFFFF; } .fixedRight svg .st2 { fill: #64B161; } .fixedRight svg .st3 { fill-rule: evenodd; clip-rule: evenodd; fill: #FFFFFF; } #expertModal .modal-dialog { max-width: 887px; background: #fff; } @media only screen and (min-width: 768px) { #expertModal .modal-dialog { top: 50%; transform: translateY(-50%); } } @media only screen and (max-width: 768px) { #expertModal .modal-dialog { margin: 15px; display: flex; align-items: center; justify-content: center; } } #expertModal .modal-dialog .modal-content { border-radius: 0px; border: none; } #expertModal .modal-dialog .modal-body { padding: 0px; } #expertModal .modal-dialog .modal-body .closeBtn { position: absolute; top: 35px; right: 35px; z-index: 1; } @media only screen and (min-width: 768px) { #expertModal .modal-dialog .modal-body .closeBtn { top: 23px; right: 25px; } } #expertModal .modal-dialog .modal-body .closeBtn a svg { width: 15px; height: 15px; fill: rgba(0, 0, 0, 0.57); } #expertModal .modal-dialog .modal-body .flxBox { display: flex; flex-wrap: wrap; } #expertModal .modal-dialog .modal-body .flxBox > * { width: 100%; } @media only screen and (min-width: 768px) { #expertModal .modal-dialog .modal-body .flxBox > * { width: 50%; } } #expertModal .modal-dialog .modal-body .flxBox .leftSec { position: relative; display: flex; align-items: center; justify-content: center; padding: 20px; } @media only screen and (min-width: 768px) { #expertModal .modal-dialog .modal-body .flxBox .leftSec { padding: 43px; } } #expertModal .modal-dialog .modal-body .flxBox .leftSec .imgBox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #expertModal .modal-dialog .modal-body .flxBox .leftSec .imgBox img { width: 100%; height: 100%; object-fit: cover; } #expertModal .modal-dialog .modal-body .flxBox .leftSec .contenBox { padding: 25px; backdrop-filter: blur(30px); background: rgba(2, 77, 161, 0.341); border: none; } @media only screen and (min-width: 768px) { #expertModal .modal-dialog .modal-body .flxBox .leftSec .contenBox { padding: 54px 28px; } } #expertModal .modal-dialog .modal-body .flxBox .leftSec .contenBox .imgB { width: 145px; height: 55px; opacity: 0.5; } @media only screen and (min-width: 768px) { #expertModal .modal-dialog .modal-body .flxBox .leftSec .contenBox .imgB { width: 220px; height: 85px; } } #expertModal .modal-dialog .modal-body .flxBox .leftSec .contenBox .imgB img { width: 100%; height: 100%; object-fit: contain; } #expertModal .modal-dialog .modal-body .flxBox .leftSec .contenBox .Title { font-weight: 600; font-size: 17px; color: #fff; text-transform: capitalize; margin-bottom: 15px; } @media only screen and (min-width: 768px) { #expertModal .modal-dialog .modal-body .flxBox .leftSec .contenBox .Title { margin-bottom: 25px; font-size: 18px; } } @media only screen and (min-width: 992px) { #expertModal .modal-dialog .modal-body .flxBox .leftSec .contenBox .Title { font-size: 22px; } } @media only screen and (min-width: 1200px) { #expertModal .modal-dialog .modal-body .flxBox .leftSec .contenBox .Title { font-size: 25px; } } #expertModal .modal-dialog .modal-body .flxBox .leftSec .contenBox p { font-weight: 300; font-size: 15px; color: #fff; line-height: 21px; margin-bottom: 12px; } #expertModal .modal-dialog .modal-body .flxBox .rightSec { background: #fff; padding: 35px; } @media only screen and (min-width: 992px) { #expertModal .modal-dialog .modal-body .flxBox .rightSec { padding: 75px 0; } } @media only screen and (min-width: 1200px) { #expertModal .modal-dialog .modal-body .flxBox .rightSec { padding: 128px 51px 102px 75px; } } #expertModal .modal-dialog .modal-body .flxBox .rightSec .form-control { border: none; border-radius: 0px; border-bottom: 1px solid #BBBBBB; font-size: 14px; color: #333131; outline: 0; box-shadow: 0; min-height: 50px; margin-bottom: 25px; padding: 0; } #expertModal .modal-dialog .modal-body .flxBox .rightSec .form-control:focus { border-bottom: 1px solid #024DA1; } #expertModal .modal-dialog .modal-body .flxBox .rightSec .submitBtn { width: 100%; background: #024DA1; border: 1px solid #024DA1; font-size: 15px; font-weight: 500; color: #fff; text-transform: uppercase; height: 48px; padding: 0; } @media only screen and (min-width: 568px) { #expertModal .modal-dialog .modal-body .flxBox .rightSec .submitBtn { width: 145px; } } /*# sourceMappingURL=style1.css.map */