 @charset "UTF-8";

 #preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  background: #212428;
  z-index:9999999;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #9370DB;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #BA55D3;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FF00FF;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.wp-block-gallery:not(.has-nested-images){display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0}
.wp-block-gallery:not(.has-nested-images) figcaption{flex-grow:1}
figure.wp-block-gallery.has-nested-images{align-items:normal}
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){margin:0;width:calc(50% - var(--wp--style--unstable-gallery-gap,16px)/ 2)}
.wp-block-gallery.has-nested-images figure.wp-block-image{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;max-width:100%;position:relative}
.wp-block-gallery.has-nested-images figure.wp-block-image>a,.wp-block-gallery.has-nested-images figure.wp-block-image>div{flex-direction:column;flex-grow:1;margin:0}
.wp-block-gallery.has-nested-images figure.wp-block-image img{display:block;height:auto;max-width:100%!important;width:auto}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);bottom:0;box-sizing:border-box;color:#fff;font-size:13px;left:0;margin-bottom:0;max-height:60%;overflow:auto;padding:0 8px 8px;position:absolute;text-align:center;width:100%}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img{display:inline}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a{color:inherit}
.wp-block-gallery.has-nested-images figcaption{flex-basis:100%;flex-grow:1;text-align:center}
.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image){margin-bottom:auto;margin-top:0}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image){align-self:inherit}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone){display:flex}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img{flex:1 0 0%;height:100%;object-fit:cover;width:100%}
.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}
.wp-block-image figcaption{margin-bottom:1em;margin-top:.5em}
.wp-block-image :where(.has-border-color){border-style:solid}
.wp-block-image :where([style*=border-top-color]){border-top-style:solid}
.wp-block-image :where([style*=border-right-color]){border-right-style:solid}
.wp-block-image :where([style*=border-bottom-color]){border-bottom-style:solid}
.wp-block-image :where([style*=border-left-color]){border-left-style:solid}
.wp-block-image :where([style*=border-width]){border-style:solid}
.wp-block-image :where([style*=border-top-width]){border-top-style:solid}
.wp-block-image :where([style*=border-right-width]){border-right-style:solid}
.wp-block-image :where([style*=border-bottom-width]){border-bottom-style:solid}
.wp-block-image :where([style*=border-left-width]){border-left-style:solid}
.wp-block-image figure{margin:0}
@keyframes turn-on-visibility{
0%{opacity:0}
to{opacity:1}
}
@keyframes turn-off-visibility{
0%{opacity:1;visibility:visible}
99%{opacity:0;visibility:visible}
to{opacity:0;visibility:hidden}
}
@keyframes lightbox-zoom-in{
0%{left:var(--lightbox-initial-left-position);top:var(--lightbox-initial-top-position);transform:scale(var(--lightbox-scale-width),var(--lightbox-scale-height))}
to{left:var(--lightbox-target-left-position);top:var(--lightbox-target-top-position);transform:scale(1)}
}
@keyframes lightbox-zoom-out{
0%{left:var(--lightbox-target-left-position);top:var(--lightbox-target-top-position);transform:scale(1);visibility:visible}
99%{visibility:visible}
to{left:var(--lightbox-initial-left-position);top:var(--lightbox-initial-top-position);transform:scale(var(--lightbox-scale-width),var(--lightbox-scale-height))}
}
ol,ul{box-sizing:border-box}
@keyframes overlay-menu__fade-in-animation{
0%{opacity:0;transform:translateY(.5em)}
to{opacity:1;transform:translateY(0)}
}
:where(p.has-text-color:not(.has-link-color)) a{color:inherit}
.wp-block-quote{box-sizing:border-box}
.wp-block-quote{overflow-wrap:break-word}
:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}
.has-text-align-center{text-align:center}
html :where(.has-border-color){border-style:solid}
html :where([style*=border-top-color]){border-top-style:solid}
html :where([style*=border-right-color]){border-right-style:solid}
html :where([style*=border-bottom-color]){border-bottom-style:solid}
html :where([style*=border-left-color]){border-left-style:solid}
html :where([style*=border-width]){border-style:solid}
html :where([style*=border-top-width]){border-top-style:solid}
html :where([style*=border-right-width]){border-right-style:solid}
html :where([style*=border-bottom-width]){border-bottom-style:solid}
html :where([style*=border-left-width]){border-left-style:solid}
html :where(img[class*=wp-image-]){height:auto;max-width:100%}
html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(
    --wp-admin--admin-bar--height,
    0px
  )}
@media screen and (max-width:600px){
html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}
}
@keyframes spin{
0%{transform:rotate(0)}
to{transform:rotate(1turn)}
}
:where(.products-block-post-template.wp-block-post)>*{margin-bottom:.75rem;margin-top:0}
:where(.editor-styles-wrapper.products-block-post-template.wp-block-post)>*>*{margin-bottom:0;margin-top:0}
:where(.wc-block-product-template.wc-block-product)>*{margin-bottom:.75rem;margin-top:0}
:root{--drawer-width:480px;--neg-drawer-width:calc(var(--drawer-width) * -1)}
@keyframes fadein{
0%{opacity:0}
to{opacity:1}
}
@keyframes slidein{
0%{transform:translateX(0)}
to{transform:translateX(max(-100%,var(--neg-drawer-width)))}
}
@keyframes rtlslidein{
0%{transform:translateX(0)}
to{transform:translateX(min(100%,var(--drawer-width)))}
}
@keyframes slideOut{
0%{transform:translateY(0)}
to{transform:translateY(-100%)}
}
@keyframes slideIn{
0%{opacity:0;transform:translateY(90%)}
to{opacity:1;transform:translate(0)}
}
@keyframes spinner__animation{
0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0)}
to{transform:rotate(1turn)}
}
@keyframes loading__animation{
to{transform:translateX(100%)}
}
:root{--woocommerce:#7f54b3;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#7f54b3;--wc-primary-text:white;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#b3af54;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676}
@keyframes spin{
100%{transform:rotate(360deg)}
}
:root{--woocommerce:#7f54b3;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#7f54b3;--wc-primary-text:white;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#b3af54;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676}
body{--extendify--spacing--large:var(
    --wp--custom--spacing--large,
    clamp(2em, 8vw, 8em)
  )!important;--wp--preset--font-size--ext-small:1rem!important;--wp--preset--font-size--ext-medium:1.125rem!important;--wp--preset--font-size--ext-large:clamp(1.65rem, 3.5vw, 2.15rem)!important;--wp--preset--font-size--ext-x-large:clamp(3rem, 6vw, 4.75rem)!important;--wp--preset--font-size--ext-xx-large:clamp(
    3.25rem,
    7.5vw,
    5.75rem
  )!important;--wp--preset--color--black:#000!important;--wp--preset--color--white:#fff!important}
.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important}
.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}
.wpcf7 form.init .wpcf7-response-output{display:none}
.wpcf7-form-control-wrap{position:relative}
@keyframes spin{
from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
@keyframes blink{
from{opacity:0}
50%{opacity:1}
to{opacity:0}
}
.wpcf7 input[type=file]{cursor:pointer}
.wpcf7 input[type=file]:disabled{cursor:default}
.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}
.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 input[type=url]{direction:ltr}
@keyframes a{
0%{transform:rotate(0)}
to{transform:rotate(359deg)}
}
.elementor *,.elementor :after,.elementor :before{box-sizing:border-box}
.elementor a{box-shadow:none;text-decoration:none}
.elementor img{height:auto;max-width:100%;border:none;border-radius:0;box-shadow:none}
.elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure{margin:0}
.elementor embed,.elementor iframe,.elementor video{max-width:100%;width:100%;margin:0;line-height:1;border:none}
.elementor-element{--flex-direction:initial;--flex-wrap:initial;--justify-content:initial;--align-items:initial;--align-content:initial;--gap:initial;--flex-basis:initial;--flex-grow:initial;--flex-shrink:initial;--order:initial;--align-self:initial;flex-basis:var(--flex-basis);flex-grow:var(--flex-grow);flex-shrink:var(--flex-shrink);order:var(--order);align-self:var(--align-self)}
.elementor-element:where(.e-con-full,.elementor-widget){flex-direction:var(--flex-direction);flex-wrap:var(--flex-wrap);justify-content:var(--justify-content);align-items:var(--align-items);align-content:var(--align-content);gap:var(--gap)}
:root{--page-title-display:block}
@keyframes eicon-spin{
0%{transform:rotate(0)}
to{transform:rotate(359deg)}
}
.elementor-section{position:relative}
.elementor-section .elementor-container{display:flex;margin-right:auto;margin-left:auto;position:relative}
@media (max-width:1024px){
.elementor-section .elementor-container{flex-wrap:wrap}
}
.elementor-section.elementor-section-boxed>.elementor-container{max-width:1140px}
.elementor-widget-wrap{position:relative;width:100%;flex-wrap:wrap;align-content:flex-start}
.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap{display:flex}
.elementor-widget-wrap>.elementor-element{width:100%}
.elementor-widget{position:relative}
.elementor-widget:not(:last-child){margin-bottom:20px}
.elementor-column{position:relative;min-height:1px;display:flex}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:10px}
.elementor-inner-section .elementor-column-gap-no .elementor-element-populated{padding:0}
@media (min-width:768px){
.elementor-column.elementor-col-33{width:33.333%}
.elementor-column.elementor-col-50{width:50%}
.elementor-column.elementor-col-66{width:66.666%}
.elementor-column.elementor-col-100{width:100%}
}
@media (min-width:768px) and (max-width:1024px){
.elementor-reverse-tablet>.elementor-container>:first-child{order:10}
.elementor-reverse-tablet>.elementor-container>:nth-child(2){order:9}
.elementor-reverse-tablet>.elementor-container>:nth-child(3){order:8}
.elementor-reverse-tablet>.elementor-container>:nth-child(4){order:7}
.elementor-reverse-tablet>.elementor-container>:nth-child(5){order:6}
.elementor-reverse-tablet>.elementor-container>:nth-child(6){order:5}
.elementor-reverse-tablet>.elementor-container>:nth-child(7){order:4}
.elementor-reverse-tablet>.elementor-container>:nth-child(8){order:3}
.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:2}
.elementor-reverse-tablet>.elementor-container>:nth-child(10){order:1}
}
@media (min-width:0) and (max-width:1024px){
.elementor-reverse-tablet>.elementor-container>:first-child{order:10}
.elementor-reverse-tablet>.elementor-container>:nth-child(2){order:9}
.elementor-reverse-tablet>.elementor-container>:nth-child(3){order:8}
.elementor-reverse-tablet>.elementor-container>:nth-child(4){order:7}
.elementor-reverse-tablet>.elementor-container>:nth-child(5){order:6}
.elementor-reverse-tablet>.elementor-container>:nth-child(6){order:5}
.elementor-reverse-tablet>.elementor-container>:nth-child(7){order:4}
.elementor-reverse-tablet>.elementor-container>:nth-child(8){order:3}
.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:2}
.elementor-reverse-tablet>.elementor-container>:nth-child(10){order:1}
}
@media (min-width:768px) and (max-width:0){
.elementor-reverse-tablet>.elementor-container>:first-child,.elementor-reverse-tablet>.elementor-container>:nth-child(10),.elementor-reverse-tablet>.elementor-container>:nth-child(2),.elementor-reverse-tablet>.elementor-container>:nth-child(3),.elementor-reverse-tablet>.elementor-container>:nth-child(4),.elementor-reverse-tablet>.elementor-container>:nth-child(5),.elementor-reverse-tablet>.elementor-container>:nth-child(6),.elementor-reverse-tablet>.elementor-container>:nth-child(7),.elementor-reverse-tablet>.elementor-container>:nth-child(8),.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:0}
}
@media (max-width:767px){
.elementor-reverse-mobile>.elementor-container>:first-child{order:10}
.elementor-reverse-mobile>.elementor-container>:nth-child(2){order:9}
.elementor-reverse-mobile>.elementor-container>:nth-child(3){order:8}
.elementor-reverse-mobile>.elementor-container>:nth-child(4){order:7}
.elementor-reverse-mobile>.elementor-container>:nth-child(5){order:6}
.elementor-reverse-mobile>.elementor-container>:nth-child(6){order:5}
.elementor-reverse-mobile>.elementor-container>:nth-child(7){order:4}
.elementor-reverse-mobile>.elementor-container>:nth-child(8){order:3}
.elementor-reverse-mobile>.elementor-container>:nth-child(9){order:2}
.elementor-reverse-mobile>.elementor-container>:nth-child(10){order:1}
.elementor-column{width:100%}
}
.elementor-element .elementor-widget-container{transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s)}
.elementor-element{--swiper-theme-color:#000;--swiper-navigation-size:44px;--swiper-pagination-bullet-size:6px;--swiper-pagination-bullet-horizontal-gap:6px}
@keyframes swiper-preloader-spin{
to{transform:rotate(1turn)}
}
.elementor-kit-5{--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500}
.elementor-section.elementor-section-boxed>.elementor-container{max-width:1320px}
.elementor-widget:not(:last-child){margin-bottom:20px}
.elementor-element{--widgets-spacing:20px}
@media (max-width:1024px){
.elementor-section.elementor-section-boxed>.elementor-container{max-width:1024px}
}
@media (max-width:767px){
.elementor-section.elementor-section-boxed>.elementor-container{max-width:767px}
}
.elementor-7 .elementor-element.elementor-element-fb14c8c{padding:24px 0 60px 0}
.elementor-7 .elementor-element.elementor-element-6a40a6f.elementor-column.elementor-element[data-element_type=column]>.elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center}
.elementor-7 .elementor-element.elementor-element-5cd7a31{padding:125px 0 0 0}
.elementor-7 .elementor-element.elementor-element-1970c33 .divider-separator{width:100%;height:1px}
.elementor-7 .elementor-element.elementor-element-1970c33 .rb-separator{padding-top:3px;padding-bottom:3px}
.elementor-7 .elementor-element.elementor-element-e2e486f{padding:73px 0 68px 0}
.elementor-7 .elementor-element.elementor-element-5265717>.elementor-widget-wrap>.elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0}
.elementor-7 .elementor-element.elementor-element-ed4c22e .divider-separator{width:100%;height:1px}
.elementor-7 .elementor-element.elementor-element-ed4c22e .rb-separator{padding-top:3px;padding-bottom:3px}
.elementor-7 .elementor-element.elementor-element-be83f5a{padding:62px 0 62px 0}
.elementor-7 .elementor-element.elementor-element-95eafe9>.elementor-widget-wrap>.elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0}
.elementor-7 .elementor-element.elementor-element-95eafe9>.elementor-element-populated{margin:0;--e-column-margin-right:0px;--e-column-margin-left:0px}
.elementor-7 .elementor-element.elementor-element-500e82f .divider-separator{width:100%;height:1px}
.elementor-7 .elementor-element.elementor-element-500e82f .rb-separator{padding-top:3px;padding-bottom:3px}
.elementor-7 .elementor-element.elementor-element-cd06bce{padding:64px 0 48px 0}
.elementor-7 .elementor-element.elementor-element-9b2ee02>.elementor-widget-wrap>.elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:40px}
.elementor-7 .elementor-element.elementor-element-aaaf053 .divider-separator{width:100%;height:1px}
.elementor-7 .elementor-element.elementor-element-aaaf053 .rb-separator{padding-top:3px;padding-bottom:3px}
.elementor-7 .elementor-element.elementor-element-480c977{padding:60px 0 90px 0}
.elementor-7 .elementor-element.elementor-element-d32ae05 .divider-separator{width:100%;height:1px}
.elementor-7 .elementor-element.elementor-element-d32ae05 .rb-separator{padding-top:3px;padding-bottom:3px}
.elementor-7 .elementor-element.elementor-element-1a6b4d2{padding:64px 0 54px 0}
.elementor-7 .elementor-element.elementor-element-e42f5ef>.elementor-widget-wrap>.elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:40px}
.elementor-7 .elementor-element.elementor-element-a435f52 .divider-separator{width:100%;height:1px}
.elementor-7 .elementor-element.elementor-element-a435f52 .rb-separator{padding-top:3px;padding-bottom:3px}
.elementor-7 .elementor-element.elementor-element-45acd73{padding:63px 0 64px 0}
.elementor-7 .elementor-element.elementor-element-73255e3 .divider-separator{width:100%;height:1px}
.elementor-7 .elementor-element.elementor-element-73255e3 .rb-separator{padding-top:3px;padding-bottom:3px}
.elementor-7 .elementor-element.elementor-element-ea3e41a{padding:64px 0 56px 0}
.elementor-7 .elementor-element.elementor-element-e17d0a2 .divider-separator{width:100%;height:1px}
.elementor-7 .elementor-element.elementor-element-e17d0a2 .rb-separator{padding-top:3px;padding-bottom:3px}
.elementor-7 .elementor-element.elementor-element-e2bf3a8{padding:64px 0 80px 0}
.elementor-7 .elementor-element.elementor-element-695422d>.elementor-widget-wrap>.elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:40px}
@media (min-width:768px){
.elementor-7 .elementor-element.elementor-element-6a40a6f{width:60.863%}
.elementor-7 .elementor-element.elementor-element-e2cc555{width:38.469%}
.elementor-7 .elementor-element.elementor-element-fc88a1f{width:44.504%}
.elementor-7 .elementor-element.elementor-element-84f8468{width:55.496%}
.elementor-7 .elementor-element.elementor-element-e213cf0{width:35.005%}
.elementor-7 .elementor-element.elementor-element-c758735{width:64.956%}
}
@media (max-width:1024px) and (min-width:768px){
.elementor-7 .elementor-element.elementor-element-6a40a6f{width:100%}
.elementor-7 .elementor-element.elementor-element-e2cc555{width:100%}
.elementor-7 .elementor-element.elementor-element-fc88a1f{width:100%}
.elementor-7 .elementor-element.elementor-element-84f8468{width:100%}
.elementor-7 .elementor-element.elementor-element-e213cf0{width:100%}
.elementor-7 .elementor-element.elementor-element-c758735{width:100%}
}
@media (max-width:1024px){
.elementor-7 .elementor-element.elementor-element-6a40a6f>.elementor-element-populated{margin:30px 0 0 0;--e-column-margin-right:0px;--e-column-margin-left:0px}
.elementor-7 .elementor-element.elementor-element-5cd7a31{padding:0}
.elementor-7 .elementor-element.elementor-element-84f8468>.elementor-element-populated{margin:50px 0 0 0;--e-column-margin-right:0px;--e-column-margin-left:0px}
}
@media (max-width:767px){
.elementor-7 .elementor-element.elementor-element-6a40a6f>.elementor-element-populated{margin:20px 0 0 0;--e-column-margin-right:0px;--e-column-margin-left:0px}
.elementor-7 .elementor-element.elementor-element-2fcac4c>.elementor-element-populated{margin:30px 0 0 0;--e-column-margin-right:0px;--e-column-margin-left:0px}
}
:root{--woocommerce:#7f54b3;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#7f54b3;--wc-primary-text:white;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#b3af54;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676}
:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
*,::after,::before{box-sizing:border-box}
html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
figcaption,figure,footer,header,main,nav,section{display:block}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}
[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}
p{margin-top:0;margin-bottom:1rem}
ol,ul{margin-top:0;margin-bottom:1rem}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
blockquote{margin:0 0 1rem}
b,strong{font-weight:bolder}
a{color:#007bff;text-decoration:none;background-color:transparent}
a:hover{color:#0056b3;text-decoration:underline}
a:not([href]):not([class]){color:inherit;text-decoration:none}
a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
code,pre{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}
pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}
figure{margin:0 0 1rem}
img{vertical-align:middle;border-style:none}
svg{overflow:hidden;vertical-align:middle}
label{display:inline-block;margin-bottom:.5rem}
button{border-radius:0}
button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}
button,input,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,input{overflow:visible}
button{text-transform:none}
[role=button]{cursor:pointer}
[type=button],[type=submit],button{-webkit-appearance:button}
[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}
textarea{overflow:auto;resize:vertical}
progress{vertical-align:baseline}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{outline-offset:-2px;-webkit-appearance:none}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
template{display:none}
[hidden]{display:none!important}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}
.h1,h1{font-size:2.5rem}
.h2,h2{font-size:2rem}
.h3,h3{font-size:1.75rem}
.h4,h4{font-size:1.5rem}
.h5,h5{font-size:1.25rem}
.h6,h6{font-size:1rem}
.mark,mark{padding:.2em;background-color:#fcf8e3}
.list-inline-item{display:inline-block}
.list-inline-item:not(:last-child){margin-right:.5rem}
.blockquote{margin-bottom:1rem;font-size:1.25rem}
.img-fluid{max-width:100%;height:auto}
.figure{display:inline-block}
code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}
a>code{color:inherit}
pre{display:block;font-size:87.5%;color:#212529}
pre code{font-size:inherit;color:inherit;word-break:normal}
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:576px){
.container{max-width:540px}
}
@media (min-width:768px){
.container{max-width:720px}
}
@media (min-width:992px){
.container{max-width:960px}
}
@media (min-width:1200px){
.container{max-width:1310px}
}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.col,.col-12,.col-6,.col-lg-10,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-6,.col-lg-8,.col-md-12,.col-md-3,.col-md-6,.col-md-9,.col-sm-12,.col-sm-6,.col-xl-3{position:relative;width:100%;padding-right:15px;padding-left:15px}
.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
@media (min-width:576px){
.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
@media (min-width:768px){
.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
@media (min-width:992px){
.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
@media (min-width:1200px){
.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
}
.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){
.form-control{transition:none}
}
.form-control::-ms-expand{background-color:transparent;border:0}
.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}
.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}
.form-control::-moz-placeholder{color:#6c757d;opacity:1}
.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}
.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}
.form-control::placeholder{color:#6c757d;opacity:1}
.form-control:disabled{background-color:#e9ecef;opacity:1}
input[type=date].form-control,input[type=time].form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}
.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}
.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}
textarea.form-control{height:auto}
.form-group{margin-bottom:1rem}
.fade{transition:opacity .15s linear}
@media (prefers-reduced-motion:reduce){
.fade{transition:none}
}
.fade:not(.show){opacity:0}
.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}
.nav-link{display:block;padding:.5rem 1rem}
.nav-link:focus,.nav-link:hover{text-decoration:none}
.nav-tabs{border-bottom:1px solid #dee2e6}
.nav-tabs .nav-item{margin-bottom:-1px}
.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}
.nav-pills .nav-link{border-radius:.25rem}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}
.tab-content>.tab-pane{display:none}
.tab-content>.active{display:block}
.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){
.badge{transition:none}
}
a.badge:focus,a.badge:hover{text-decoration:none}
.badge:empty{display:none}
@-webkit-keyframes progress-bar-stripes{
from{background-position:1rem 0}
to{background-position:0 0}
}
@keyframes progress-bar-stripes{
from{background-position:1rem 0}
to{background-position:0 0}
}
.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;line-height:0;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}
.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}
@media (prefers-reduced-motion:reduce){
.progress-bar{transition:none}
}
.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}
.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}
.close:hover{color:#000;text-decoration:none}
.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}
button.close{padding:0;background-color:transparent;border:0}

.carousel{position:relative}
.carousel-inner{position:relative;width:100%;overflow:hidden}
.carousel-inner::after{display:block;clear:both;content:""}

.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}
@media (prefers-reduced-motion:reduce){
.carousel-control-next,.carousel-control-prev{transition:none}
}
.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}
.carousel-control-prev{left:0}
.carousel-control-next{right:0}
@-webkit-keyframes spinner-border{
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spinner-border{
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes spinner-grow{
0%{-webkit-transform:scale(0);transform:scale(0)}
50%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes spinner-grow{
0%{-webkit-transform:scale(0);transform:scale(0)}
50%{opacity:1;-webkit-transform:none;transform:none}
}
.border-bottom{border-bottom:1px solid #dee2e6!important}
.d-none{display:none!important}
.d-block{display:block!important}
.d-flex{display:-ms-flexbox!important;display:flex!important}
@media (min-width:1200px){
.d-xl-none{display:none!important}
.d-xl-block{display:block!important}
}
.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}
.embed-responsive::before{display:block;content:""}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive-16by9::before{padding-top:56.25%}
.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}
.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}
.align-items-center{-ms-flex-align:center!important;align-items:center!important}
.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}
.position-sticky{position:-webkit-sticky!important;position:sticky!important}
@supports ((position:-webkit-sticky) or (position:sticky)){
.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.w-100{width:100%!important}
.h-100{height:100%!important}
.mt-0{margin-top:0!important}
.mb-0{margin-bottom:0!important}
.pb-0{padding-bottom:0!important}
.text-left{text-align:left!important}
.text-center{text-align:center!important}
@media print{
*,::after,::before{text-shadow:none!important;box-shadow:none!important}
a:not(.btn){text-decoration:underline}
pre{white-space:pre-wrap!important}
blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}
img{page-break-inside:avoid}
h2,h3,p{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
@page{size:a3}
body{min-width:992px!important}
.container{min-width:992px!important}
.badge{border:1px solid #000}
}
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}
[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}
[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}
[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}
[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}
[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}
[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}
[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}
[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}
[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}
[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}
[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}
[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}
[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}
[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}
[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}
[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}
[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}
[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}
[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}
[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}
[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}
[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}
[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}
[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}
[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}
[data-aos]{pointer-events:none}
[data-aos].aos-animate{pointer-events:auto}
@media screen{
html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}
html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}
html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}
html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@-webkit-keyframes fa-spin{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes fa-spin{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
mark{background:rgba(112,47,255,.14);text-decoration:none;padding:0 .2em}
.form-control:focus{box-shadow:none}
button::-moz-focus-inner{padding:0;border:0}
@keyframes plyr-progress{
to{background-position:25px 0}
}
@keyframes plyr-popup{
0%{opacity:.5;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes plyr-fade-in{
from{opacity:0}
to{opacity:1}
}
:root{--color-primary:#ff014f;--color-secondary:#f4f5f6;--color-tertiary:#0d1013;--color-dark:#1a1d23;--color-darker:#1e1f21;--color-gray:#f6f6f6;--color-subtitle:#f9004d;--color-border-white:#dadada;--color-primary-gradient-from:#6a67ce;--color-primary-gradient-to:#fc636b;--background-color-1:linear-gradient(145deg, #1e2024, #23272b);--background-color-2:#212428;--shadow-1:10px 10px 19px #1c1e22,-10px -10px 19px #262a2e;--shadow-2:inset 21px 21px 19px #181a1d,inset -21px -21px 19px #202225;--inner-shadow:1px 4px 2px -3px rgba(0, 0, 0, 0.7) inset,-1px -3px 3px -2px rgba(255, 255, 255, 0.2) inset;--inner-shadow-white:1px 4px 2px -3px #D1D9E6 inset,-1px -3px 3px -2px #ffffff inset;--shadow-white-3:5px 5px 15px #D1D9E6,-5px -5px 15px #ffffff;--gradient-box-w:linear-gradient(145deg, #e2e8ec, #ffffff);--gradient-red-hover:linear-gradient(145deg, var(--color-primary-gradient-from), var(--color-primary-gradient-to));--color-heading:#c4cfde;--color-heading-wv:#1e2125;--color-body:#878e99;--color-body-white:#3c3e41;--color-lightn:#c4cfde;--color-midgray:#878787;--color-light:#E4E6EA;--color-lighter:#CED0D4;--color-lightest:#F0F2F5;--color-border:hsla(0, 0%, 100%, .2);--color-white:#ffffff;--color-white-75:rgba(255, 255, 255, 0.75);--color-success:#3EB75E;--color-danger:#FF0003;--color-warning:#FF8F3C;--color-info:#1BA2DB;--color-border-white:#dce1e4;--color-facebook:#3B5997;--color-twitter:#1BA1F2;--color-youtube:#ED4141;--color-linkedin:#0077B5;--color-pinterest:#E60022;--color-instagram:#C231A1;--color-vimeo:#00ADEF;--color-twitch:#6441A3;--color-discord:#7289da;--color-separator:#878e9982;--border-width:2px;--p-light:300;--p-regular:400;--p-medium:500;--p-semi-bold:600;--p-bold:700;--p-extra-bold:800;--p-black:900;--s-light:300;--s-regular:400;--s-medium:500;--s-semi-bold:600;--s-bold:700;--s-extra-bold:800;--s-black:900;--transition:0.4s;--font-primary:"Poppins",sans-serif;--font-secondary:"Montserrat",sans-serif;--font-size-b1:18px;--font-size-b2:22px;--font-size-b3:14px;--line-height-b1:1.9;--line-height-b2:1.6;--line-height-b3:1.7;--h1:44px;--h2:36px;--h3:30px;--h4:24px;--h5:18px;--h6:16px;--radius:4px}
*{box-sizing:border-box}
html{margin:0;padding:0;font-size:10px;overflow:hidden;overflow-y:auto;scroll-behavior:smooth}
@media (prefers-reduced-motion:no-preference){
:root{scroll-behavior:auto}
}
body{font-size:16px;line-height:var(--line-height-b1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-primary);color:var(--color-body);font-weight:var(--p-regular)}
@media only screen and (min-width:992px) and (max-width:1199px){
body{overflow:hidden}
}
@media only screen and (min-width:768px) and (max-width:991px){
body{overflow:hidden}
}
@media only screen and (max-width:767px){
body{overflow:hidden}
}
body.template-color-1{background-color:#212428}
body.active_dark_mode{background-color:#212428}
.h1,.h2,.h3,.h4,.h5,.h6,blockquote,h1,h2,h3,h4,h5,h6,menu,ol,p,pre,ul{margin:0;margin-bottom:20px}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{word-break:break-word;font-family:var(--font-secondary);line-height:1.4074;color:var(--color-heading)}
.h1,h1{font-size:var(--h1);line-height:1.29;font-weight:700}
.h2,h2{font-size:var(--h2);line-height:1.23}
.h3,h3{font-size:var(--h3);line-height:1.14}
.h4,h4{font-size:var(--h4);line-height:1.25}
.h5,h5{font-size:var(--h5);line-height:1.24}
.h6,h6{font-size:var(--h6);line-height:1.25}
.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}
a{transition:all .4s ease-in-out 0s}
@media only screen and (min-width:768px) and (max-width:991px){
.h1,h1{font-size:38px}
.h2,h2{font-size:32px}
.h3,h3{font-size:28px}
.h4,h4{font-size:24px}
.h5,h5{font-size:18px}
}
@media only screen and (max-width:767px){
.h1,h1{font-size:34px}
.h2,h2{font-size:28px}
.h3,h3{font-size:24px}
.h4,h4{font-size:20px}
.h5,h5{font-size:16px}
}
.h1,.h2,.h3,h1,h2,h3{font-weight:var(--s-bold)}
.h4,.h5,h4,h5{font-weight:var(--s-bold)}
.h6,h6{font-weight:var(--s-bold)}
p{font-size:16px;line-height:var(--line-height-b1);font-weight:var(--p-regular);color:var(--color-body);margin:0 0 30px}
@media only screen and (max-width:767px){
p{margin:0 0 20px}
}
p:last-child{margin-bottom:0}
ol,ul{padding-left:18px}
ul{list-style:disc;margin-bottom:40px;padding-left:20px}
ul li{font-size:16px;margin-top:10px;margin-bottom:10px;color:var(--color-body);font-weight:400}
ul li a{text-decoration:none;color:var(--color-heading)}
ul li a:hover{color:var(--color-primary)}
ul ul{margin-bottom:0}
ol{margin-bottom:30px}
ol li{font-size:16px;color:var(--color-body);margin-top:10px;margin-bottom:10px}
ol li a{color:var(--color-heading);text-decoration:none}
ol li a:hover{color:var(--color-primary)}
ol ul{padding-left:30px}
label{margin-bottom:10px}
.m--0{margin:0}
.rn-section-gapTop{padding-top:100px}
@media only screen and (min-width:768px) and (max-width:991px){
.rn-section-gapTop{padding-top:80px}
}
@media only screen and (max-width:767px){
.rn-section-gapTop{padding-top:80px}
}
.mt--10{margin-top:10px!important}
.mr--10{margin-right:10px!important}
.mt--20{margin-top:20px!important}
.pt--30{padding-top:30px!important}
.pb--30{padding-bottom:30px!important}
.mb--30{margin-bottom:30px!important}
.ptb--40{padding:40px 0!important}
.mt--50{margin-top:50px!important}
.pb--80{padding-bottom:80px!important}
@media only screen and (min-width:768px) and (max-width:991px){
.mt_md--10{margin-top:10px!important}
.mt_md--30{margin-top:30px!important}
.mt_md--40{margin-top:40px!important}
}
@media only screen and (max-width:767px){
.mt_sm--10{margin-top:10px!important}
.plr_sm--20{padding:0 20px!important}
.mt_sm--20{margin-top:20px!important}
.mt_sm--30{margin-top:30px!important}
.pb_sm--40{padding-bottom:40px!important}
.mt_sm--40{margin-top:40px!important}
}
@media only screen and (min-width:992px) and (max-width:1199px){
.testimonial-pb{padding-bottom:35px}
}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
details,figcaption,figure,footer,header,nav,section{display:block}
video{display:inline-block}
[hidden]{display:none}
a{color:var(--color-heading);text-decoration:none;outline:0}
a:active,a:focus,a:hover{text-decoration:none;outline:0;color:var(--color-primary)}
a:focus{outline:0}
b,strong{font-weight:700}
mark{background:var(--color-primary);color:#fff}
code,pre{font-family:"Courier 10 Pitch",Courier,monospace;font-size:14px;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}
code{color:var(--color-primary)}
a code{color:var(--color-primary)}
pre{font-size:var(--font-size-b3);margin:10px 0;overflow:auto;padding:20px;white-space:pre;white-space:pre-wrap;word-wrap:break-word;color:var(--color-body);background:var(--color-darker);border-radius:4px}
menu{margin:16px 0;padding:0 0 0 40px}
nav ol,nav ul{list-style:none;list-style-image:none}
li>ol,li>ul{margin:0}
ol ul{margin-bottom:0}
img{-ms-interpolation-mode:bicubic;border:0;vertical-align:middle;max-width:100%;height:auto}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
button,input,textarea{font-size:100%;margin:0;max-width:100%;vertical-align:baseline}
button,input{line-height:normal}
button,html input[type=button],input[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}
input[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;appearance:textfield;padding-right:2px;width:270px}
input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
blockquote{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes:none}
blockquote:after,blockquote:before{content:"";content:none}
blockquote{font-size:var(--font-size-b1);font-style:italic;font-weight:var(--p-light);margin:24px 40px}
blockquote blockquote{margin-right:0}
blockquote b,blockquote strong{font-weight:700}
button,input,textarea{background:0 0;border:1px solid var(--color-border);transition:all .4s ease-out 0s;color:var(--color-body);width:100%}
button:active,button:focus,input:active,input:focus,textarea:active,textarea:focus{outline:0;border-color:var(--color-primary)}
[type=button],[type=submit],button{-webkit-appearance:button}
input{height:40px;padding:0 15px}
input[type=email],input[type=number],input[type=tel],input[type=text],textarea{font-size:var(--font-size-b1);font-weight:400;height:50px;line-height:28px;background:0 0;-webkit-box-shadow:none;box-shadow:none;padding:0 15px;outline:0;border:var(--border-width) solid var(--color-border);border-radius:var(--radius)}
input[type=email]::placeholder,input[type=number]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,textarea::placeholder{color:var(--body-color);opacity:1}
input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--body-color)}
input[type=email]::-ms-input-placeholder,input[type=number]::-ms-input-placeholder,input[type=tel]::-ms-input-placeholder,input[type=text]::-ms-input-placeholder,textarea::-ms-input-placeholder{color:var(--body-color)}
input[type=email]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=text]:focus,textarea:focus{border-color:var(--color-primary)}
.form-group{margin-bottom:20px}
.form-group label{margin-bottom:6px;font-size:14px;line-height:22px;font-weight:500}
.form-group input{border:0 none;border-radius:4px;height:50px;font-size:var(--font-size-b2);transition:var(--transition);padding:0 20px;background-color:var(--color-lightest);border:1px solid transparent;transition:var(--transition)}
.form-group input:focus{border-color:var(--color-primary)!important;box-shadow:none}
.form-group textarea{min-height:160px;border:0 none;border-radius:4px;resize:none;padding:15px;font-size:var(--font-size-b2);transition:var(--transition);background-color:var(--color-lightest);border:1px solid transparent;line-height:24px}
.form-group textarea:focus{border-color:var(--color-primary)!important}
input[type=submit]{width:auto;padding:0 30px;border-radius:500px;display:inline-block;font-weight:500;transition:.3s;height:60px;background:var(--color-primary);color:var(--color-white);font-weight:var(--p-medium);font-size:var(--font-size-b1);line-height:var(--line-height-b3);height:50px;border:2px solid var(--color-primary);transition:var(--transition)}
input[type=submit]:hover{background:0 0;color:var(--color-primary);transform:translateY(-5px)}
.wpcf7-form-control-wrap{position:relative}
.fix{overflow:hidden}
.row--25{margin-left:-25px;margin-right:-25px}
@media only screen and (min-width:1200px) and (max-width:1599px){
.row--25{margin-left:-15px;margin-right:-15px}
}
@media only screen and (min-width:992px) and (max-width:1199px){
.row--25{margin-left:-15px;margin-right:-15px}
}
@media only screen and (min-width:768px) and (max-width:991px){
.row--25{margin-left:-15px;margin-right:-15px}
}
@media only screen and (max-width:767px){
.row--25{margin-left:-15px!important;margin-right:-15px!important}
}
.row--25>[class*=col-],.row--25>[class*=col]{padding-left:25px;padding-right:25px}
@media only screen and (min-width:1200px) and (max-width:1599px){
.row--25>[class*=col-],.row--25>[class*=col]{padding-left:15px;padding-right:15px}
}
@media only screen and (min-width:992px) and (max-width:1199px){
.row--25>[class*=col-],.row--25>[class*=col]{padding-left:15px;padding-right:15px}
}
@media only screen and (min-width:768px) and (max-width:991px){
.row--25>[class*=col-],.row--25>[class*=col]{padding-left:15px!important;padding-right:15px!important}
}
@media only screen and (max-width:767px){
.row--25>[class*=col-],.row--25>[class*=col]{padding-left:15px!important;padding-right:15px!important}
}
input:-moz-placeholder,textarea:-moz-placeholder{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
.liststyle{padding:0;list-style:none}
.mainmenu-nav ul.primary-menu,.testimonial .inner .card-description .title-area .rating ul,ul.meta{list-style:none;padding:0;margin:0}
.mainmenu-nav ul.primary-menu>li>a,ul.meta li a{transition:.3s}
@keyframes pulse-border{
0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}
100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:1}
}
.social-share-style-1 .title{font-size:14px;text-transform:uppercase;letter-spacing:2px;font-weight:500;color:var(--color-lightn);display:inline-block;margin-bottom:20px}
.social-share-style-1 .social-share{margin:0;flex-wrap:wrap}
.social-share-style-1 .social-share li{margin:0 25px 25px 0}
.social-share-style-1 .social-share li a{display:inline-block;width:60px;height:60px;line-height:60px;text-align:center;font-size:14px;letter-spacing:2px;text-transform:uppercase;border-radius:6px;transition:var(--transition);background:var(--background-color-1);position:relative;z-index:1;box-shadow:var(--shadow-1)}
.social-share-style-1 .social-share li a.circle{border-radius:50%}
.social-share-style-1 .social-share li a.circle::before{border-radius:50%}
.social-share-style-1 .social-share li a::before{content:"";position:absolute;transition:var(--transition);width:100%;height:100%;border-radius:6px;top:0;left:0;background:linear-gradient(to right bottom,#212428,#16181c);opacity:0;z-index:-1}
.social-share-style-1 .social-share li a:hover{transform:translateY(-5px)}
.social-share-style-1 .social-share li a:hover::before{opacity:1}
.social-share-style-1 .social-share li a svg{color:var(--color-lightn);transition:var(--transition);stroke-width:2;position:relative;z-index:2;width:20px}
.in-radius{border-radius:var(--radius)!important}
@-webkit-keyframes bounce{
20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
@keyframes bounce{
20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
@-webkit-keyframes flash{
50%,from,to{opacity:1}
25%,75%{opacity:0}
}
@keyframes flash{
50%,from,to{opacity:1}
25%,75%{opacity:0}
}
@-webkit-keyframes pulse{
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes pulse{
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@-webkit-keyframes rubberBand{
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes rubberBand{
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@-webkit-keyframes shake{
from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
@keyframes shake{
from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
@-webkit-keyframes swing{
20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
@keyframes swing{
20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
@-webkit-keyframes tada{
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes tada{
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@-webkit-keyframes wobble{
from{-webkit-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
to{-webkit-transform:none;transform:none}
}
@keyframes wobble{
from{-webkit-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
to{-webkit-transform:none;transform:none}
}
@-webkit-keyframes jello{
11.1%,from,to{-webkit-transform:none;transform:none}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}
88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}
@keyframes jello{
11.1%,from,to{-webkit-transform:none;transform:none}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}
88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}
@-webkit-keyframes bounceIn{
20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn{
20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@-webkit-keyframes bounceInDown{
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInDown{
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:none;transform:none}
}
@-webkit-keyframes bounceInLeft{
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInLeft{
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:none;transform:none}
}
@-webkit-keyframes bounceInRight{
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInRight{
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:none;transform:none}
}
@-webkit-keyframes bounceInUp{
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes bounceInUp{
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes bounceOut{
20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
@keyframes bounceOut{
20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
@-webkit-keyframes bounceOutDown{
20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes bounceOutDown{
20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@-webkit-keyframes bounceOutLeft{
20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes bounceOutLeft{
20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@-webkit-keyframes bounceOutRight{
20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes bounceOutRight{
20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@-webkit-keyframes bounceOutUp{
20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes bounceOutUp{
20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@-webkit-keyframes fadeIn{
from{opacity:0}
to{opacity:1}
}
@keyframes fadeIn{
from{opacity:0}
to{opacity:1}
}
@-webkit-keyframes fadeInDown{
from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{
from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInDownBig{
from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDownBig{
from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInLeft{
from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft{
from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig{
from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeftBig{
from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInRight{
from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight{
from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInRightBig{
from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRightBig{
from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInUp{
from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{
from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInUpBig{
from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUpBig{
from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeOut{
from{opacity:1}
to{opacity:0}
}
@keyframes fadeOut{
from{opacity:1}
to{opacity:0}
}
@-webkit-keyframes fadeOutDown{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes fadeOutDown{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@-webkit-keyframes fadeOutDownBig{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes fadeOutDownBig{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@-webkit-keyframes fadeOutLeft{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes fadeOutLeft{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@-webkit-keyframes fadeOutLeftBig{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes fadeOutLeftBig{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@-webkit-keyframes fadeOutRight{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes fadeOutRight{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@-webkit-keyframes fadeOutRightBig{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes fadeOutRightBig{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@-webkit-keyframes fadeOutUp{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes fadeOutUp{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@-webkit-keyframes fadeOutUpBig{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes fadeOutUpBig{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@-webkit-keyframes flip{
from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes flip{
from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@-webkit-keyframes flipInX{
from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInX{
from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@-webkit-keyframes flipInY{
from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY{
from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@-webkit-keyframes flipOutX{
from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
@keyframes flipOutX{
from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
@-webkit-keyframes flipOutY{
from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
@keyframes flipOutY{
from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
@-webkit-keyframes lightSpeedIn{
from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
to{-webkit-transform:none;transform:none;opacity:1}
}
@keyframes lightSpeedIn{
from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
to{-webkit-transform:none;transform:none;opacity:1}
}
@-webkit-keyframes lightSpeedOut{
from{opacity:1}
to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
@keyframes lightSpeedOut{
from{opacity:1}
to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
@-webkit-keyframes rotateIn{
from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateIn{
from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
@-webkit-keyframes rotateInDownLeft{
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownLeft{
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@-webkit-keyframes rotateInDownRight{
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownRight{
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@-webkit-keyframes rotateInUpLeft{
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInUpLeft{
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@-webkit-keyframes rotateInUpRight{
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInUpRight{
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@-webkit-keyframes rotateOut{
from{-webkit-transform-origin:center;transform-origin:center;opacity:1}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}
}
@keyframes rotateOut{
from{-webkit-transform-origin:center;transform-origin:center;opacity:1}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}
}
@-webkit-keyframes rotateOutDownLeft{
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
}
@keyframes rotateOutDownLeft{
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
}
@-webkit-keyframes rotateOutDownRight{
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
@keyframes rotateOutDownRight{
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
@-webkit-keyframes rotateOutUpLeft{
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
@keyframes rotateOutUpLeft{
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
@-webkit-keyframes rotateOutUpRight{
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}
}
@keyframes rotateOutUpRight{
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}
}
@-webkit-keyframes hinge{
0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
@keyframes hinge{
0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
@-webkit-keyframes rollIn{
from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes rollIn{
from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes rollOut{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
@keyframes rollOut{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
@-webkit-keyframes zoomIn{
from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
@keyframes zoomIn{
from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
@-webkit-keyframes zoomInDown{
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInDown{
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@-webkit-keyframes zoomInLeft{
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInLeft{
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@-webkit-keyframes zoomInRight{
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInRight{
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@-webkit-keyframes zoomInUp{
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInUp{
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@-webkit-keyframes zoomOut{
from{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:0}
}
@keyframes zoomOut{
from{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:0}
}
@-webkit-keyframes zoomOutDown{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomOutDown{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@-webkit-keyframes zoomOutLeft{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}
@keyframes zoomOutLeft{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}
@-webkit-keyframes zoomOutRight{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}
@keyframes zoomOutRight{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}
@-webkit-keyframes zoomOutUp{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomOutUp{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@-webkit-keyframes slideInDown{
from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInDown{
from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes slideInLeft{
from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInLeft{
from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes slideInRight{
from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInRight{
from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes slideInUp{
from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInUp{
from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes slideOutDown{
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes slideOutDown{
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@-webkit-keyframes slideOutLeft{
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes slideOutLeft{
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@-webkit-keyframes slideOutRight{
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes slideOutRight{
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@-webkit-keyframes slideOutUp{
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes slideOutUp{
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.cd-headline{font-size:3rem;line-height:1.2}
@media only screen and (min-width:768px){
.cd-headline{font-size:4.4rem;font-weight:300}
}
@media only screen and (min-width:1170px){
.cd-headline{font-size:48px}
}
@media only screen and (max-width:768px){
.cd-headline{font-size:40px}
}
@media only screen and (max-width:479px){
.cd-headline{font-size:26px}
}
.cd-words-wrapper{display:inline-block;position:relative;text-align:left}
.cd-words-wrapper b{display:inline-block;position:absolute;white-space:nowrap;left:0;top:0}
.cd-words-wrapper b.is-visible{position:relative}
.no-js .cd-words-wrapper b{opacity:0}
.no-js .cd-words-wrapper b.is-visible{opacity:1}
.cd-headline.clip span{display:inline-block;padding:0}
.cd-headline.clip .cd-words-wrapper{overflow:hidden;vertical-align:middle}
.cd-headline.clip .cd-words-wrapper::after{content:"";position:absolute;top:50%;right:0;width:2px;height:80%;background-color:rgba(255,255,255,.3);transform:translateY(-50%)}
.cd-headline.clip b{opacity:0}
.cd-headline.clip b.is-visible{opacity:1}
.logo a{display:inline-block}
.logo a img{transition:.3s}
@media only screen and (min-width:768px) and (max-width:991px){
.logo a img{max-height:52px;object-fit:cover}
}
@media only screen and (max-width:767px){
.logo a img{max-height:54px}
}
@media only screen and (max-width:575px){
.logo a img{max-height:45px}
}
.sticky .header-wrapper .logo img{max-width:calc(100% - 10%)}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:transparent;position:relative}
.nav-pills .nav-link{margin:.5rem 1rem;padding:0}
.header-wrapper .header-left{flex-basis:20%;justify-content:flex-start;display:flex}
.header-wrapper .header-center{flex-basis:100%;justify-content:flex-end;display:flex;align-items:center}
.header-wrapper .header-right{margin-left:30px;justify-content:flex-end;display:flex;align-items:center}
@media only screen and (min-width:768px) and (max-width:991px){
.header-wrapper .header-right{margin-left:0;margin-right:0}
}
@media only screen and (max-width:767px){
.header-wrapper .header-right{margin-left:0;margin-right:0}
}
@media only screen and (min-width:1200px) and (max-width:1599px){
.header-wrapper .header-right a.rn-btn{font-size:13px;padding:14px 25px;line-height:21px}
}
@media only screen and (max-width:575px){
.header-wrapper .header-right a.rn-btn{font-size:10px;padding:9px 10px;line-height:18px;min-width:max-content}
}
.header-wrapper .header-right .hamberger-menu{padding:0;width:50px;height:50px;z-index:1;background:linear-gradient(145deg,#1e2024,#23272b);box-shadow:var(--shadow-1);border-radius:100%;position:relative;line-height:57px;text-align:center;margin-left:16px}
@media only screen and (max-width:575px){
.header-wrapper .header-right .hamberger-menu{margin-left:10px}
}
.header-wrapper .header-right .hamberger-menu::after{content:"";position:absolute;transition:var(--transition);width:100%;height:100%;border-radius:50%;top:0;left:0;background:linear-gradient(to right bottom,#212428,#16181c);opacity:1;box-shadow:var(--shadow-1);z-index:-1}
.header-wrapper .header-right .hamberger-menu i{z-index:800;color:var(--color-primary);font-size:23px;position:relative;transition:.5s}
.header-wrapper .header-right .hamberger-menu:hover::after{transform:scale(1.1)}
.header-style-2 .header-right .hamberger-menu i{font-size:32px;color:var(--color-primary)}


.rn-header .header-wrapper{padding:20px 45px}
@media only screen and (min-width:1200px) and (max-width:1599px){
.rn-header .header-wrapper{padding:20px 30px}
}
@media only screen and (min-width:992px) and (max-width:1199px){
.rn-header .header-wrapper{padding:20px 30px}
}
@media only screen and (min-width:768px) and (max-width:991px){
.rn-header .header-wrapper{padding:20px 30px}
}
@media only screen and (max-width:767px){
.rn-header .header-wrapper{padding:20px 10px}
}
.rn-header.header--sticky .header-wrapper{padding:14px 45px}
@media only screen and (min-width:992px) and (max-width:1199px){
.rn-header.header--sticky .header-wrapper{padding:12px 45px}
}
@media only screen and (min-width:768px) and (max-width:991px){
.rn-header.header--sticky .header-wrapper{padding:12px 45px}
}
@media only screen and (max-width:767px){
.rn-header.header--sticky .header-wrapper{padding:14px 15px}
}
.rn-header.header-style-1 .logo a img{transition:.4s}
.close-menu{opacity:0;visibility:hidden}
.close-menu .closeTrigger i{position:relative}
.popup-mobile-menu.menu-open{visibility:visible;opacity:1}
.popup-mobile-menu.menu-open .inner{opacity:1;left:0;overflow-y:auto}
.rn-header.header--sticky.sticky{background-color:#212428de;box-shadow:var(--shadow-1);position:fixed;backdrop-filter:blur(15px);top:0;position:fixed;z-index:999;width:100%;animation:headerSlideDown .5s ease forwards}
@keyframes headerSlideDown{
0%{margin-top:-100px;opacity:0}
30%{margin-top:-50px;opacity:0}
100%{margin-top:0;opacity:1}
}
.popup-mobile-menu{z-index:1000000;position:fixed;content:"";width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.8);visibility:hidden;opacity:0;transition:opacity .5s ease-out}
.popup-mobile-menu .inner{padding:25px 40px;width:375px;z-index:999;position:absolute;background:#191b1e;height:100%;height:100vh;display:flex;flex-direction:column;box-shadow:0 0 10px 0 rgba(0,0,0,.7);opacity:0;left:-150px;transition:all .5s ease-out}
@media only screen and (max-width:479px){
.popup-mobile-menu .inner{width:310px;padding:20px}
}
.popup-mobile-menu .inner .menu-top{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:20px}
.popup-mobile-menu .inner .menu-top .menu-header{display:flex;justify-content:space-between;align-items:center}
.popup-mobile-menu .inner .menu-top .menu-header .close-button .close{opacity:1;width:max-content;padding:0;margin:0;display:inline-block;width:45px;height:45px;right:-20px;position:relative;z-index:1;background:linear-gradient(145deg,#1e2024,#23272b);box-shadow:var(--shadow-1);border-radius:100%;opacity:1}
@media only screen and (max-width:575px){
.popup-mobile-menu .inner .menu-top .menu-header .close-button .close{right:0}
}
.popup-mobile-menu .inner .menu-top .menu-header .close-button .close::after{content:"";position:absolute;transition:var(--transition);width:100%;height:100%;border-radius:50%;top:0;left:0;background:linear-gradient(to right bottom,#212428,#16181c);opacity:1;box-shadow:var(--shadow-1);z-index:-1}
.popup-mobile-menu .inner .menu-top .menu-header .close-button .close i,.popup-mobile-menu .inner .menu-top .menu-header .close-button .close svg{width:22px;height:auto;transition:var(--transition);color:var(--color-primary);font-size:20px;text-shadow:none;opacity:1;font-weight:500}
.popup-mobile-menu .inner .menu-top .menu-header .close-button .close:hover::after{transform:scale(1.1)}
.popup-mobile-menu .inner .menu-top .menu-header a img.logo{max-height:70px}
.popup-mobile-menu .inner .menu-top p.description{font-size:16px;line-height:32px;margin-top:20px;color:var(--color-lighten);padding-right:7%}
.popup-mobile-menu .content{display:flex;flex-direction:column}
.popup-mobile-menu .content .mainmenu-nav .primary-menu{display:flex;flex-direction:column;margin:0;margin-top:20px}
.popup-mobile-menu .content .mainmenu-nav .primary-menu li{display:block;margin:8px 0!important}
.popup-mobile-menu .content .mainmenu-nav .primary-menu li a{color:var(--color-lightn);position:relative;transition:var(--transition);font-size:14px;font-weight:var(--s-regular);text-transform:uppercase;font-family:var(--font-secondary);margin:0;display:block;font-weight:500;padding:0;opacity:1}
@media only screen and (min-width:768px) and (max-width:991px){
.popup-mobile-menu .social-share-style-1{margin-top:20px!important}
}
@media only screen and (max-width:767px){
.popup-mobile-menu .social-share-style-1{margin-top:20px!important}
}
.social-share-style-1{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;margin-top:100px!important}
.social-share-style-1 .social-share li{margin:0 15px 15px 0}
.social-share-style-1 .social-share{margin-right:-15px}
.social-share-style-1 .social-share li a{width:53px;height:53px}
.popup-mobile-menu .social-share-style-1 .social-share li a{box-shadow:none}
.rn-right-demo{width:176px;position:fixed;z-index:99;right:-1px;top:calc(50%);transform:rotate(-90deg) translateY(100%) translateX(100%)}
.rn-right-demo .demo-button{border-radius:6px 6px 0 0;background:linear-gradient(60deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);box-shadow:0 0 10px rgba(0,0,0,.1);transition:var(--transition);position:relative;z-index:2;right:70px;font-size:14px;border:0 none;width:100%;min-width:100%;padding:15px 20px 15px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;color:var(--color-white);text-align:center;line-height:1;animation:animatedgradient 4s ease alternate infinite;background-size:250% 300%;animation-iteration-count:infinite}
@media only screen and (max-width:767px){
.rn-right-demo .demo-button{animation:inherit}
}
.single-demo{position:relative;background:var(--background-color-1);box-shadow:var(--shadow-1);padding:0;border-radius:6px;margin-bottom:50px;padding-bottom:20px}
.single-demo.coming-soon{pointer-events:none}
.single-demo .inner .thumbnail{border-radius:6px 6px 0 0}
.single-demo .inner .thumbnail a{position:relative;display:block;z-index:2}
.single-demo .inner .thumbnail a::after{position:absolute;content:"";background:rgba(0,0,0,.5);width:100%;height:100%;left:0;top:0;border-radius:8px 8px 0 0;transition:.4s;opacity:0}
.single-demo .inner .thumbnail a .overlay-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;margin-top:10px;display:inline-block;transition:.4s}
.single-demo .inner .thumbnail a .overlay-content .overlay-text{display:inline-block;padding:8px 12px;background:var(--color-primary);font-size:14px;border-radius:6px;opacity:0;transition:.4s;color:var(--color-white);width:max-content}
.single-demo .inner .thumbnail img{border-radius:6px 6px 0 0}
.single-demo .inner .title{margin-bottom:0;padding-top:16px;padding-bottom:0;font-size:18px;text-align:center;letter-spacing:.5px;border-top:1px solid #1a1d23;margin-top:0;font-weight:600}
.single-demo .inner .title a{color:var(--color-heading);display:block;transition:.3s}
.single-demo .inner .title a:hover{color:var(--color-primary)}
.single-demo:hover .inner .thumbnail a::after{opacity:1}
.single-demo:hover .inner .thumbnail a .overlay-content{margin-top:0}
.single-demo:hover .inner .thumbnail a .overlay-content .overlay-text{opacity:1}
.single-demo::after{content:"";position:absolute;transition:var(--transition);width:100%;height:100%;border-radius:6px;top:0;left:0;background:linear-gradient(to right bottom,#212428,#16181c);opacity:0;z-index:-1}
.move-feature-area{overflow:hidden}
.mv-feature-list{list-style:none;padding:0;margin:0;display:flex}
.mv-feature-list .mv-feature{display:flex;align-items:center;padding:0 30px}
.mv-feature-list .mv-feature .icon{width:22px;height:22px;background:#3eb75e;margin:0 auto;line-height:24px;text-align:center;border-radius:100%;color:var(--color-white);font-size:14px;margin-right:10px}
.mv-feature-list .mv-feature .text{color:var(--color-heading)}
.scroll-animation{display:flex;width:-webkit-calc((420px * 16) + (30px * 16));width:-moz-calc((420px * 16) + (30px * 16));width:calc((420px * 16) + (30px * 16));position:relative}
.scroll-animation.scroll-right-left{-webkit-animation:scroll 80s linear infinite;-moz-animation:scroll 80s linear infinite;animation:scroll 80s linear infinite;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}
@-webkit-keyframes scroll{
0%{-webkit-transform:translateX(0);transform:translateX(0)}
to{-webkit-transform:translateX(-webkit-calc(-250px * 7));transform:translateX(calc(-250px * 7))}
}
@-moz-keyframes scroll{
0%{-moz-transform:translateX(0);transform:translateX(0)}
to{-moz-transform:translateX(-moz-calc(-250px * 7));transform:translateX(calc(-250px * 7))}
}
@keyframes scroll{
0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}
to{-webkit-transform:translateX(-webkit-calc(-250px * 7));-moz-transform:translateX(-moz-calc(-250px * 7));transform:translateX(calc(-250px * 7))}
}
@-webkit-keyframes scrollLeft{
0%{-webkit-transform:translateX(-webkit-calc(-250px * 7));transform:translateX(calc(-250px * 7))}
to{-webkit-transform:translateX(0);transform:translateX(0)}
}
@-moz-keyframes scrollLeft{
0%{-moz-transform:translateX(-moz-calc(-250px * 7));transform:translateX(calc(-250px * 7))}
to{-moz-transform:translateX(0);transform:translateX(0)}
}
@keyframes scrollLeft{
0%{-webkit-transform:translateX(-webkit-calc(-250px * 7));-moz-transform:translateX(-moz-calc(-250px * 7));transform:translateX(calc(-250px * 7))}
to{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}
}
.move-feature-area .wrapper{position:relative}
.move-feature-area .wrapper::before{content:"";width:150px;height:100%;position:absolute;left:0;top:0;background-image:linear-gradient(to right,#1f2124,rgba(0,0,0,0));z-index:2}
.move-feature-area .wrapper::after{content:"";width:150px;height:100%;position:absolute;right:0;top:0;background-image:linear-gradient(to right,rgba(0,0,0,0),#202225);z-index:2}
.mainmenu-nav ul.primary-menu{display:flex;justify-content:flex-end;flex-wrap:wrap;margin:-24px;padding:0}
.mainmenu-nav ul.primary-menu>li{margin:10px 14px;transition:.3s;position:relative}
@media only screen and (min-width:1200px) and (max-width:1599px){
.mainmenu-nav ul.primary-menu>li{margin:10px 5px}
}
.mainmenu-nav ul.primary-menu>li>a{color:var(--color-lightn);position:relative;transition:var(--transition);font-size:13px;font-weight:var(--s-regular);text-transform:uppercase;font-family:var(--font-secondary);display:inline-block;padding:.5rem 1rem}
.mainmenu-nav ul.primary-menu>li:hover>a{color:var(--color-primary)}
.mainmenu-nav ul.primary-menu>li:first-child{margin-left:0}
.mainmenu-nav .primary-menu{display:flex;list-style:none;flex-wrap:wrap;margin:-24px;padding:0}
@media only screen and (min-width:992px) and (max-width:1199px){
.mainmenu-nav .primary-menu{display:block;margin-top:95px;margin-left:30px}
}
@media only screen and (min-width:768px) and (max-width:991px){
.mainmenu-nav .primary-menu{display:block;margin-top:95px;margin-left:30px}
}
@media only screen and (max-width:767px){
.mainmenu-nav .primary-menu{display:block;margin-top:95px;margin-left:30px}
}
.mainmenu-nav .primary-menu li{margin:10px 14px;transition:.3s}
@media only screen and (min-width:1200px) and (max-width:1599px){
.mainmenu-nav .primary-menu li{margin:10px 5px}
}
.mainmenu-nav .primary-menu li:hover a{opacity:1!important;color:var(--color-white)}
.mainmenu-nav .primary-menu li a{color:var(--color-lightn);position:relative;transition:var(--transition);font-size:13px;font-weight:var(--s-regular);text-transform:uppercase;font-family:var(--font-secondary)}
.mainmenu-nav .primary-menu li a.active{opacity:1!important;color:var(--color-white)}
.mainmenu-nav .primary-menu:hover li a{opacity:.7}
.header--sticky.sticky .mainmenu-nav ul.primary-menu>li>a{opacity:.7}
a.rn-btn,button.rn-btn{display:inline-block;padding:15px 35px;list-style:none;text-decoration:none;color:var(--color-primary)}
.contact-form-wrapper input[type=submit]{border-radius:6px;background:linear-gradient(145deg,#1e2024,#23272b);box-shadow:var(--shadow-1);transition:var(--transition);position:relative;z-index:1;font-size:14px;font-weight:500;border:0 none;color:var(--color-primary)}
a.rn-btn,button.rn-btn{border-radius:6px;background:linear-gradient(145deg,#1e2024,#23272b);box-shadow:var(--shadow-1);transition:var(--transition);position:relative;z-index:2;font-size:14px;font-weight:500;border:0 none}
a.rn-btn::before,button.rn-btn::before{content:"";position:absolute;transition:var(--transition);width:100%;height:100%;border-radius:6px;top:0;left:0;background:linear-gradient(to right bottom,#212428,#16181c);opacity:0;z-index:-1}
a.rn-btn:hover,button.rn-btn:hover{transform:translateY(-5px)}
a.rn-btn:hover::before,button.rn-btn:hover::before{opacity:1}
a.rn-btn.thumbs-icon svg,button.rn-btn.thumbs-icon svg{margin-top:-7px}
.rn-header .rn-btn{width:max-content}
.button-group{margin:-15px}
@media only screen and (max-width:767px){
.button-group{margin:-7px}
}
.button-group a.rn-btn{margin:15px;transition:var(--transition)}
@media only screen and (max-width:767px){
.button-group a.rn-btn{margin:7px}
}
.post-like span a.like-button.rn-btn{display:flex;align-items:center;justify-content:center}
.post-like span a.like-button.rn-btn i{padding-left:4px;margin-top:-3px}
.post-like span a.like-button.rn-btn mark{line-height:7px;padding:5px 5px;font-size:12px;font-weight:500;background:var(--color-primary)}
.like-button.rn-btn>*,.like-button>*{pointer-events:none!important}
.like-button,.like-button.rn-btn{display:inline-block;position:relative;transition:.3s}
.like-button.rn-btn:focus,.like-button:focus{outline:0}
.like-button.rn-btn:after,.like-button.rn-btn:before,.like-button:after,.like-button:before{position:absolute;content:"";display:block;width:140%;height:100%;left:-20%;transition:all ease-in-out .5s;background-repeat:no-repeat;opacity:1}
.like-button.rn-btn:before,.like-button:before{display:none;top:-75%;background-image:radial-gradient(circle,var(--color-primary) 10%,transparent 10%),radial-gradient(circle,transparent 10%,var(--color-primary) 10%,transparent 30%),radial-gradient(circle,var(--color-primary) 10%,transparent 10%),radial-gradient(circle,var(--color-primary) 10%,transparent 10%),radial-gradient(circle,transparent 10%,var(--color-primary) 15%,transparent 10%),radial-gradient(circle,var(--color-primary) 10%,transparent 10%),radial-gradient(circle,var(--color-primary) 10%,transparent 10%),radial-gradient(circle,var(--color-primary) 10%,transparent 10%),radial-gradient(circle,var(--color-primary) 10%,transparent 10%)!important;background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%}
.like-button.rn-btn:after,.like-button:after{display:none;bottom:-75%;background-image:radial-gradient(circle,var(--color-primary) 10%,transparent 10%),radial-gradient(circle,var(--color-primary) 10%,transparent 10%),radial-gradient(circle,transparent 10%,var(--color-primary) 15%,transparent 10%),radial-gradient(circle,var(--color-primary) 10%,transparent 10%),radial-gradient(circle,var(--color-primary) 10%,transparent 10%),radial-gradient(circle,var(--color-primary) 10%,transparent 10%),radial-gradient(circle,var(--color-primary) 10%,transparent 10%);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,10% 10%,20% 20%}
.like-button.rn-btn:active,.like-button:active{transform:scale(.9)!important}
.like-button:before{background-image:radial-gradient(circle,var(--color-primary) 30%,transparent 30%),radial-gradient(circle,transparent 30%,var(--color-primary) 30%,transparent 30%),radial-gradient(circle,var(--color-primary) 30%,transparent 30%),radial-gradient(circle,var(--color-primary) 30%,transparent 30%),radial-gradient(circle,transparent 30%,var(--color-primary) 15%,transparent 30%),radial-gradient(circle,var(--color-primary) 30%,transparent 30%),radial-gradient(circle,var(--color-primary) 30%,transparent 30%),radial-gradient(circle,var(--color-primary) 30%,transparent 30%),radial-gradient(circle,var(--color-primary) 30%,transparent 30%)}
.like-button:after{background-image:radial-gradient(circle,var(--color-primary) 30%,transparent 30%),radial-gradient(circle,var(--color-primary) 30%,transparent 30%),radial-gradient(circle,transparent 30%,var(--color-primary) 15%,transparent 30%),radial-gradient(circle,var(--color-primary) 30%,transparent 30%),radial-gradient(circle,var(--color-primary) 30%,transparent 30%),radial-gradient(circle,var(--color-primary) 30%,transparent 30%),radial-gradient(circle,var(--color-primary) 30%,transparent 30%)}
@keyframes topBubbles{
0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}
50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}
100%{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}
}
@keyframes bottomBubbles{
0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0}
50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0}
100%{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}
}
.section-separator{position:relative}
.section-separator::after{position:absolute;max-width:1270px;height:1px;background:#121415;content:"";top:0;left:0;right:0;margin:0 auto}
.section-title span.subtitle{color:#ff014f;text-transform:uppercase;letter-spacing:5px;font-size:14px;font-family:var(--font-secondary);font-weight:500}
.section-title h2.title{font-size:60px;font-weight:700;line-height:1.2;color:var(--color-lightn);margin-top:15px;margin-bottom:0}
@media only screen and (min-width:992px) and (max-width:1199px){
.section-title h2.title{font-size:38px;line-height:50px}
}
@media only screen and (min-width:768px) and (max-width:991px){
.section-title h2.title{font-size:40px;margin-top:7px}
}
@media only screen and (max-width:767px){
.section-title h2.title{font-size:40px}
}
@media only screen and (max-width:575px){
.section-title h2.title{text-align:center;margin:0;font-size:34px}
}
.slide{padding-bottom:100px;position:relative}
@media only screen and (min-width:992px) and (max-width:1199px){
.slide{padding-bottom:80px}
}
@media only screen and (min-width:768px) and (max-width:991px){
.slide{padding-bottom:100px}
}
@media only screen and (max-width:575px){
.slide{padding-bottom:100px}
}
.slide .content{margin-top:150px}
@media only screen and (min-width:992px) and (max-width:1199px){
.slide .content{margin-top:50px}
}
@media only screen and (min-width:768px) and (max-width:991px){
.slide .content{margin-top:50px}
}
@media only screen and (max-width:767px){
.slide .content{margin-top:40px}
}
.slide .content .inner{margin-bottom:142px}
@media only screen and (max-width:1199px){
.slide .content .inner{margin-bottom:40px!important}
}
@media only screen and (min-width:768px) and (max-width:991px){
.slide .content .inner{margin-bottom:40px}
}
.slide .content .inner span.subtitle{font-size:14px;font-family:var(--font-secondary);color:var(--color-lightn);letter-spacing:3px;text-transform:uppercase;font-weight:500;display:block;margin-bottom:20px}
@media only screen and (max-width:479px){
.slide .content .inner span.subtitle{letter-spacing:1px}
}
.slide .content .inner .title{color:#fff;font-weight:700;font-size:60px;line-height:62px;margin-bottom:22px;font-family:var(--font-secondary)}
@media only screen and (min-width:992px) and (max-width:1199px){
.slide .content .inner .title{font-size:50px;line-height:1.2}
}
@media only screen and (min-width:768px) and (max-width:991px){
.slide .content .inner .title{font-size:50px;line-height:60px}
}
@media only screen and (max-width:767px){
.slide .content .inner .title{font-size:50px;line-height:60px}
}
@media only screen and (max-width:479px){
.slide .content .inner .title{font-size:32px;line-height:40px}
}
.slide .content .inner .title span{color:#ff014f}
.slide .content .inner .title .header-caption span{color:var(--color-white);font-weight:600}
.slide .content .inner .title .span{font-size:48px;color:var(--color-white)}
@media only screen and (max-width:479px){
.slide .content .inner .title .span{font-size:24px;line-height:33px}
}
.slide .content .inner .description{font-size:16px;line-height:30px;color:var(--color-lightn);padding-right:16%;opacity:.9}
@media only screen and (min-width:992px) and (max-width:1199px){
.slide .content .inner .description{margin-bottom:30px}
}
@media only screen and (min-width:768px) and (max-width:991px){
.slide .content .inner .description{margin-bottom:40px;padding-right:0}
}
@media only screen and (max-width:767px){
.slide .content .inner .description{margin-bottom:40px;padding-right:0}
}
.slide .social-share-inner-left span.title{font-size:14px;text-transform:uppercase;letter-spacing:2px;font-weight:300;color:var(--color-lightn);display:inline-block;margin-bottom:20px}
.slide .social-share-inner-left .social-share{margin:-10px -12px;flex-wrap:wrap}
@media only screen and (min-width:992px) and (max-width:1199px){
.slide .social-share-inner-left .social-share{margin:-10px -10px}
}
@media only screen and (max-width:767px){
.slide .social-share-inner-left .social-share{margin:-10px -10px}
}
.slide .social-share-inner-left .social-share li{margin:10px 12px}
@media only screen and (min-width:992px) and (max-width:1199px){
.slide .social-share-inner-left .social-share li{margin:10px 10px}
}
@media only screen and (max-width:767px){
.slide .social-share-inner-left .social-share li{margin:10px 10px}
}
.slide .social-share-inner-left .social-share li a{width:60px;height:60px;line-height:60px;text-align:center;font-size:14px;letter-spacing:2px;text-transform:uppercase;border-radius:6px;transition:var(--transition);background:var(--background-color-1);box-shadow:var(--shadow-1);position:relative;display:flex;align-items:center;justify-content:center}
.slide .social-share-inner-left .social-share li a::before{content:"";position:absolute;transition:var(--transition);width:100%;height:100%;border-radius:6px;top:0;left:0;background:linear-gradient(to right bottom,#212428,#16181c);opacity:0;z-index:-1}
.slide .social-share-inner-left .social-share li a svg{color:var(--color-lightn);transition:var(--transition);stroke-width:2;position:relative;z-index:2;width:20px}
.slide .social-share-inner-left .social-share li a:hover{transform:translateY(-3px)}
.slide .social-share-inner-left .social-share li a:hover svg{color:var(--color-white)}
.slide .social-share-inner-left .social-share li a:hover::before{opacity:1}
.slide .skill-share-inner span.title{font-size:14px;text-transform:uppercase;letter-spacing:2px;font-weight:300;color:var(--color-lightn);display:inline-block;margin-bottom:20px}
.slide .skill-share-inner .skill-share{flex-wrap:wrap;margin:-10px -12px}
.slide .skill-share-inner .skill-share li{margin:10px 12px;line-height:55px;display:inline-block;width:60px;height:60px;line-height:60px;text-align:center;font-size:14px;letter-spacing:2px;text-transform:uppercase;border-radius:6px;box-shadow:var(--shadow-1)}
.slide .skill-share-inner .skill-share li img{max-height:23px;width:auto;padding:0 15px}
.slide .thumbnail{position:relative;z-index:2}
@media only screen and (max-width:767px){
.slide .thumbnail{display:flex;justify-content:center}
}
.slide .thumbnail::before{position:absolute;z-index:-1;width:100%;height:calc(100% - 130px);content:"";left:50%;bottom:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:var(--background-color-1);box-shadow:var(--shadow-1);border-radius:6px}
.slide .thumbnail .inner{text-align:center}
.slide .thumbnail .inner img{border:0;vertical-align:middle;max-width:100%;height:auto;width:100%}
@keyframes gradient{
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
@keyframes animatedgradient{
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
.rn-service{text-align:left;padding:35px 50px 35px 50px;transition:.5s all ease-in-out;position:relative;border-radius:10px;background:var(--background-color-1);box-shadow:var(--shadow-1);position:relative;z-index:1;height:100%}
@media only screen and (min-width:768px) and (max-width:991px){
.rn-service{padding:30px 30px 30px 30px}
}
@media only screen and (max-width:767px){
.rn-service{padding:30px 30px 30px 30px}
}
@media only screen and (max-width:479px){
.rn-service{padding:20px}
}
.rn-service .inner .icon{margin-bottom:29px}
@media only screen and (max-width:767px){
.rn-service .inner .icon{margin-bottom:10px}
}
.rn-service .inner .icon i,.rn-service .inner .icon svg{width:50px;height:auto;color:var(--color-primary);stroke-width:1!important;font-size:50px;font-weight:400;stroke:var(--color-primary)}
.rn-service .inner .icon img{border-radius:6px}
.rn-service .inner .content .title{font-family:var(--color-primary);font-weight:500;font-size:24px;line-height:32px;margin-bottom:20px;color:var(--color-lightn)}
@media only screen and (max-width:767px){
.rn-service .inner .content .title{margin-bottom:15px}
}
.rn-service .inner .content .title a{transition:var(--transition)}
.rn-service .inner .content p.description{font-size:16px;line-height:28px;color:var(--color-lightn);margin-bottom:22px;transition:var(--transition)}
.rn-service .inner .content .read-more-button{height:0;visibility:hidden;opacity:0;transition:var(--transition)}
.rn-service .inner .content .read-more-button::after{content:"";left:0;right:0;top:0;bottom:0;position:absolute;pointer-events:auto;z-index:1;background-color:rgba(0,0,0,0);width:100%;height:100%}
.rn-service .inner .content .read-more-button i{color:var(--color-primary);font-size:32px}
.rn-service::before{content:"";position:absolute;transition:var(--transition);width:100%;height:100%;border-radius:10px;top:0;left:0;background:linear-gradient(to right bottom,#212428,#16181c);opacity:0;z-index:-1}
.rn-service:hover .inner .content .title{color:var(--color-white)}
.rn-service:hover .inner .content .description{color:var(--color-white)}
.rn-service:hover .inner .content .read-more-button{height:auto;visibility:visible;opacity:1}
.rn-service:hover::before{opacity:1}
.rn-service .inner>*{transition:.7s cubic-bezier(.17,.67,0,1.01);transform:translateY(20px)}
.rn-service:hover .inner>*{transform:translateY(0)}

button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}
.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}
.personal-experience-inner{margin-top:40px}
@media only screen and (max-width:479px){
.section-title.text-center span.subtitle{padding:0 20px}
}
@media only screen and (max-width:767px){
.section-title.text-center span.subtitle{margin-bottom:10px}
}
.section-title span.subtitle{color:var(--color-subtitle);letter-spacing:1px;display:block;line-height:14px}
@media only screen and (max-width:575px){
.section-title span.subtitle{text-align:center}
}
@media only screen and (max-width:479px){
.section-title span.subtitle{line-height:24px;letter-spacing:1px;text-align:center}
}
.rn-nav-list{border:0 none;border-radius:10px;background:var(--background-color-1);box-shadow:var(--shadow-1);padding:0}
@media only screen and (min-width:768px) and (max-width:991px){
.rn-nav-list{margin-top:0}
}
@media only screen and (max-width:767px){
.rn-nav-list{margin-top:0}
}
@media only screen and (max-width:575px){
.rn-nav-list{margin-top:0}
}
.rn-nav-list .nav-item{flex-basis:25%;text-align:center;margin-top:0}
@media only screen and (min-width:768px) and (max-width:991px){
.rn-nav-list .nav-item{flex-basis:25%}
}
@media only screen and (max-width:767px){
.rn-nav-list .nav-item{flex-basis:100%}
}
@media only screen and (max-width:575px){
.rn-nav-list .nav-item{flex-basis:100%}
}
@media only screen and (max-width:479px){
.rn-nav-list .nav-item{flex-basis:100%}
}
.rn-nav-list .nav-item .nav-link{color:#c4cfde;font-family:var(--font-primary);padding:30px 10px;text-transform:capitalize;font-size:var(--font-size-b1);font-weight:500;outline:0;border:0 none;transition:all .5s;background:0 0;border-radius:10px}
@media only screen and (min-width:768px) and (max-width:991px){
.rn-nav-list .nav-item .nav-link{padding:25px 7px;font-size:14px}
}
@media only screen and (max-width:767px){
.rn-nav-list .nav-item .nav-link{padding:30px 6px;padding:18px 6px;font-size:13px}
}
@media only screen and (max-width:767px){
.rn-nav-list .nav-item .nav-link{font-size:18px}
}
.rn-nav-list .nav-item .nav-link.active,.rn-nav-list .nav-item .nav-link:hover{color:#ff014f;background-color:transparent;border-color:transparent;border:0 none;background:var(--background-color-1);box-shadow:var(--shadow-1)}
.personal-experience-inner span.subtitle,.progress-wrapper span.subtitle{color:var(--color-subtitle);font-size:14px;letter-spacing:2px;font-weight:500}
.personal-experience-inner .maintitle,.progress-wrapper .maintitle{font-size:36px;font-weight:700;line-height:62px;color:var(--color-lightn)}
@media only screen and (min-width:768px) and (max-width:991px){
.personal-experience-inner .maintitle,.progress-wrapper .maintitle{font-size:30px}
}
@media only screen and (max-width:575px){
.personal-experience-inner .maintitle,.progress-wrapper .maintitle{font-size:30px}
}
@media only screen and (max-width:479px){
.personal-experience-inner .maintitle,.progress-wrapper .maintitle{font-size:24px}
}
.personal-experience-inner .experience-list,.progress-wrapper .experience-list{padding-left:31px;border-left:5px solid #17191c}
@media only screen and (max-width:767px){
.personal-experience-inner .experience-list,.progress-wrapper .experience-list{padding-left:27px}
}
@media only screen and (max-width:479px){
.personal-experience-inner .experience-list,.progress-wrapper .experience-list{padding-left:0;border:0 none}
}
.personal-experience-inner .experience-list .resume-single-list,.progress-wrapper .experience-list .resume-single-list{position:relative;z-index:1;margin-top:50px;padding:45px 40px;border-radius:6px;background:var(--background-color-1);box-shadow:var(--shadow-1);transition:var(--transition)}
@media only screen and (min-width:992px) and (max-width:1199px){
.personal-experience-inner .experience-list .resume-single-list,.progress-wrapper .experience-list .resume-single-list{padding:30px 25px}
}
@media only screen and (min-width:768px) and (max-width:991px){
.personal-experience-inner .experience-list .resume-single-list,.progress-wrapper .experience-list .resume-single-list{padding:30px}
}
@media only screen and (max-width:575px){
.personal-experience-inner .experience-list .resume-single-list,.progress-wrapper .experience-list .resume-single-list{margin-top:30px}
}
@media only screen and (max-width:479px){
.personal-experience-inner .experience-list .resume-single-list,.progress-wrapper .experience-list .resume-single-list{padding:20px}
}
.personal-experience-inner .experience-list .resume-single-list::before,.progress-wrapper .experience-list .resume-single-list::before{content:"";position:absolute;transition:var(--transition);width:100%;height:100%;border-radius:6px;top:0;left:0;background:linear-gradient(to right bottom,#212428,#16181c);opacity:0;z-index:-1}
.personal-experience-inner .experience-list .resume-single-list .inner::after,.progress-wrapper .experience-list .resume-single-list .inner::after{position:absolute;content:"";width:20px;height:20px;border:5px solid #17191c;border-radius:100%;left:-43.5px;top:55px;transform:translateY(-7px);background:#222529;transition:var(--transition)}
@media only screen and (max-width:767px){
.personal-experience-inner .experience-list .resume-single-list .inner::after,.progress-wrapper .experience-list .resume-single-list .inner::after{left:-39.5px}
}
@media only screen and (max-width:479px){
.personal-experience-inner .experience-list .resume-single-list .inner::after,.progress-wrapper .experience-list .resume-single-list .inner::after{display:none}
}
.personal-experience-inner .experience-list .resume-single-list .inner::before,.progress-wrapper .experience-list .resume-single-list .inner::before{position:absolute;content:"";width:28px;height:5px;right:100%;top:63px;transform:translateY(-7px);background:#1b1c1d;z-index:0}
@media only screen and (max-width:479px){
.personal-experience-inner .experience-list .resume-single-list .inner::before,.progress-wrapper .experience-list .resume-single-list .inner::before{display:none}
}
.personal-experience-inner .experience-list .resume-single-list .inner .heading,.progress-wrapper .experience-list .resume-single-list .inner .heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1a1d23;padding-bottom:20px;margin-bottom:20px}
@media only screen and (min-width:992px) and (max-width:1199px){
.personal-experience-inner .experience-list .resume-single-list .inner .heading,.progress-wrapper .experience-list .resume-single-list .inner .heading{display:block}
}
@media only screen and (min-width:768px) and (max-width:991px){
.personal-experience-inner .experience-list .resume-single-list .inner .heading,.progress-wrapper .experience-list .resume-single-list .inner .heading{display:block}
}
@media only screen and (max-width:767px){
.personal-experience-inner .experience-list .resume-single-list .inner .heading,.progress-wrapper .experience-list .resume-single-list .inner .heading{display:block}
}
.personal-experience-inner .experience-list .resume-single-list .inner .heading .title,.progress-wrapper .experience-list .resume-single-list .inner .heading .title{margin-bottom:15px}
.personal-experience-inner .experience-list .resume-single-list .inner .heading .title h4,.progress-wrapper .experience-list .resume-single-list .inner .heading .title h4{color:var(--color-lightn);font-family:var(--font-primary);font-size:24px;line-height:39px;margin-bottom:7px;font-weight:500;transition:var(--transition)}
@media only screen and (max-width:479px){
.personal-experience-inner .experience-list .resume-single-list .inner .heading .title h4,.progress-wrapper .experience-list .resume-single-list .inner .heading .title h4{font-size:21px;line-height:34px}
}
.personal-experience-inner .experience-list .resume-single-list .inner .heading .title span,.progress-wrapper .experience-list .resume-single-list .inner .heading .title span{color:var(--color-body);display:block;font-size:14px}
.personal-experience-inner .experience-list .resume-single-list .inner .heading .date-of-time,.progress-wrapper .experience-list .resume-single-list .inner .heading .date-of-time{display:inline-block}
.personal-experience-inner .experience-list .resume-single-list .inner .heading .date-of-time span,.progress-wrapper .experience-list .resume-single-list .inner .heading .date-of-time span{color:var(--color-primary);display:block;font-size:14px;padding:0 15px;height:36px;line-height:36px;border-radius:6px;background:var(--background-color-1);box-shadow:var(--shadow-1);transition:var(--transition);font-weight:500}
.personal-experience-inner .experience-list .resume-single-list .inner p,.progress-wrapper .experience-list .resume-single-list .inner p{font-size:18px;line-height:28px;color:var(--color-body);transition:var(--transition)}
.personal-experience-inner .experience-list .resume-single-list:hover,.progress-wrapper .experience-list .resume-single-list:hover{background:#212427}
.personal-experience-inner .experience-list .resume-single-list:hover .inner .heading .title h4,.progress-wrapper .experience-list .resume-single-list:hover .inner .heading .title h4{color:var(--color-white)!important}
.personal-experience-inner .experience-list .resume-single-list:hover .inner .heading .list-sub-title,.progress-wrapper .experience-list .resume-single-list:hover .inner .heading .list-sub-title{color:var(--color-white)!important}
.personal-experience-inner .experience-list .resume-single-list:hover .inner .heading .date-of-time span,.progress-wrapper .experience-list .resume-single-list:hover .inner .heading .date-of-time span{background:#1e2025;box-shadow:10px 10px 19px #1c1e22,-10px -10px 19px #222527}
.personal-experience-inner .experience-list .resume-single-list:hover .inner .description,.progress-wrapper .experience-list .resume-single-list:hover .inner .description{color:var(--color-lightn)!important}
.personal-experience-inner .experience-list .resume-single-list:hover .inner::after,.progress-wrapper .experience-list .resume-single-list:hover .inner::after{background:var(--color-primary)!important}
.personal-experience-inner .experience-list .resume-single-list:hover::before,.progress-wrapper .experience-list .resume-single-list:hover::before{opacity:1}
.progress-charts{overflow:hidden}
.progress-charts+.progress-charts{margin-top:30px}
.progress-charts h6.heading{margin-bottom:15px;color:#c3cedd;font-size:12px;text-transform:uppercase;letter-spacing:2px;opacity:.9;font-weight:400}
.progress-charts h6.heading span.percent-label{color:#c3cedd;font-size:12px;text-transform:uppercase;letter-spacing:2px;opacity:.9;font-weight:400}
.progress-charts .progress{height:13px;overflow:visible;font-size:14px;border-radius:10px;padding:3px;background:#212428;box-shadow:inset 8px 8px 16px #00000075,inset -8px -8px 16px #383e4575}
.progress-charts .progress .progress-bar{overflow:visible;position:relative;border-radius:14px;background:var(--color-primary-gradient-from);background:linear-gradient(145deg,var(--color-primary-gradient-from) 0,var(--color-primary-gradient-to) 100%)}
.progress-charts .progress .progress-bar span.percent-label{position:absolute;right:0;top:-22px;font-weight:400;color:#c3cedd;font-size:14px;text-transform:uppercase;letter-spacing:2px;opacity:.9;left:inherit;width:min-content}
.testimonial{outline:0;padding-bottom:25px}
@media only screen and (max-width:575px){
.testimonial{margin-top:35px!important}
}
@media only screen and (max-width:479px){
.testimonial{margin-top:35px!important}
}
.testimonial .inner{display:flex;justify-content:center;margin:0 25px}
@media only screen and (min-width:768px) and (max-width:991px){
.testimonial .inner{display:block}
}
@media only screen and (max-width:767px){
.testimonial .inner{display:block}
}
@media only screen and (max-width:575px){
.testimonial .inner{display:block;margin:0}
}
.testimonial .inner .card-info{margin-right:40px;max-width:395px;min-width:395px;padding:30px 30px 40px 30px;border-radius:10px;background:var(--background-color-1);box-shadow:var(--shadow-1)}
@media only screen and (min-width:992px) and (max-width:1199px){
.testimonial .inner .card-info{min-width:250px;padding:20px}
}
@media only screen and (min-width:768px) and (max-width:991px){
.testimonial .inner .card-info{margin-bottom:30px;padding:20px}
}
@media only screen and (max-width:767px){
.testimonial .inner .card-info{width:100%;max-width:100%;min-width:100%;display:flex;padding:20px;margin-bottom:30px}
}
@media only screen and (max-width:479px){
.testimonial .inner .card-info{margin-right:0;padding:15px}
}
.testimonial .inner .card-info .card-thumbnail{overflow:hidden;border-radius:10px;margin-bottom:27px;display:flex}
@media only screen and (max-width:767px){
.testimonial .inner .card-info .card-thumbnail{max-width:150px;margin-right:25px;margin-bottom:0}
}
.testimonial .inner .card-info .card-thumbnail img{max-width:100%;height:auto;transition:var(--transition);display:inline-block!important;object-fit:cover;width:100%}
.testimonial .inner .card-info .card-thumbnail img:hover{transform:scale(1.1)}
.testimonial .inner .card-info .card-content .subtitle{font-size:12px;color:var(--color-primary);font-weight:500;text-transform:uppercase;letter-spacing:2px;margin-bottom:22px}
.testimonial .inner .card-info .card-content .title{font-size:24px;margin-top:10px;margin-bottom:0;line-height:34px;color:#c4cfde}
@media only screen and (max-width:575px){
.testimonial .inner .card-info .card-content .title{font-size:18px;line-height:27px}
}
.testimonial .inner .card-info .card-content .designation{font-size:14px}
.testimonial .inner .card-description{position:relative;padding:50px 40px 50px 40px;border-radius:10px;background:var(--background-color-1);box-shadow:var(--shadow-1);margin-top:115px;width:100%}
@media only screen and (max-width:479px){
.testimonial .inner .card-description{padding:15px}
}
.testimonial .inner .card-description .title-area{display:flex;justify-content:space-between;align-items:center}
@media only screen and (max-width:479px){
.testimonial .inner .card-description .title-area{display:block}
}
.testimonial .inner .card-description .title-area .title-info{text-align:left}
@media only screen and (max-width:479px){
.testimonial .inner .card-description .title-area .title-info{display:block;margin-bottom:25px}
}
.testimonial .inner .card-description .title-area .title-info .title{font-size:26px;font-weight:500;margin-bottom:10px;color:#c4cfde}
@media only screen and (max-width:767px){
.testimonial .inner .card-description .title-area .title-info .title{font-size:18px;margin-bottom:6px}
}
.testimonial .inner .card-description .title-area .title-info .date{font-weight:500;font-size:16px;color:var(--color-body)}
@media only screen and (max-width:767px){
.testimonial .inner .card-description .title-area .title-info .date{font-size:12px}
}
.testimonial .inner .card-description .title-area .rating{padding:6px 17px;border-radius:6px;background:var(--background-color-1);box-shadow:var(--shadow-1);display:inline-block}
@media only screen and (max-width:767px){
.testimonial .inner .card-description .title-area .rating{padding:15px 25px;display:flex}
}
@media only screen and (max-width:479px){
.testimonial .inner .card-description .title-area .rating{padding:5px 17px 9px 17px;display:inline-block}
}
.testimonial .inner .card-description .title-area .rating ul{display:flex;align-items:center}
.testimonial .inner .card-description .title-area .rating ul li{margin:0;font-weight:700;display:inline-block;position:relative;margin-top:-1px;margin-right:4px}
.testimonial .inner .card-description .title-area .rating ul li i svg{width:10px;height:10px}
.testimonial .inner .card-description .title-area .rating ul li.has-rating i{color:#ffab1a}
.testimonial .inner .card-description .title-area .rating ul li:last-child{margin-right:0}
.testimonial .inner .card-description .title-area .rating img{display:inline-block!important}
@media only screen and (max-width:767px){
.testimonial .inner .card-description .title-area .rating img{margin-right:5px}
}
.testimonial .inner .card-description .seperator{position:relative}
.testimonial .inner .card-description .seperator::after{content:"";position:absolute;width:100%;height:2px;background-color:#1a1d23;top:20px}
.testimonial .inner .card-description .description{margin-top:45px;font-size:18px;line-height:30px}
@media only screen and (max-width:767px){
.testimonial .inner .card-description .description{font-size:16px;line-height:28px}
}
.testimonial .inner .card-description::before{content:"";position:absolute;width:51px;height:5px;background:#181a1d;left:-43px;z-index:-1;top:66px}
@media only screen and (min-width:768px) and (max-width:991px){
.testimonial .inner .card-description::before{display:none}
}
@media only screen and (max-width:767px){
.testimonial .inner .card-description::before{display:none}
}
.testimonial .inner .card-description::after{content:"";position:absolute;width:130px;height:130px;left:0;top:-130px;background:0 0;background-size:cover;z-index:-1;opacity:.5;background-repeat:no-repeat;background-position:center center}
@media only screen and (min-width:768px) and (max-width:991px){
.testimonial .inner .card-description::after{display:none}
}
@media only screen and (max-width:767px){
.testimonial .inner .card-description::after{display:none}
}
@media only screen and (min-width:768px) and (max-width:991px){
.testimonial .inner .card-info{width:100%;max-width:100%;min-width:100%;display:flex;padding:30px}
.testimonial .inner .card-info .card-thumbnail{max-width:150px;margin-right:25px;margin-bottom:0}
.testimonial .inner .card-description{max-width:100%;padding:35px 30px;margin-top:0}
}
@media only screen and (max-width:767px){
.testimonial .inner .card-info{width:100%;max-width:100%;min-width:100%;display:flex;padding:30px}
.testimonial .inner .card-info .card-thumbnail{max-width:100px;margin-right:25px;margin-bottom:0}
.testimonial .inner .card-description{max-width:100%;padding:35px 30px;margin-top:0}
}
@media only screen and (max-width:575px){
.testimonial .inner .card-info{width:100%;max-width:100%;min-width:100%;display:block;padding:20px}
.testimonial .inner .card-info .card-thumbnail{max-width:100%;margin-right:0;margin-bottom:20px}
.testimonial .inner .card-description{max-width:100%;padding:20px;margin-top:0}
}
.tab-navigation-button{float:left;box-shadow:var(--shadow-1);background-color:var(--background-color-1);border-radius:10px;width:100%;height:auto;flex-wrap:nowrap;padding:0}
@media only screen and (min-width:992px) and (max-width:1199px){
.tab-navigation-button{height:auto}
}
@media only screen and (min-width:768px) and (max-width:991px){
.tab-navigation-button{width:100%;float:none;display:inline-block;padding:0;margin-bottom:50px}
}
@media only screen and (max-width:767px){
.tab-navigation-button{width:100%;float:none;display:inline-block;padding:0;margin-bottom:50px}
}
@media only screen and (max-width:575px){
.tab-navigation-button{margin-bottom:35px}
}
.tab-navigation-button .nav-item{margin:0}
.tab-navigation-button .nav-item .nav-link{border:none;font-size:18px;color:var(--color-light);height:90px;border-radius:10px;padding:15px 20px;width:100%;display:flex;margin:0;align-items:center;transition:.3s;justify-content:center}
@media only screen and (min-width:992px) and (max-width:1199px){
.tab-navigation-button .nav-item .nav-link{height:auto;padding:15px 20px}
}
@media only screen and (min-width:768px) and (max-width:991px){
.tab-navigation-button .nav-item .nav-link{height:auto;padding:15px 20px}
}
@media only screen and (max-width:767px){
.tab-navigation-button .nav-item .nav-link{height:auto;padding:15px 20px}
}
.tab-navigation-button .nav-item .nav-link.active,.tab-navigation-button .nav-item .nav-link:focus,.tab-navigation-button .nav-item .nav-link:hover{box-shadow:var(--shadow-1);color:var(--color-primary);background-color:#212428}
.clients-wrapper{width:100%}
.rn-client-area .section-title{text-align:left}
@media only screen and (max-width:767px){
.rn-client-area .section-title{text-align:center!important}
}
.clients-wrapper{width:100%}
.rn-client-area .tab-area{margin:-10px}
.rn-client-area .section-title{text-align:left}
@media only screen and (max-width:767px){
.rn-client-area .section-title{text-align:center!important}
}
.client-card{display:flex;flex-wrap:wrap;margin:0 -15px;margin-top:-30px}
@media only screen and (max-width:479px){
.client-card{padding:0 20px}
}
.client-card .main-content{margin-top:30px;flex-basis:33.33%;padding:0 15px}
@media only screen and (max-width:767px){
.client-card .main-content{flex-basis:50%}
}
@media only screen and (max-width:575px){
.client-card .main-content{flex-basis:50%}
}
@media only screen and (max-width:479px){
.client-card .main-content{flex-basis:100%}
}
.client-card .main-content .inner{background:var(--background-color-1);box-shadow:var(--shadow-1);border-radius:10px;position:relative;z-index:1}
.client-card .main-content .inner::after{content:"";position:absolute;transition:var(--transition);width:100%;height:100%;border-radius:6px;top:0;left:0;background:linear-gradient(to right bottom,#212428,#16181c);opacity:0;z-index:-1;border-radius:8px}
.client-card .main-content .inner:hover::after{opacity:1}
.client-card .main-content .thumbnail{height:150px;align-items:center;display:flex;justify-content:center;padding:30px}
.client-card .main-content .thumbnail a{display:block}
.client-card .main-content .thumbnail img{width:auto;max-height:85px;max-width:180px}
.client-card .main-content .seperator{position:relative;z-index:2}
.client-card .main-content .seperator::after{content:"";position:absolute;width:100%;height:1px;left:50%;transform:translateX(-50%);background-color:#1a1d23;z-index:-1}
.client-card .main-content .client-name{padding:16px;color:var(--color-body)}
.client-card .main-content .client-name a{transition:var(--transition);color:var(--color-body)}
.client-card .main-content .client-name a:hover{color:var(--color-primary)}
.client-card .main-content .client-name a span{color:var(--color-light);font-size:16px}
.navigation-wrapper{margin-left:10px;box-shadow:var(--shadow-1)}
@media only screen and (min-width:768px) and (max-width:991px){
.navigation-wrapper{margin:0}
}
@media only screen and (max-width:767px){
.navigation-wrapper{margin:0}
}
.navigation-wrapper ul{border-radius:10px;align-items:center}
.navigation-wrapper ul.nav{background-color:var(--background-color-1);box-shadow:var(--shadow-1);justify-content:space-between;margin:0;padding:0;border:0}
@media only screen and (max-width:479px){
.navigation-wrapper ul.nav{display:block}
}
.navigation-wrapper ul.nav li{flex-basis:33.33%;margin:0}
.navigation-wrapper ul.nav li.recommended{position:relative}
.navigation-wrapper ul.nav li.recommended::after{content:"";right:40px;top:-23px;position:absolute;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:15px solid #545961;z-index:1}
@media only screen and (max-width:479px){
.navigation-wrapper ul.nav li.recommended::after{display:none}
}
.navigation-wrapper ul.nav li.recommended::before{content:attr(data-recommended-label);position:absolute;top:-50px;right:33px;background:#545961;padding:5px 13px;font-size:12px;border-radius:30px;color:#fff;z-index:2}
@media only screen and (max-width:479px){
.navigation-wrapper ul.nav li.recommended::before{top:-4px;right:0;border-radius:9px}
}
.navigation-wrapper ul.nav li a{text-align:center;display:block;padding:26px 10px;border-radius:6px;transition:var(--transition);font-size:18px;line-height:var(--line-height-b1)}
@media only screen and (min-width:992px) and (max-width:1199px){
.navigation-wrapper ul.nav li a{font-size:16px}
}
.navigation-wrapper ul.nav li a.active,.navigation-wrapper ul.nav li a:focus,.navigation-wrapper ul.nav li a:hover{box-shadow:var(--shadow-1);color:var(--color-primary)}
.navigation-wrapper .tab-content{padding:0 50px 40px 50px}
@media only screen and (min-width:1200px) and (max-width:1599px){
.navigation-wrapper .tab-content{padding:0 20px 20px 20px}
}
@media only screen and (min-width:992px) and (max-width:1199px){
.navigation-wrapper .tab-content{padding:0 40px 40px 40px}
}
@media only screen and (min-width:768px) and (max-width:991px){
.navigation-wrapper .tab-content{padding:0 20px 20px 20px}
}
@media only screen and (max-width:767px){
.navigation-wrapper .tab-content{padding:0 20px 20px 20px}
}
@media only screen and (max-width:479px){
.navigation-wrapper .tab-content{padding:15px 15px}
}
.rn-pricing .pricing-header{display:flex;margin-top:45px;justify-content:space-between;align-items:center;margin-bottom:40px}
@media only screen and (min-width:992px) and (max-width:1199px){
.rn-pricing .pricing-header{margin-top:30px;margin-bottom:30px}
}
@media only screen and (min-width:768px) and (max-width:991px){
.rn-pricing .pricing-header{display:block}
}
@media only screen and (max-width:767px){
.rn-pricing .pricing-header{display:block}
}
@media only screen and (max-width:479px){
.rn-pricing .pricing-header{margin-bottom:25px;margin-top:30px}
}
@media only screen and (max-width:479px){
.rn-pricing .pricing-header .header-left{margin-bottom:25px}
}
.rn-pricing .pricing-header .header-left h2.title{font-size:27px;color:var(--color-lightn);margin-bottom:9px}
@media only screen and (max-width:575px){
.rn-pricing .pricing-header .header-left h2.title{font-size:22px}
}
.rn-pricing .pricing-header .header-left span{color:var(--color-body);font-family:var(--font-secondary)}
@media only screen and (min-width:768px) and (max-width:991px){
.rn-pricing .pricing-header .header-right{margin-top:20px}
}
@media only screen and (max-width:767px){
.rn-pricing .pricing-header .header-right{margin-top:20px}
}
.rn-pricing .pricing-header .header-right span{color:var(--color-primary);font-size:30px;font-weight:600;padding:9px 25px;box-shadow:var(--shadow-1);border-radius:6px;display:inline-block}
.rn-pricing .pricing-body p.description{font-size:18px;line-height:30px;max-width:84%;font-weight:400;color:var(--color-body);font-family:var(--font-primary)}
@media only screen and (min-width:768px) and (max-width:991px){
.rn-pricing .pricing-body p.description{margin-bottom:30px}
}
@media only screen and (max-width:767px){
.rn-pricing .pricing-body p.description{margin-bottom:30px}
}
@media only screen and (max-width:575px){
.rn-pricing .pricing-body p.description{margin-bottom:30px;font-size:16px}
}
.rn-pricing .pricing-body .check-wrapper{justify-content:space-between;display:flex}
.rn-pricing .pricing-body .check-wrapper .left-area{margin-bottom:30px}
.rn-pricing .pricing-body .check-wrapper .check{margin-bottom:15px}
.rn-pricing .pricing-body .check-wrapper .check:last-child{margin-bottom:0}
.rn-pricing .pricing-body .check-wrapper .check i,.rn-pricing .pricing-body .check-wrapper .check svg{margin-top:5px;color:var(--color-lightn);align-items:center;font-size:22px}
.rn-pricing .pricing-body .check-wrapper .check p{margin-left:5px;color:var(--color-lightn);font-weight:400;font-size:18px;font-family:var(--font-secondary)}
@media only screen and (min-width:992px) and (max-width:1199px){
.rn-pricing .pricing-body .check-wrapper .check p{font-size:16px}
}
@media only screen and (min-width:768px) and (max-width:991px){
.rn-pricing .pricing-body .check-wrapper .check p{font-size:16px}
}
@media only screen and (max-width:767px){
.rn-pricing .pricing-body .check-wrapper .check p{font-size:14px}
}
@media only screen and (max-width:575px){
.rn-pricing .pricing-body .check-wrapper .check p{font-size:13px}
}
@media only screen and (max-width:479px){
.rn-pricing .pricing-body .check-wrapper{display:block}
}
.rn-pricing .pricing-footer{text-align:center;margin-top:50px}
@media only screen and (min-width:992px) and (max-width:1199px){
.rn-pricing .pricing-footer{margin-top:30px}
}
@media only screen and (min-width:768px) and (max-width:991px){
.rn-pricing .pricing-footer{margin-top:15px}
}
@media only screen and (max-width:767px){
.rn-pricing .pricing-footer{margin-top:15px}
}
.rn-pricing .pricing-footer .rn-btn{display:flex;margin-bottom:25px;letter-spacing:1px;font-family:var(--font-secondary);padding:20px 0}
.rn-pricing .pricing-footer .rn-btn span{margin-right:5px;font-size:16px}
.rn-pricing .pricing-footer .rn-btn svg{transition:var(--transition)}
.rn-pricing .pricing-footer .rn-btn:hover svg{margin-left:10px}
.rn-pricing .pricing-footer .time-line{justify-content:center;display:flex}
@media only screen and (max-width:479px){
.rn-pricing .pricing-footer .time-line{display:block!important;padding-left:5px}
}
.rn-pricing .pricing-footer .time-line .single-cmt{margin-right:15px;display:flex;align-items:center}
@media only screen and (max-width:479px){
.rn-pricing .pricing-footer .time-line .single-cmt:nth-child(2){margin-top:5px}
}
.rn-pricing .pricing-footer .time-line .single-cmt i,.rn-pricing .pricing-footer .time-line .single-cmt svg{width:14px;margin-right:7px;color:#9ca5b1;margin-top:2px;font-size:14px}
.rn-pricing .pricing-footer .time-line .single-cmt span{font-size:12px;font-weight:500;color:#9ca5b1;margin-top:5px;letter-spacing:1px;font-family:var(--font-secondary)}
@media only screen and (max-width:479px){
.rn-pricing .pricing-footer .time-line .single-cmt span{font-size:12px}
}
@media only screen and (min-width:768px) and (max-width:991px){
.rn-pricing-area .section-title{margin-bottom:50px}
}
@media only screen and (max-width:767px){
.rn-pricing-area .section-title{margin-bottom:50px}
}
@media only screen and (max-width:479px){
.rn-pricing-area .section-title{margin-bottom:10px}
}
.rn-pricing-area .section-title h2.title{margin-bottom:0}
.sticky-top{z-index:2!important;position:-webkit-sticky}
.contact-about-area{padding:30px;box-shadow:var(--shadow-1);border-radius:10px;background-color:#212428;height:100%}
@media only screen and (min-width:992px) and (max-width:1199px){
.contact-about-area{height:auto}
}
@media only screen and (min-width:768px) and (max-width:991px){
.contact-about-area{margin-bottom:50px;height:auto}
}
@media only screen and (max-width:767px){
.contact-about-area{margin-bottom:0;padding:50px 20px;height:auto}
}
.contact-about-area .thumbnail{margin-bottom:28px;overflow:hidden;border-radius:10px}
.contact-about-area .thumbnail img{width:100%;height:auto;transition:var(--transition)}
.contact-about-area .title-area{margin-bottom:15px}
.contact-about-area .title-area h4.title{font-size:29px;line-height:44px;color:var(--color-light);margin-bottom:9px}
@media only screen and (max-width:479px){
.contact-about-area .title-area h4.title{font-size:20px}
}
.contact-about-area .description{margin-bottom:39px}
.contact-about-area .description p{font-size:18px;font-weight:400;color:var(--color-body);font-family:var(--font-primary);line-height:30px;display:inline-block;margin-bottom:20px}
.contact-about-area .description span{display:block}
@media only screen and (max-width:767px){
.contact-about-area .description span{font-size:16px}
}
.contact-about-area .description span a{transition:var(--transition);position:relative;color:var(--color-lightn);font-weight:400}
.contact-about-area .description span a::before{content:"";position:absolute;width:0%;background-color:var(--color-primary);height:1px;left:0;bottom:2px;transition:var(--transition);z-index:10}
.contact-about-area .description span a:hover{color:var(--color-primary)}
.contact-about-area .description span a:hover::before{width:100%}
.contact-about-area .social-area .name{font-size:14px;font-family:var(--font-secondary);font-weight:500;color:var(--color-body);margin-bottom:8px}
.contact-about-area .social-area .social-icone{margin:-15px;margin-top:24px}
@media only screen and (max-width:767px){
.contact-about-area .social-area .social-icone{margin:-5px;margin-top:24px}
}
.contact-about-area .social-area .social-icone a{width:61px;height:61px;line-height:62px;margin:15px;box-shadow:var(--shadow-1);border-radius:6px;transition:var(--transition);display:inline-block;text-align:center;font-size:20px;color:var(--color-lightn)}
@media only screen and (max-width:767px){
.contact-about-area .social-area .social-icone a{margin:5px}
}
.contact-about-area .social-area .social-icone a::before{content:"";position:absolute;transition:var(--transition);width:100%;height:100%;border-radius:6px;top:0;left:0;background:linear-gradient(to right bottom,#212428,#16181c);opacity:0;z-index:-1}
.contact-about-area .social-area .social-icone a svg{stroke-width:2;width:20px;color:var(--color-lightn);transition:var(--transition)}
.contact-about-area .social-area .social-icone a:hover{transform:translateY(-5px);color:var(--color-primary)}
.contact-about-area .social-area .social-icone a:hover svg{color:var(--color-white)}
.contact-about-area .social-area .social-icone a:hover::before{opacity:1}
.contact-about-area:hover .thumbnail img{transform:scale(1.1)}
.contact-form-wrapper{box-shadow:var(--shadow-1);padding:30px;border-radius:10px;margin-left:20px;height:100%}
@media only screen and (min-width:992px) and (max-width:1199px){
.contact-form-wrapper{margin-left:0}
}
@media only screen and (min-width:768px) and (max-width:991px){
.contact-form-wrapper{margin:0;margin-top:0}
}
@media only screen and (max-width:767px){
.contact-form-wrapper{margin:0;margin-top:40px}
}
@media only screen and (max-width:479px){
.contact-form-wrapper{padding:20px}
}
.contact-form-wrapper label{font-size:12px;color:#a0a8b3;font-weight:500;letter-spacing:1px;text-transform:uppercase;font-family:var(--font-secondary);margin-bottom:14px;text-align:left;display:block}
.contact-form-wrapper input{background-color:#191b1e;border-radius:6px;height:55px;transition:var(--transition);border:2px solid #191b1e;padding:0 15px;font-size:14px;font-family:var(--font-secondary);color:var(--color-lightn)!important;box-shadow:var(--inner-shadow);letter-spacing:1px}
@media only screen and (max-width:479px){
.contact-form-wrapper input{margin-bottom:15px}
}
.contact-form-wrapper input:focus{background:#191b1e}
.contact-form-wrapper textarea{min-height:216px;background-color:#191b1e;border-radius:6px;padding:0;transition:var(--transition);border:2px solid #191b1e;padding:10px 15px;font-size:14px;line-height:18px;font-family:var(--font-secondary);color:var(--color-lightn);box-shadow:var(--inner-shadow);letter-spacing:1px;resize:none}
@media only screen and (max-width:767px){
.contact-form-wrapper textarea{min-height:150px}
}
.contact-form-wrapper textarea:focus{border-color:var(--color-primary);box-shadow:none}
.contact-form-wrapper .introduce{display:flex;justify-content:space-between}
.contact-form-wrapper .introduce input{width:100%;transition:.4s}
.contact-form-wrapper a.rn-btn span{font-size:16px;font-weight:500;letter-spacing:1px;font-family:var(--font-secondary);transform:var(--transition);margin-left:5px}
.contact-form-wrapper a.rn-btn svg{transition:var(--transition)}
.contact-form-wrapper a:hover svg{margin-left:10px}
@media only screen and (max-width:479px){
.contact-form-wrapper .rn-btn{display:block;text-align:center}
}
.wpcf7 form .wpcf7-response-output{margin:0;margin-bottom:20px}
.rnt-contact-form{padding-bottom:10px}
.portfolio-popup-thumbnail img{border-radius:10px}
.carousel-item img{width:100%}
.carousel-control-next,.carousel-control-prev{display:flex;align-items:center;justify-content:center;color:var(--color-heading);text-align:center;transition:.4s;width:60px;height:60px;top:50%;transform:translateY(-50%);border-radius:50%;box-shadow:var(--shadow-1);background-color:#212428;line-height:1;opacity:0}
.carousel-control-prev{left:0}
.carousel-control-next{right:0;left:auto}
.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}
@media (prefers-reduced-motion:reduce){
.carousel-item{transition:none}
}
.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}
.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}
.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}
.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}
.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}
.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}
@media (prefers-reduced-motion:reduce){
.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}
}
.footer-area h4 span{padding:20px 23px;box-shadow:var(--shadow-1);display:inline-block;border-radius:50%;font-size:30px;line-height:30px;color:var(--color-primary);margin-bottom:23px}
.footer-area .description{font-size:17px;color:var(--color-body);font-family:var(--font-primary)}
.footer-area .description a{color:var(--color-body);transition:var(--transition);position:relative;display:inline-block}
.footer-area .description a::before{position:absolute;content:"";width:0%;height:1px;background-color:var(--color-primary);left:0;bottom:3px;transition:var(--transition)}
.footer-area .description a:hover{color:var(--color-primary)}
.footer-area .description a:hover::before{width:100%}
.footer-area .logo a img{max-height:100px}
.footer-style-2 .copyright .description{color:var(--color-body);font-size:18px}
@media only screen and (max-width:575px){
.footer-style-2 .copyright .description{padding:0 44px}
}
@media only screen and (max-width:479px){
.footer-style-2 .copyright .description{padding:0 30px}
}
.footer-style-2 .copyright .description a{color:var(--color-body);transition:var(--transition);position:relative;display:inline-block}
.footer-style-2 .copyright .description a::before{position:absolute;content:"";width:0%;height:1px;background-color:var(--color-primary);left:0;bottom:3px;transition:var(--transition)}
.footer-style-2 .copyright .description a:hover{color:var(--color-primary)}
.footer-style-2 .copyright .description a:hover::before{width:100%}
.footer-style-2 .widget_media_image{margin-bottom:35px}
@media only screen and (max-width:575px){
.footer-style-2 .widget_media_image{text-align:left}
}
.footer-style-2 .widget_media_image img{max-width:100%}
@media only screen and (max-width:575px){
.footer-style-2 .social-icone-wrapper .social-share{justify-content:left}
}
.footer-style-2 .social-icone-wrapper .social-share li{margin:0 25px 25px 0}
.footer-style-2 .social-icone-wrapper .social-share li a{display:inline-block;width:60px;height:60px;line-height:64px;text-align:center;font-size:14px;letter-spacing:2px;text-transform:uppercase;border-radius:6px;transition:var(--transition);background:var(--background-color-1);box-shadow:var(--shadow-1);position:relative}
.footer-style-2 .social-icone-wrapper .social-share li a::after{content:"";position:absolute;transition:var(--transition);width:100%;height:100%;border-radius:6px;top:0;left:0;background:linear-gradient(to right bottom,#212428,#16181c);opacity:0;z-index:-1}
.footer-style-2 .social-icone-wrapper .social-share li a:hover{transform:translateY(-3px)}
.footer-style-2 .social-icone-wrapper .social-share li a:hover::after{opacity:1}
.footer-style-2 .social-icone-wrapper .social-share li a svg{color:var(--color-lightn);transition:var(--transition);stroke-width:2;position:relative;z-index:2;width:20px}
.footer-style-2 .ft-widget-list-wrapper{margin-left:0}
@media only screen and (min-width:768px) and (max-width:991px){
.footer-style-2 .ft-widget-list-wrapper{margin-left:0;margin-top:30px}
}
@media only screen and (max-width:767px){
.footer-style-2 .ft-widget-list-wrapper{margin-left:0}
}
@media only screen and (max-width:575px){
.footer-style-2 .ft-widget-list-wrapper{text-align:left}
}
.footer-style-2 .ft-widget-list-wrapper .menu-title h6{font-size:18px;text-transform:uppercase;color:var(--color-primary);font-weight:500}
@media only screen and (max-width:575px){
.footer-style-2 .ft-widget-list-wrapper .menu-title h6{margin-bottom:0}
}
.footer-style-2 .ft-widget-list-wrapper .menu-footer{padding:0;margin-left:0}
@media only screen and (max-width:575px){
.footer-style-2 .ft-widget-list-wrapper .menu-footer{margin-top:0}
}
.footer-style-2 .ft-widget-list-wrapper .menu-footer li{margin-bottom:8px;list-style:none}
.footer-style-2 .ft-widget-list-wrapper .menu-footer li a{font-size:17px;font-weight:400;transition:var(--transition);color:var(--color-lightn);position:relative;display:inline-block;padding:0}
@media only screen and (max-width:767px){
.footer-style-2 .ft-widget-list-wrapper .menu-footer li a{font-size:16px}
}
.footer-style-2 .ft-widget-list-wrapper .menu-footer li a::after{position:absolute;content:"";width:0%;height:1px;background-color:var(--color-primary);left:0;bottom:3px;transition:var(--transition)}
.footer-style-2 .ft-widget-list-wrapper .menu-footer li a:hover{color:var(--color-primary)!important}
.footer-style-2 .ft-widget-list-wrapper .menu-footer li a:hover::after{width:100%}
.footer-style-2 .copyright .description a::after{display:none}
.footer-style-2 .ft-widget-list-wrapper{margin-top:-40px}
.footer-style-2 .ft-widget-list-wrapper .menu-footer{margin-top:40px}
.footer-style-2 .ft-widget-list-wrapper .menu-footer .menu-wrapper ul{padding:0;margin-left:0}
.footer-style-2 .ft-widget-list-wrapper .menu-footer .menu-wrapper ul ul{padding-left:20px}
.rn-portfolio{text-align:left;padding:30px;position:relative;border-radius:20px;background:var(--background-color-1);box-shadow:var(--shadow-1);position:relative;z-index:1;height:100%;transition:.5s all ease-in-out}
@media only screen and (min-width:768px) and (max-width:991px){
.rn-portfolio{padding:30px}
}
@media only screen and (max-width:479px){
.rn-portfolio{padding:20px}
}
.rn-portfolio .inner{position:relative}
.rn-portfolio .inner .thumbnail{overflow:hidden;border-radius:10px}
.rn-portfolio .inner .thumbnail a{display:block;overflow:hidden;border-radius:10px}
.rn-portfolio .inner .thumbnail img{width:100%;transition:var(--transition);height:auto;object-fit:cover}
@media only screen and (min-width:768px) and (max-width:991px){
.rn-portfolio .inner .thumbnail img{height:inherit}
}
.rn-portfolio .inner .thumbnail video{border-radius:10px;height:100%;transition:var(--transition);object-fit:cover;width:100%}
.rn-portfolio .inner .content{padding-top:18px}
.rn-portfolio .inner .content .category-info{display:flex;justify-content:space-between;padding-bottom:10px}
.rn-portfolio .inner .content .category-info .category-list{display:flex;flex-wrap:wrap;align-items:center;color:var(--color-separator);font-size:11px;margin:-5px}
.rn-portfolio .inner .content .category-info .category-list a,.rn-portfolio .inner .content .category-info .category-list span{color:var(--color-primary);font-weight:500;font-family:var(--font-primary);font-size:12px;letter-spacing:1px;text-transform:uppercase;display:block;display:inline-block;padding:5px}
.rn-portfolio .inner .content .category-info .meta span{color:var(--color-lightn);font-weight:500;font-family:var(--font-primary);font-size:13px}
.rn-portfolio .inner .content .category-info .meta span i{margin-right:2px;font-size:13px;transition:var(--transition)}
.rn-portfolio .inner .content .category-info .meta span a i{margin-right:5px;font-size:13px;transition:var(--transition)}
.rn-portfolio .inner .content .title{margin:0;transition:var(--transition)}
.rn-portfolio .inner .content .title a,.rn-portfolio .inner .content .title span{transition:var(--transition);color:var(--color-lightn);font-weight:600;font-size:23px;line-height:34px;display:block}
@media only screen and (min-width:992px) and (max-width:1199px){
.rn-portfolio .inner .content .title a,.rn-portfolio .inner .content .title span{font-size:20px;line-height:30px}
}
@media only screen and (min-width:768px) and (max-width:991px){
.rn-portfolio .inner .content .title a,.rn-portfolio .inner .content .title span{font-size:20px;line-height:30px}
}
@media only screen and (max-width:767px){
.rn-portfolio .inner .content .title a,.rn-portfolio .inner .content .title span{font-size:20px;line-height:30px}
}
.rn-portfolio .inner .content .title a i,.rn-portfolio .inner .content .title span i{font-size:0;position:relative;top:10px;transition:var(--transition);opacity:0}
.rn-portfolio .inner .content .title:hover a,.rn-portfolio .inner .content .title:hover span{color:var(--color-primary)}
.rn-portfolio .inner .content .title:hover a i,.rn-portfolio .inner .content .title:hover span i{color:var(--color-primary);top:3px;opacity:1;font-size:23px}
.rn-portfolio .inner .preview-type{position:absolute;right:12px;top:12px;z-index:5;display:inline-block;line-height:1;color:#fff;opacity:.3;pointer-events:none}
.rn-portfolio::before{content:"";position:absolute;transition:var(--transition);width:100%;height:100%;border-radius:20px;top:0;left:0;background:linear-gradient(to right bottom,#212428,#16181c);opacity:0;z-index:-1}
.rn-portfolio:hover::before{opacity:1}
.rn-portfolio:hover .thumbnail img{transform:scale(1.1)}
.rn-portfolio:hover video{transform:scale(1.1)}
.portfolio-style-three .carousel-control-prev{left:-30px}
.portfolio-style-three .carousel-control-next{right:-30px;left:auto}
.portfolio-style-three .carousel-control-next,.portfolio-style-three .carousel-control-prev{width:20px;height:20px;top:50%;padding:30px;border-radius:50%;background:linear-gradient(to right bottom,#212428,#16181c);box-shadow:var(--shadow-1);opacity:1}
.portfolio-style-three .carousel-control-next svg,.portfolio-style-three .carousel-control-prev svg{width:40px;height:40px;z-index:100;color:var(--color-primary)}
.portfolio-style-three .carousel.slide{padding-bottom:0}
.portfolio-style-three .carousel .carousel-inner{padding:0 10px}
.rn-portfolio a.like-button{padding:5px 10px;border-radius:6px;display:flex;align-items:center}
.rn-portfolio a.like-button:hover{background:rgba(0,0,0,.2)}
.info-list{margin-bottom:0;margin-top:24px}
.info-list ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;margin-left:-30px;margin-right:-30px}
@media only screen and (min-width:768px) and (max-width:991px){
.info-list ul{margin-left:-10px;margin-right:-10px}
}
@media only screen and (max-width:767px){
.info-list ul{margin-left:-10px;margin-right:-10px}
}
.info-list ul li{flex-basis:50%;margin:8px 0;padding-left:30px;padding-right:30px;display:flex}
@media only screen and (min-width:768px) and (max-width:991px){
.info-list ul li{padding-left:10px;padding-right:10px}
}
@media only screen and (max-width:767px){
.info-list ul li{padding-left:10px;padding-right:10px}
}
@media only screen and (max-width:575px){
.info-list ul li{flex-basis:100%}
}
.info-list ul li>strong{padding-right:5px;color:var(--color-heading);position:relative;padding-right:7px;margin-right:10px;font-weight:500}
.info-list ul li>strong::after{position:absolute;content:":";right:0}
.testimonial-activation{position:relative;margin:0 80px}
@media only screen and (min-width:992px) and (max-width:1199px){
.testimonial-activation{margin:0}
}
@media only screen and (min-width:768px) and (max-width:991px){
.testimonial-activation{margin:0}
}
@media only screen and (max-width:767px){
.testimonial-activation{margin:0}
}
.backto-top{opacity:0}
.backto-top>div{position:fixed;bottom:50px;right:30px;cursor:pointer;z-index:999;width:50px;height:50px;line-height:46px;border-radius:50%;background-color:#212428;text-align:center;z-index:999!important;box-shadow:var(--shadow-1);display:flex;align-items:center;justify-content:center}
@media only screen and (min-width:768px) and (max-width:991px){
.backto-top>div{bottom:30px}
}
@media only screen and (max-width:767px){
.backto-top>div{bottom:10px;right:10px}
}
.backto-top>div::after{content:"";position:absolute;transition:var(--transition);width:100%;height:100%;border-radius:50%;top:0;left:0;background:linear-gradient(to right bottom,#212428,#16181c);opacity:0;z-index:-1}
.backto-top i{color:var(--color-primary);position:relative;z-index:1;font-size:20px}
.backto-top.position-left>div{right:auto;left:30px}
.social-share{margin:-5px;flex-wrap:wrap}
.social-share li{margin:5px}
.social-share li i,.social-share li svg{color:var(--color-lightn);transition:var(--transition);stroke-width:2;position:relative;z-index:2;width:20px;font-size:20px;display:flex;align-items:center;justify-content:center;height:100%;margin:0 auto}
.social-share li a{display:inline-block;width:60px;height:60px;line-height:60px;text-align:center;font-size:14px;letter-spacing:2px;text-transform:uppercase;border-radius:6px;transition:var(--transition);background:var(--background-color-1);box-shadow:var(--shadow-1);position:relative}
.social-share li a::before{content:"";position:absolute;transition:var(--transition);width:100%;height:100%;border-radius:6px;top:0;left:0;background:linear-gradient(to right bottom,#212428,#16181c);opacity:0;z-index:-1}
.social-share li a:hover{transform:translateY(-3px)}
.social-share li a:hover svg{color:var(--color-white)}
.social-share li a:hover::before{opacity:1}
.rbt-intro-video-card-wrapper{position:fixed;z-index:1000;right:20px;bottom:20px;width:160px;height:208px;transition:all .25s ease-in-out;border-radius:16px;opacity:1;background:linear-gradient(145deg,#1e2024,#23272b);box-shadow:0 20px 48px rgba(0,0,0,.1);cursor:pointer}
.rbt-intro-video-card-wrapper.position-left{right:auto;left:20px}
.rbt-intro-video-card-wrapper.position-left .card-greeting{left:calc(100% - 32px);right:auto;border-radius:20px 20px 20px 5px}
.rbt-intro-video-card-wrapper.position-left .rbt-iv-close-button{left:-10px;right:auto;box-shadow:var(--shadow-2)}
.rbt-intro-video-card-wrapper.position-left .play-button{left:35px;right:auto}
.rbt-intro-video-card-wrapper.position-left .sound-button{left:5px;right:auto}
.rbt-video-controls{opacity:0;transition:.3s}
.rbt-intro-video-card-wrapper:hover .rbt-video-controls{opacity:1}
.rbt-video-inner{width:100%;height:100%;padding:8px;position:relative}
.rbt-video-progress-container{position:relative;width:100%;height:100%}
.rbt-video-element{display:block;width:100%;height:100%;margin:0 auto;border-radius:8px;-o-object-fit:cover;object-fit:cover;background:rgba(255,255,255,.1)}
.card-greeting{position:absolute;z-index:1;top:20px;left:auto;align-items:center;justify-content:center;min-width:72px;width:max-content;min-height:36px;-webkit-animation:bounce-fade .4s;animation:bounce-fade .4s;-webkit-animation-delay:.4s;animation-delay:.4s;border-radius:20px 20px 5px;opacity:1;background:var(--color-primary);box-shadow:2px 2px 20px rgba(0,0,0,.15);text-align:center;animation-fill-mode:forwards;display:flex;padding:5px 10px;right:calc(100% - 32px)}
.card-greeting p{color:#fff;line-height:20px}
.expand-icon,.play-button,.sound-button{position:absolute;color:#fff;width:30px;height:30px;text-align:center;line-height:32px;font-size:16px;border-radius:100px;transition:.3s;filter:drop-shadow(1px 1px 2px rgba(0, 0, 0, .2))}
.expand-icon:hover,.play-button:hover,.sound-button:hover{background:rgba(0,0,0,.2)}
.play-button{right:35px;top:5px}
.sound-button{right:5px;top:5px}
.expand-icon{right:5px;bottom:5px}
.expand-icon i{font-size:20px}
.expand-icon:hover{transform:scale(1.3)}
.rbt-iv-close-button{position:absolute;right:-10px;top:-10px;background:linear-gradient(to right bottom,#212428,#16181c);box-shadow:var(--shadow-1);display:inline-block;width:30px;height:30px;color:var(--color-primary);font-size:16px;text-align:center;line-height:32px;border-radius:100%;opacity:1;transition:.3s;transform:scale(.8)}
.rbt-iv-close-button i{font-weight:900}
.rbt-intro-video-card-wrapper:hover .rbt-iv-close-button{opacity:1}
.rbt-iv-top-wrapper{display:block;position:absolute;bottom:0;left:0;right:0;z-index:50;pointer-events:none;display:none}
.rbt-iv-progress-bar{position:relative;overflow:hidden;width:100%;height:5px;margin-bottom:0;cursor:pointer;background:rgba(0,0,0,0);border-radius:0 0 8px 8px}
.rbt-iv-progress-bar span{position:absolute;top:0;left:0;display:block;width:0;height:100%}
.rbt-iv-progress-bar .time-bar{z-index:10;background:var(--color-primary)}
.rbt-iv-progress-bar .buffer-bar{z-index:5;background:var(--color-primary);opacity:.3}
.rn-blog{margin-top:30px;text-align:left;position:relative;position:relative;z-index:1;height:100%;transition:.5s all ease-in-out}
.rn-blog .inner{text-align:left;padding:30px;padding-bottom:34px;position:relative;border-radius:20px;background:var(--background-color-1);box-shadow:var(--shadow-1);position:relative;z-index:1;transition:.5s all ease-in-out}
@media only screen and (max-width:479px){
.rn-blog .inner{padding:20px;padding-bottom:24px}
}
.rn-blog .inner::before{content:"";position:absolute;transition:var(--transition);width:100%;height:100%;border-radius:20px;top:0;left:0;background:linear-gradient(to right bottom,#212428,#16181c);opacity:0;z-index:-1}
.rn-blog .inner .content p{margin-bottom:0;margin-top:14px}
.rn-blog .thumbnail{margin-bottom:25px}
.rn-blog .thumbnail a{display:block;overflow:hidden;border-radius:10px}
.rn-blog .thumbnail a img{transition:var(--transition);height:auto;object-fit:cover}
@media only screen and (min-width:992px) and (max-width:1199px){
.rn-blog .thumbnail a img{width:100%}
}
@media only screen and (min-width:768px) and (max-width:991px){
.rn-blog .thumbnail a img{height:inherit;width:100%}
}
@media only screen and (max-width:767px){
.rn-blog .thumbnail a img{width:100%}
}
.rn-blog .thumbnail a video{border-radius:10px;height:100%;transition:var(--transition);object-fit:cover;width:100%}
@media only screen and (max-width:479px){
.rn-blog .thumbnail a{display:inline-flex}
}
.rn-blog .title{margin:0;font-weight:700;font-size:24px;line-height:1.6}
.rn-blog .title .title-only-popup,.rn-blog .title a{transition:var(--transition);color:var(--color-lightn);font-weight:600;font-size:23px;line-height:34px;display:inline-block}
@media only screen and (max-width:479px){
.rn-blog .title .title-only-popup,.rn-blog .title a{font-size:20px;line-height:30px}
}
.rn-blog .title .title-only-popup i,.rn-blog .title a i{font-size:0;position:relative;top:10px;transition:var(--transition);opacity:0}
.rn-blog .title .title-only-popup:hover,.rn-blog .title a:hover{color:var(--color-primary)!important}
.rn-blog .title:hover .title-only-popup,.rn-blog .title:hover a{color:var(--color-primary)}
.rn-blog .title:hover .title-only-popup i,.rn-blog .title:hover a i{color:var(--color-primary);top:3px;opacity:1;font-size:23px}
.rn-blog .category-info{display:flex;justify-content:space-between;padding-bottom:10px}
.rn-blog .category-info .category-list{display:flex;flex-wrap:wrap;align-items:center;margin:-4px;flex-basis:65%;color:var(--color-separator);font-size:12px}
.rn-blog .category-info .category-list a,.rn-blog .category-info .category-list span{color:var(--color-primary);font-weight:500;font-family:var(--font-primary);font-size:12px;letter-spacing:1px;text-transform:uppercase;display:inline-block;position:relative;padding:4px}
.rn-blog .category-info .meta{display:flex;flex-basis:35%;justify-content:flex-end}
.rn-blog .category-info .meta span{color:var(--color-lightn);font-weight:500;font-family:var(--font-primary);font-size:13px}
.rn-blog .category-info .meta span i{margin-right:2px;font-size:13px;transition:var(--transition)}
.rn-blog .category-info .meta span a i{margin-right:2px;font-size:13px;transition:var(--transition)}
.rn-blog:hover .inner::before{opacity:1}
.rn-blog:hover .thumbnail a img{transform:scale(1.1)}
.rn-blog:hover video{transform:scale(1.1)}
ul.meta{display:flex;margin:0 -12px;flex-wrap:wrap;position:relative;padding-left:0}
@media only screen and (max-width:767px){
ul.meta{margin:0 -7px;padding:0}
}
@media only screen and (min-width:768px) and (max-width:991px){
ul.meta{padding:0}
}
ul.meta li{font-size:14px;line-height:1.3;color:var(--color-body);margin:0 12px;margin-bottom:5px;position:relative}
@media only screen and (max-width:767px){
ul.meta li{font-size:14px;margin:0 7px;margin-bottom:10px}
}
ul.meta li a{color:var(--color-body);display:inline-block;line-height:22px}
ul.meta li a:hover{color:var(--color-primary)}
ul.meta li i,ul.meta li svg{margin-right:8px;font-size:14px}
figure{margin-bottom:30px;font-size:16px;line-height:1.7}
figcaption{text-align:center;margin-top:10px;font-size:15px;color:var(--color-dark-alt);letter-spacing:.5px}
.wp-block-image{max-width:100%;margin-bottom:30px;border-radius:10px;overflow:hidden}
.wp-block-image figcaption{caption-side:bottom;margin:20px 0 0;font-size:16px}
.wp-block-image figcaption a{text-decoration:none;color:var(--color-heading)}
.wp-block-image figcaption a:hover{color:var(--color-primary)}
.wp-block-image a{transition:.3s}
.wp-block-image a:hover{color:var(--color-primary)}
.wp-block-image figcaption{color:var(--color-body);font-size:15px;text-align:center}
.wp-block-image figcaption,figcaption{margin:10px 0 0;line-height:1.7;color:var(--color-body)}
.wp-block-image figcaption a,figcaption a{color:var(--color-body)}
.wp-block-quote,blockquote{padding:40px 40px 40px 100px;position:relative;font-size:20px;line-height:1.7;font-style:italic;background:0 0;border-radius:5px;margin:30px 0;font-weight:500;color:var(--color-heading);z-index:1;border:0 none;background:var(--background-color-1);box-shadow:var(--shadow-1)}
@media only screen and (min-width:768px) and (max-width:991px){
.wp-block-quote,blockquote{padding:20px;padding-left:40px}
}
@media only screen and (max-width:767px){
.wp-block-quote,blockquote{padding:20px;padding-left:40px}
}
@media only screen and (max-width:767px){
.wp-block-quote,blockquote{margin:20px 0}
}
@media only screen and (min-width:768px) and (max-width:991px){
blockquote::before{top:7px;left:0;font-size:48px}
}
@media only screen and (max-width:767px){
.wp-block-quote::before,blockquote::before{top:7px;left:0;font-size:48px}
}
.wp-block-quote::after,blockquote::after{content:"";position:absolute;transition:var(--transition);width:100%;height:100%;border-radius:10px;top:0;left:0;background:linear-gradient(to right bottom,#212428,#16181c);opacity:1;z-index:-1;border-radius:5px}
.wp-block-quote p,blockquote p{margin-bottom:0;font-style:normal;font-size:20px;line-height:1.7;font-weight:500;color:var(--color-heading)}
.wp-block-columns{margin-bottom:30px}
.wp-block-column>:last-child{margin-bottom:0}
.wp-block-column>:first-child{margin-top:0}
.wp-block-image:not(.is-style-rounded) img,.wp-block-image:not(.is-style-rounded)>a{border-radius:10px}
#content[tabindex="-1"]:focus{outline:0}
.sticky{display:block}
embed,iframe{max-width:100%}
.gallery{margin-bottom:1.5em}
.post-thumbnail a img{object-fit:cover}
.no_has_Shadow li{box-shadow:none!important}
.no_has_Shadow li a{box-shadow:none!important}
.footer-style-2.footer-style-3 .menu-wrapper{margin-left:0}
.header-wrapper{-webkit-transition:var(--transition);transition:var(--transition)}
body .header-wrapper{height:auto}
.tricoders-title-3.elementor-widget-tricoders-title,.tricoders-title-3.elementor-widget-tricoders-title>.elementor-widget-container{height:100%}
.mainmenu-nav .primary-menu li.current a{opacity:1!important;color:var(--color-white)}
.divider-separator{background:#121415;height:1px;display:inline-block}
.dark-version .divider-separator{background:#121415;height:1px}
.contact-about-area .description{margin-bottom:30px}
body{--wp--preset--color--black:#000000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#ffffff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--color--inbio-primary:#ff014f;--wp--preset--color--inbio-secondary:#FFDC60;--wp--preset--color--inbio-tertiary:#FAB8C4;--wp--preset--color--inbio-white:#ffffff;--wp--preset--color--inbio-dark:#27272E;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small:12px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:50px;--wp--preset--spacing--20:0.44rem;--wp--preset--spacing--30:0.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined:6px 6px 0px -3px rgba(255, 255, 255, 1),6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp:6px 6px 0px rgba(0, 0, 0, 1)}
body .is-layout-flex{display:flex}
body .is-layout-flex{flex-wrap:wrap;align-items:center}
body .is-layout-flex>*{margin:0}
.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}
.wp-block-image{margin:0 0 1em}
.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}
.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}
.wp-block-quote.has-text-align-center{border:none;padding-left:0}
.top-header{position:fixed;top:0;z-index:999999;width:100%;background-color:#f1f1f100}
.top-progress-container{width:100%;height:8px;background:#cccccc00}
.top-progress-bar{height:8px;background:#ff014f;width:0%}
::-webkit-scrollbar{width:15px}
::-webkit-scrollbar-track{background:#00000000}
::-webkit-scrollbar-thumb{background:#ff014f}
::-webkit-scrollbar-thumb:hover{background:#ff014f60}
.wp-container-10.wp-container-10,.wp-container-14.wp-container-14,.wp-container-20.wp-container-20,.wp-container-26.wp-container-26,.wp-container-4.wp-container-4{flex-wrap:nowrap}
.wp-block-gallery.wp-block-gallery-15,.wp-block-gallery.wp-block-gallery-21,.wp-block-gallery.wp-block-gallery-27,.wp-block-gallery.wp-block-gallery-5{--wp--style--unstable-gallery-gap:var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );gap:var(--wp--style--gallery-gap-default,var(--gallery-block--gutter-size,var(--wp--style--block-gap,.5em)))}
.elementor-3192 .elementor-element.elementor-element-0e78320>.elementor-element-populated{padding:0 30px 0 0}
.elementor-3192 .elementor-element.elementor-element-25e00e0>.elementor-element-populated{padding:0 0 0 30px}
@media(max-width:1024px){
.elementor-3192 .elementor-element.elementor-element-0e78320>.elementor-element-populated{padding:0 15px 0 10px}
.elementor-3192 .elementor-element.elementor-element-25e00e0>.elementor-element-populated{padding:0 10px 0 15px}
}
@media(max-width:767px){
.elementor-3192 .elementor-element.elementor-element-0e78320>.elementor-element-populated{padding:10px 10px 10px 10px}
.elementor-3192 .elementor-element.elementor-element-25e00e0>.elementor-element-populated{padding:10px 10px 10px 10px}
}
.elementor-3403 .elementor-element.elementor-element-7163580>.elementor-element-populated{padding:0 30px 0 0}
.elementor-3403 .elementor-element.elementor-element-87cb9d8>.elementor-element-populated{padding:0 0 0 30px}
@media(max-width:1024px){
.elementor-3403 .elementor-element.elementor-element-7163580>.elementor-element-populated{padding:0 15px 0 10px}
.elementor-3403 .elementor-element.elementor-element-87cb9d8>.elementor-element-populated{padding:0 10px 0 15px}
}
@media(max-width:767px){
.elementor-3403 .elementor-element.elementor-element-7163580>.elementor-element-populated{padding:10px 10px 10px 10px}
.elementor-3403 .elementor-element.elementor-element-87cb9d8>.elementor-element-populated{padding:10px 10px 10px 10px}
}
.elementor-83 .elementor-element.elementor-element-423f9cb{padding:40px 0 0 0}
.elementor-83 .elementor-element.elementor-element-9a62d94>.elementor-element-populated{padding:0 30px 0 0}
.elementor-83 .elementor-element.elementor-element-b39686e>.elementor-element-populated{padding:0 0 0 30px}
@media(max-width:1024px){
.elementor-83 .elementor-element.elementor-element-9a62d94>.elementor-element-populated{padding:0 15px 0 10px}
.elementor-83 .elementor-element.elementor-element-b39686e>.elementor-element-populated{padding:0 10px 0 15px}
}
@media(max-width:767px){
.elementor-83 .elementor-element.elementor-element-9a62d94>.elementor-element-populated{padding:10px 10px 10px 10px}
.elementor-83 .elementor-element.elementor-element-b39686e>.elementor-element-populated{padding:10px 10px 10px 10px}
}
.elementor-76 .elementor-element.elementor-element-87cb9d8>.elementor-element-populated{padding:0 30px 0 0}
.elementor-76 .elementor-element.elementor-element-7163580>.elementor-element-populated{padding:0 0 0 30px}
@media(max-width:1024px){
.elementor-76 .elementor-element.elementor-element-87cb9d8>.elementor-element-populated{padding:0 15px 0 10px}
.elementor-76 .elementor-element.elementor-element-7163580>.elementor-element-populated{padding:0 10px 0 15px}
}
@media(max-width:767px){
.elementor-76 .elementor-element.elementor-element-87cb9d8>.elementor-element-populated{padding:10px 10px 10px 10px}
.elementor-76 .elementor-element.elementor-element-7163580>.elementor-element-populated{padding:10px 10px 10px 10px}
}


/* modal css */
.has-modal-open .wp-block-navigation__responsive-close{margin-left:auto;margin-right:auto;max-width:var(--wp--style--global--wide-size,100%)}
.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:46px}
@media (min-width:782px){
  .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:32px}
  }
  .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){background-color:inherit!important;color:inherit!important}
.wp-block-navigation__responsive-container.is-menu-open{animation:overlay-menu__fade-in-animation .1s ease-out;animation-fill-mode:forwards;background-color:inherit;display:flex;flex-direction:column;overflow:auto;padding:var(--wp--style--root--padding-top,2rem) var(--wp--style--root--padding-right,2rem) var(--wp--style--root--padding-bottom,2rem) var(--wp--style--root--padding-left,2rem);z-index:100000}
@media (prefers-reduced-motion:reduce){
.wp-block-navigation__responsive-container.is-menu-open{animation-delay:0s;animation-duration:1ms}
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-justification-setting,inherit);display:flex;flex-direction:column;flex-wrap:nowrap;overflow:visible;padding-top:calc(2rem + 24px)}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{justify-content:flex-start}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{display:none}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{border:none;height:auto;min-width:200px;opacity:1;overflow:initial;padding-left:2rem;padding-right:2rem;position:static;visibility:visible;width:auto}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{gap:inherit}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{padding-top:var(--wp--style--block-gap,2em)}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{padding:0}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{align-items:var(--navigation-layout-justification-setting,initial);display:flex;flex-direction:column}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list{background:0 0!important;color:inherit!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:auto;right:auto}
@media (min-width:600px){
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){background-color:inherit;display:block;position:relative;width:100%;z-index:auto}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:0}
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{background-color:#fff;color:#000}
.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{box-sizing:border-box}
.wp-block-navigation__responsive-dialog{position:relative}
.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:46px}
@media (min-width:782px){
.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:32px}
}
  html.has-modal-open{overflow:hidden}
  .elementor-editor-active .elementor-popup-modal{background-color:initial}
  .elementor-lightbox:not(.elementor-popup-modal) .dialog-header,.elementor-lightbox:not(.elementor-popup-modal) .dialog-message{text-align:center}
  .modal-open{overflow:hidden}
  .modal-open .modal{overflow-x:hidden;overflow-y:auto}
  .modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}
  .modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}
  .modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}
  @media (prefers-reduced-motion:reduce){
  .modal.fade .modal-dialog{transition:none}
  }
  .modal.show .modal-dialog{-webkit-transform:none;transform:none}
  .modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}
  .modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}
  .modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}
  .modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}
  .modal-dialog-scrollable .modal-body{overflow-y:auto}
  .modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}
  .modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:-webkit-min-content;height:-moz-min-content;height:min-content;content:""}
  .modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}
  .modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}
  .modal-dialog-centered.modal-dialog-scrollable::before{content:none}
  .modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}
  .modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}
  .modal-backdrop.fade{opacity:0}
  .modal-backdrop.show{opacity:.5}
  .modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}
  .modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}
  .modal-title{margin-bottom:0;line-height:1.5}
  .modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}
  .modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}
  .modal-footer>*{margin:.25rem}
  .modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
  @media (min-width:576px){
  .modal-dialog{max-width:500px;margin:1.75rem auto}
  .modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}
  .modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}
  .modal-dialog-centered{min-height:calc(100% - 3.5rem)}
  .modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:-webkit-min-content;height:-moz-min-content;height:min-content}
  .modal-sm{max-width:300px}
  }
  @media (min-width:992px){
  .modal-lg,.modal-xl{max-width:800px}
  }
  @media (min-width:1200px){
  .modal-xl{max-width:1310px}
  }
  .demo-modal-area{width:100%;height:100%;left:0;top:0;border:0;background-color:#212428;position:fixed;z-index:-1;overflow:auto;opacity:0;visibility:hidden;transition:.5s;transform:translateX(100px)}
.demo-modal-area .wrapper .rn-modal-inner{margin:70px auto;border-radius:6px;padding:50px;background:var(--background-color-1);box-shadow:var(--shadow-1);position:relative;max-width:1170px;width:90%}
@media only screen and (min-width:768px) and (max-width:991px){
.demo-modal-area .wrapper .rn-modal-inner{padding:40px 30px}
}
@media only screen and (max-width:767px){
.demo-modal-area .wrapper .rn-modal-inner{padding:40px 30px}
}
.demo-modal-area .wrapper .rn-modal-inner::after{content:"";position:absolute;transition:var(--transition);width:100%;height:100%;border-radius:10px;top:0;left:0;background:linear-gradient(to right bottom,#212428,#16181c);opacity:0;z-index:-1}
.demo-modal-area .wrapper .rn-modal-inner .demo-close-btn{padding:0;margin:0;display:inline-block;width:45px;height:45px;right:10px;position:absolute;top:10px;z-index:1;background:linear-gradient(145deg,#1e2024,#23272b);box-shadow:var(--shadow-1);border-radius:100%;opacity:1;border:0 none}
.demo-modal-area .wrapper .rn-modal-inner .demo-close-btn::after{content:"";position:absolute;transition:none;width:100%;height:100%;border-radius:50%;top:0;left:0;background:linear-gradient(to right bottom,#212428,#16181c);opacity:1;box-shadow:var(--shadow-1);z-index:-1}
.demo-modal-area .wrapper .rn-modal-inner .demo-close-btn i,.demo-modal-area .wrapper .rn-modal-inner .demo-close-btn span{color:var(--color-primary)}
.demo-modal-area .wrapper .rn-modal-inner .demo-close-btn:hover{color:var(--color-primary)}
.demo-modal-area .wrapper .rn-modal-inner .demo-close-btn:hover::after{transform:scale(1.1)}
.demo-modal-area .wrapper .rn-modal-inner .demo-top .title{margin-bottom:12px;color:var(--color-heading)}
.demo-modal-area .wrapper .rn-modal-inner .demo-top .subtitle{font-size:16px;margin-bottom:15px;color:var(--color-body)}
.demo-modal-area.open{opacity:1;visibility:visible;transform:none;z-index:999999}
@media only screen and (max-width:767px){
.demo-modal-area .move-feature-area{display:none}
}
.demo-modal-area.white-version .wrapper .rn-modal-inner{background:var(--gradient-box-w);box-shadow:none}
.demo-modal-area.white-version{background-color:#212428}
.demo-modal-area.white-version .single-demo{background:var(--gradient-box-w);box-shadow:var(--shadow-white-3)}
.demo-modal-area.white-version .single-demo .inner .title a{color:var(--color-heading-wv);transition:var(--transition)}
.demo-modal-area .popuptab-area li a.nav-link{position:relative;z-index:2}
.demo-modal-area.white-version .popuptab-area li a.nav-link{background:var(--gradient-box-w);box-shadow:var(--shadow-white-3);color:var(--color-heading-wv)}
.demo-modal-area.white-version .popuptab-area li a.nav-link.active{color:var(--color-primary)}
.demo-modal-area.white-version .popuptab-area li a.nav-link::before{display:none}
.demo-modal-area.white-version .popuptab-area li a.nav-link.active::before{opacity:1}
.demo-modal-area.white-version .single-demo .inner .title{border-top:1px solid transparent}
.demo-modal-area.white-version .wrapper .rn-modal-inner .demo-top .title{color:var(--color-heading-wv)}
.demo-modal-area.white-version .wrapper .rn-modal-inner .demo-top .subtitle{color:var(--color-body-white)}
.demo-modal-area.white-version .wrapper .rn-modal-inner .demo-close-btn{background:var(--gradient-box-w);box-shadow:var(--shadow-3)}
.demo-modal-area.white-version .wrapper .rn-modal-inner .demo-close-btn::after{background:var(--gradient-box-w);box-shadow:var(--shadow-white-3)}
.demo-modal-area.white-version .move-feature-area .wrapper .mv-feature-list .mv-feature .text{color:var(--color-heading-wv)}
.demo-modal-area.white-version .move-feature-area .wrapper::before{background-image:linear-gradient(to right,#e4eaed,rgba(0,0,0,0))}
.demo-modal-area.white-version .move-feature-area .wrapper::after{background-image:linear-gradient(to right,rgba(0,0,0,0),#eaeef1)}
.modal-backdrop{background-color:transparent}
.modal.fade{transition:opacity .1s linear}
body.modal-open{padding-right:0!important}
.box-wrapper.modal-open{padding-right:25px!important}
.modal{z-index:99999999;background:#212428;padding:60px 15px!important}
.modal.modal-boxed-home{width:calc(100% - 50px)!important;left:50%;transform:translateX(-50%)}
.modal .modal-news{max-width:1000px!important}
.modal .modal-dialog{width:100%;max-width:1230px}
.modal .modal-dialog .modal-content{padding:45px;border-radius:10px;overflow:hidden;border:none;z-index:1;background:var(--background-color-1);box-shadow:var(--shadow-1)}
@media only screen and (max-width:767px){
.modal .modal-dialog .modal-content{padding:30px}
}
@media only screen and (max-width:479px){
.modal .modal-dialog .modal-content{padding:40px 15px 25px 15px}
}
.modal .modal-dialog .modal-content .modal-header{padding:0;border:none}
.modal .modal-dialog .modal-content .modal-header .close{padding:0;margin:0;display:inline-block;width:45px;height:45px;right:10px;position:absolute;top:10px;z-index:1;background:linear-gradient(145deg,#1e2024,#23272b);box-shadow:var(--shadow-1);border-radius:100%;opacity:1}
@media only screen and (min-width:768px) and (max-width:991px){
.modal .modal-dialog .modal-content .modal-header .close{right:0;top:0}
}
@media only screen and (max-width:767px){
.modal .modal-dialog .modal-content .modal-header .close{right:0;top:0}
}
.modal .modal-dialog .modal-content .modal-header .close::after{content:"";position:absolute;transition:var(--transition);width:100%;height:100%;border-radius:50%;top:0;left:0;background:linear-gradient(to right bottom,#212428,#16181c);opacity:1;box-shadow:var(--shadow-1);z-index:-1}
.modal .modal-dialog .modal-content .modal-header .close span{position:relative;z-index:1;transition:var(--transition)}
.modal .modal-dialog .modal-content .modal-header .close span i,.modal .modal-dialog .modal-content .modal-header .close span svg{width:22px;height:auto;transition:var(--transition);color:var(--color-primary);font-size:20px;text-shadow:none;opacity:1;font-weight:500}
.modal .modal-dialog .modal-content .modal-header .close:hover::after{transform:scale(1.1)}
.modal .modal-dialog .modal-content .modal-body .text-content{padding-left:2rem}
.modal .modal-dialog .modal-content .modal-body .text-content h3{margin-bottom:20px;font-size:34px;font-weight:700;color:var(--color-lightn);line-height:1.3}
@media only screen and (max-width:767px){
.modal .modal-dialog .modal-content .modal-body .text-content h3{font-size:24px}
}
.modal .modal-dialog .modal-content .modal-body .text-content h3 span{display:block;font-size:16px;line-height:30px;color:var(--color-body);font-weight:500;margin-bottom:5px}
.modal .modal-dialog .modal-content .modal-body .text-content p{font-size:18px;line-height:30px;color:var(--color-body);font-weight:400;margin-bottom:0;width:93%}
@media only screen and (max-width:767px){
.modal .modal-dialog .modal-content .modal-body .text-content p{font-size:16px;line-height:28px;width:100%}
}
.modal .modal-dialog .modal-content .modal-body .text-content p:nth-child(1){margin-bottom:30px}
@media screen and (max-width:991px){
.modal .modal-dialog .modal-content .modal-body .text-content{margin-top:30px;padding:0}
}
.modal .modal-dialog .modal-content .modal-body .text-content a svg{position:relative;margin-right:-13px;width:19px}
.modal .featured-project-carousel .carousel-indicators{position:absolute;top:83%}
.modal .featured-project-carousel .carousel-indicators li{width:8px;height:8px;border-radius:50%;opacity:1;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;cursor:pointer;margin-right:3px;margin-left:3px;text-indent:-999px;position:relative;flex:0 1 auto;background-color:var(--color-body)}
.modal .featured-project-carousel .carousel-indicators li.active{background-color:var(--color-primary);opacity:1}
.modal .carousel{position:relative}
.modal .carousel .carousel-inner{border-radius:10px;overflow:hidden;position:relative;width:100%;margin-bottom:0}
.modal .carousel .carousel-inner img{max-width:100%;height:auto}
.modal-body .modal-feat-img{margin-left:auto;margin-right:auto;margin-bottom:3.8rem;border-radius:10px;vertical-align:middle}
.modal-body .img-fluid{width:100%;height:auto}
.modal-body .comment-inner .title{font-size:32px;font-weight:600;color:var(--color-lightn);margin-bottom:16px}
.modal-body .comment-inner .rnform-group{margin-bottom:20px}
.modal-body .comment-inner .rnform-group input{background-color:#191b1e;border-radius:6px;height:55px;transition:var(--transition);border:2px solid #191b1e;padding:0 15px;font-size:14px;font-family:var(--font-primary);color:var(--color-lightn);box-shadow:var(--inner-shadow);letter-spacing:1px}
.modal-body .comment-inner .rnform-group input:focus{color:var(--color-light);border-color:var(--color-primary);box-shadow:none}
.modal-body .comment-inner .rnform-group textarea{min-height:205px;background-color:#191b1e;border-radius:6px;padding:0;transition:var(--transition);border:2px solid #191b1e;padding:15px 15px;font-size:14px;line-height:18px;font-family:var(--font-secondary);color:var(--color-lightn);box-shadow:var(--inner-shadow);letter-spacing:1px;resize:none}
.modal-body .comment-inner .rnform-group textarea:focus{color:var(--color-light);border-color:var(--color-primary);box-shadow:none}
.modal-body .news-details .date{display:block;font-size:14px;line-height:24px;color:var(--color-lightn);font-weight:500;margin-bottom:9px}
.modal-body .news-details .title{font-size:32px;font-weight:700;line-height:1.2;color:var(--color-lightn);margin-top:20px;margin-bottom:40px}
.modal-body .news-details p{font-size:16px;line-height:28px;color:var(--color-body);font-weight:400}
.modal-body .news-details h4{font-size:30px;color:var(--color-lightn)}
.modal-layout-right .row{flex-direction:row-reverse}
.modal.modal-layout-center .modal-dialog .modal-content .modal-body .text-content,.modal.modal-layout-right .modal-dialog .modal-content .modal-body .text-content{padding-left:0}
.portfolio-style-three .newportfolio-modal .carousel-inner{padding:0}
.portfolio-style-three .newportfolio-modal .carousel-control-next,.portfolio-style-three .newportfolio-modal .carousel-control-prev{box-shadow:none}
.newportfolio-modal .wp-block-gallery,.newportfolio-modal .wp-block-image{margin-bottom:30px!important}
.newportfolio-modal .portfolio-popup-thumbnail{margin-bottom:50px}
.newportfolio-modal .portfolio-popup-thumbnail iframe{border-radius:10px}
.newportfolio-modal.modal-layout-center .carousel-inner{margin-bottom:50px!important}
@media only screen and (min-width:768px) and (max-width:991px){
.newportfolio-modal.modal-layout-center .carousel-inner{margin-bottom:0!important}
}
@media only screen and (max-width:767px){
.newportfolio-modal.modal-layout-center .carousel-inner{margin-bottom:0!important}
}
.newportfolio-modal.modal-layout-left .portfolio-popup-thumbnail,.newportfolio-modal.modal-layout-right .portfolio-popup-thumbnail{margin-bottom:0}

.rn-blog-area .modal .wp-block-gallery{margin-bottom:30px!important}
.rn-blog-area .modal .wp-block-image figcaption,.rn-blog-area .modal figcaption{margin-bottom:20px}




#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #212428;
    z-index: 99999999;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #9370DB;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #BA55D3;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FF00FF;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}