@import url(../../css.css);

@font-face {
    font-family: "themify";
    src: url(../../assets/fonts/themify.eot);
    src: url(../../assets/fonts/themify-1.eot) format("embedded-opentype"),url(../../assets/fonts/themify.woff) format("woff"),url(../../assets/fonts/themify.ttf) format("truetype"),url(../../assets/fonts/themify.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" ti-"], [class^=ti-] {
    font-family: "themify";
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ti-wand:before {
    content: "\e600"
}

.ti-volume:before {
    content: "\e601"
}

.ti-user:before {
    content: "\e602"
}

.ti-unlock:before {
    content: "\e603"
}

.ti-unlink:before {
    content: "\e604"
}

.ti-trash:before {
    content: "\e605"
}

.ti-thought:before {
    content: "\e606"
}

.ti-target:before {
    content: "\e607"
}

.ti-tag:before {
    content: "\e608"
}

.ti-tablet:before {
    content: "\e609"
}

.ti-star:before {
    content: "\e60a"
}

.ti-spray:before {
    content: "\e60b"
}

.ti-signal:before {
    content: "\e60c"
}

.ti-shopping-cart:before {
    content: "\e60d"
}

.ti-shopping-cart-full:before {
    content: "\e60e"
}

.ti-settings:before {
    content: "\e60f"
}

.ti-search:before {
    content: "\e610"
}

.ti-zoom-in:before {
    content: "\e611"
}

.ti-zoom-out:before {
    content: "\e612"
}

.ti-cut:before {
    content: "\e613"
}

.ti-ruler:before {
    content: "\e614"
}

.ti-ruler-pencil:before {
    content: "\e615"
}

.ti-ruler-alt:before {
    content: "\e616"
}

.ti-bookmark:before {
    content: "\e617"
}

.ti-bookmark-alt:before {
    content: "\e618"
}

.ti-reload:before {
    content: "\e619"
}

.ti-plus:before {
    content: "\e61a"
}

.ti-pin:before {
    content: "\e61b"
}

.ti-pencil:before {
    content: "\e61c"
}

.ti-pencil-alt:before {
    content: "\e61d"
}

.ti-paint-roller:before {
    content: "\e61e"
}

.ti-paint-bucket:before {
    content: "\e61f"
}

.ti-na:before {
    content: "\e620"
}

.ti-mobile:before {
    content: "\e621"
}

.ti-minus:before {
    content: "\e622"
}

.ti-medall:before {
    content: "\e623"
}

.ti-medall-alt:before {
    content: "\e624"
}

.ti-marker:before {
    content: "\e625"
}

.ti-marker-alt:before {
    content: "\e626"
}

.ti-arrow-up:before {
    content: "\e627"
}

.ti-arrow-right:before {
    content: "\e628"
}

.ti-arrow-left:before {
    content: "\e629"
}

.ti-arrow-down:before {
    content: "\e62a"
}

.ti-lock:before {
    content: "\e62b"
}

.ti-location-arrow:before {
    content: "\e62c"
}

.ti-link:before {
    content: "\e62d"
}

.ti-layout:before {
    content: "\e62e"
}

.ti-layers:before {
    content: "\e62f"
}

.ti-layers-alt:before {
    content: "\e630"
}

.ti-key:before {
    content: "\e631"
}

.ti-import:before {
    content: "\e632"
}

.ti-image:before {
    content: "\e633"
}

.ti-heart:before {
    content: "\e634"
}

.ti-heart-broken:before {
    content: "\e635"
}

.ti-hand-stop:before {
    content: "\e636"
}

.ti-hand-open:before {
    content: "\e637"
}

.ti-hand-drag:before {
    content: "\e638"
}

.ti-folder:before {
    content: "\e639"
}

.ti-flag:before {
    content: "\e63a"
}

.ti-flag-alt:before {
    content: "\e63b"
}

.ti-flag-alt-2:before {
    content: "\e63c"
}

.ti-eye:before {
    content: "\e63d"
}

.ti-export:before {
    content: "\e63e"
}

.ti-exchange-vertical:before {
    content: "\e63f"
}

.ti-desktop:before {
    content: "\e640"
}

.ti-cup:before {
    content: "\e641"
}

.ti-crown:before {
    content: "\e642"
}

.ti-comments:before {
    content: "\e643"
}

.ti-comment:before {
    content: "\e644"
}

.ti-comment-alt:before {
    content: "\e645"
}

.ti-close:before {
    content: "\e646"
}

.ti-clip:before {
    content: "\e647"
}

.ti-angle-up:before {
    content: "\e648"
}

.ti-angle-right:before {
    content: "\e649"
}

.ti-angle-left:before {
    content: "\e64a"
}

.ti-angle-down:before {
    content: "\e64b"
}

.ti-check:before {
    content: "\e64c"
}

.ti-check-box:before {
    content: "\e64d"
}

.ti-camera:before {
    content: "\e64e"
}

.ti-announcement:before {
    content: "\e64f"
}

.ti-brush:before {
    content: "\e650"
}

.ti-briefcase:before {
    content: "\e651"
}

.ti-bolt:before {
    content: "\e652"
}

.ti-bolt-alt:before {
    content: "\e653"
}

.ti-blackboard:before {
    content: "\e654"
}

.ti-bag:before {
    content: "\e655"
}

.ti-move:before {
    content: "\e656"
}

.ti-arrows-vertical:before {
    content: "\e657"
}

.ti-arrows-horizontal:before {
    content: "\e658"
}

.ti-fullscreen:before {
    content: "\e659"
}

.ti-arrow-top-right:before {
    content: "\e65a"
}

.ti-arrow-top-left:before {
    content: "\e65b"
}

.ti-arrow-circle-up:before {
    content: "\e65c"
}

.ti-arrow-circle-right:before {
    content: "\e65d"
}

.ti-arrow-circle-left:before {
    content: "\e65e"
}

.ti-arrow-circle-down:before {
    content: "\e65f"
}

.ti-angle-double-up:before {
    content: "\e660"
}

.ti-angle-double-right:before {
    content: "\e661"
}

.ti-angle-double-left:before {
    content: "\e662"
}

.ti-angle-double-down:before {
    content: "\e663"
}

.ti-zip:before {
    content: "\e664"
}

.ti-world:before {
    content: "\e665"
}

.ti-wheelchair:before {
    content: "\e666"
}

.ti-view-list:before {
    content: "\e667"
}

.ti-view-list-alt:before {
    content: "\e668"
}

.ti-view-grid:before {
    content: "\e669"
}

.ti-uppercase:before {
    content: "\e66a"
}

.ti-upload:before {
    content: "\e66b"
}

.ti-underline:before {
    content: "\e66c"
}

.ti-truck:before {
    content: "\e66d"
}

.ti-timer:before {
    content: "\e66e"
}

.ti-ticket:before {
    content: "\e66f"
}

.ti-thumb-up:before {
    content: "\e670"
}

.ti-thumb-down:before {
    content: "\e671"
}

.ti-text:before {
    content: "\e672"
}

.ti-stats-up:before {
    content: "\e673"
}

.ti-stats-down:before {
    content: "\e674"
}

.ti-split-v:before {
    content: "\e675"
}

.ti-split-h:before {
    content: "\e676"
}

.ti-smallcap:before {
    content: "\e677"
}

.ti-shine:before {
    content: "\e678"
}

.ti-shift-right:before {
    content: "\e679"
}

.ti-shift-left:before {
    content: "\e67a"
}

.ti-shield:before {
    content: "\e67b"
}

.ti-notepad:before {
    content: "\e67c"
}

.ti-server:before {
    content: "\e67d"
}

.ti-quote-right:before {
    content: "\e67e"
}

.ti-quote-left:before {
    content: "\e67f"
}

.ti-pulse:before {
    content: "\e680"
}

.ti-printer:before {
    content: "\e681"
}

.ti-power-off:before {
    content: "\e682"
}

.ti-plug:before {
    content: "\e683"
}

.ti-pie-chart:before {
    content: "\e684"
}

.ti-paragraph:before {
    content: "\e685"
}

.ti-panel:before {
    content: "\e686"
}

.ti-package:before {
    content: "\e687"
}

.ti-music:before {
    content: "\e688"
}

.ti-music-alt:before {
    content: "\e689"
}

.ti-mouse:before {
    content: "\e68a"
}

.ti-mouse-alt:before {
    content: "\e68b"
}

.ti-money:before {
    content: "\e68c"
}

.ti-microphone:before {
    content: "\e68d"
}

.ti-menu:before {
    content: "\e68e"
}

.ti-menu-alt:before {
    content: "\e68f"
}

.ti-map:before {
    content: "\e690"
}

.ti-map-alt:before {
    content: "\e691"
}

.ti-loop:before {
    content: "\e692"
}

.ti-location-pin:before {
    content: "\e693"
}

.ti-list:before {
    content: "\e694"
}

.ti-light-bulb:before {
    content: "\e695"
}

.ti-Italic:before {
    content: "\e696"
}

.ti-info:before {
    content: "\e697"
}

.ti-infinite:before {
    content: "\e698"
}

.ti-id-badge:before {
    content: "\e699"
}

.ti-hummer:before {
    content: "\e69a"
}

.ti-home:before {
    content: "\e69b"
}

.ti-help:before {
    content: "\e69c"
}

.ti-headphone:before {
    content: "\e69d"
}

.ti-harddrives:before {
    content: "\e69e"
}

.ti-harddrive:before {
    content: "\e69f"
}

.ti-gift:before {
    content: "\e6a0"
}

.ti-game:before {
    content: "\e6a1"
}

.ti-filter:before {
    content: "\e6a2"
}

.ti-files:before {
    content: "\e6a3"
}

.ti-file:before {
    content: "\e6a4"
}

.ti-eraser:before {
    content: "\e6a5"
}

.ti-envelope:before {
    content: "\e6a6"
}

.ti-download:before {
    content: "\e6a7"
}

.ti-direction:before {
    content: "\e6a8"
}

.ti-direction-alt:before {
    content: "\e6a9"
}

.ti-dashboard:before {
    content: "\e6aa"
}

.ti-control-stop:before {
    content: "\e6ab"
}

.ti-control-shuffle:before {
    content: "\e6ac"
}

.ti-control-play:before {
    content: "\e6ad"
}

.ti-control-pause:before {
    content: "\e6ae"
}

.ti-control-forward:before {
    content: "\e6af"
}

.ti-control-backward:before {
    content: "\e6b0"
}

.ti-cloud:before {
    content: "\e6b1"
}

.ti-cloud-up:before {
    content: "\e6b2"
}

.ti-cloud-down:before {
    content: "\e6b3"
}

.ti-clipboard:before {
    content: "\e6b4"
}

.ti-car:before {
    content: "\e6b5"
}

.ti-calendar:before {
    content: "\e6b6"
}

.ti-book:before {
    content: "\e6b7"
}

.ti-bell:before {
    content: "\e6b8"
}

.ti-basketball:before {
    content: "\e6b9"
}

.ti-bar-chart:before {
    content: "\e6ba"
}

.ti-bar-chart-alt:before {
    content: "\e6bb"
}

.ti-back-right:before {
    content: "\e6bc"
}

.ti-back-left:before {
    content: "\e6bd"
}

.ti-arrows-corner:before {
    content: "\e6be"
}

.ti-archive:before {
    content: "\e6bf"
}

.ti-anchor:before {
    content: "\e6c0"
}

.ti-align-right:before {
    content: "\e6c1"
}

.ti-align-left:before {
    content: "\e6c2"
}

.ti-align-justify:before {
    content: "\e6c3"
}

.ti-align-center:before {
    content: "\e6c4"
}

.ti-alert:before {
    content: "\e6c5"
}

.ti-alarm-clock:before {
    content: "\e6c6"
}

.ti-agenda:before {
    content: "\e6c7"
}

.ti-write:before {
    content: "\e6c8"
}

.ti-window:before {
    content: "\e6c9"
}

.ti-widgetized:before {
    content: "\e6ca"
}

.ti-widget:before {
    content: "\e6cb"
}

.ti-widget-alt:before {
    content: "\e6cc"
}

.ti-wallet:before {
    content: "\e6cd"
}

.ti-video-clapper:before {
    content: "\e6ce"
}

.ti-video-camera:before {
    content: "\e6cf"
}

.ti-vector:before {
    content: "\e6d0"
}

.ti-themify-logo:before {
    content: "\e6d1"
}

.ti-themify-favicon:before {
    content: "\e6d2"
}

.ti-themify-favicon-alt:before {
    content: "\e6d3"
}

.ti-support:before {
    content: "\e6d4"
}

.ti-stamp:before {
    content: "\e6d5"
}

.ti-split-v-alt:before {
    content: "\e6d6"
}

.ti-slice:before {
    content: "\e6d7"
}

.ti-shortcode:before {
    content: "\e6d8"
}

.ti-shift-right-alt:before {
    content: "\e6d9"
}

.ti-shift-left-alt:before {
    content: "\e6da"
}

.ti-ruler-alt-2:before {
    content: "\e6db"
}

.ti-receipt:before {
    content: "\e6dc"
}

.ti-pin2:before {
    content: "\e6dd"
}

.ti-pin-alt:before {
    content: "\e6de"
}

.ti-pencil-alt2:before {
    content: "\e6df"
}

.ti-palette:before {
    content: "\e6e0"
}

.ti-more:before {
    content: "\e6e1"
}

.ti-more-alt:before {
    content: "\e6e2"
}

.ti-microphone-alt:before {
    content: "\e6e3"
}

.ti-magnet:before {
    content: "\e6e4"
}

.ti-line-double:before {
    content: "\e6e5"
}

.ti-line-dotted:before {
    content: "\e6e6"
}

.ti-line-dashed:before {
    content: "\e6e7"
}

.ti-layout-width-full:before {
    content: "\e6e8"
}

.ti-layout-width-default:before {
    content: "\e6e9"
}

.ti-layout-width-default-alt:before {
    content: "\e6ea"
}

.ti-layout-tab:before {
    content: "\e6eb"
}

.ti-layout-tab-window:before {
    content: "\e6ec"
}

.ti-layout-tab-v:before {
    content: "\e6ed"
}

.ti-layout-tab-min:before {
    content: "\e6ee"
}

.ti-layout-slider:before {
    content: "\e6ef"
}

.ti-layout-slider-alt:before {
    content: "\e6f0"
}

.ti-layout-sidebar-right:before {
    content: "\e6f1"
}

.ti-layout-sidebar-none:before {
    content: "\e6f2"
}

.ti-layout-sidebar-left:before {
    content: "\e6f3"
}

.ti-layout-placeholder:before {
    content: "\e6f4"
}

.ti-layout-menu:before {
    content: "\e6f5"
}

.ti-layout-menu-v:before {
    content: "\e6f6"
}

.ti-layout-menu-separated:before {
    content: "\e6f7"
}

.ti-layout-menu-full:before {
    content: "\e6f8"
}

.ti-layout-media-right-alt:before {
    content: "\e6f9"
}

.ti-layout-media-right:before {
    content: "\e6fa"
}

.ti-layout-media-overlay:before {
    content: "\e6fb"
}

.ti-layout-media-overlay-alt:before {
    content: "\e6fc"
}

.ti-layout-media-overlay-alt-2:before {
    content: "\e6fd"
}

.ti-layout-media-left-alt:before {
    content: "\e6fe"
}

.ti-layout-media-left:before {
    content: "\e6ff"
}

.ti-layout-media-center-alt:before {
    content: "\e700"
}

.ti-layout-media-center:before {
    content: "\e701"
}

.ti-layout-list-thumb:before {
    content: "\e702"
}

.ti-layout-list-thumb-alt:before {
    content: "\e703"
}

.ti-layout-list-post:before {
    content: "\e704"
}

.ti-layout-list-large-image:before {
    content: "\e705"
}

.ti-layout-line-solid:before {
    content: "\e706"
}

.ti-layout-grid4:before {
    content: "\e707"
}

.ti-layout-grid3:before {
    content: "\e708"
}

.ti-layout-grid2:before {
    content: "\e709"
}

.ti-layout-grid2-thumb:before {
    content: "\e70a"
}

.ti-layout-cta-right:before {
    content: "\e70b"
}

.ti-layout-cta-left:before {
    content: "\e70c"
}

.ti-layout-cta-center:before {
    content: "\e70d"
}

.ti-layout-cta-btn-right:before {
    content: "\e70e"
}

.ti-layout-cta-btn-left:before {
    content: "\e70f"
}

.ti-layout-column4:before {
    content: "\e710"
}

.ti-layout-column3:before {
    content: "\e711"
}

.ti-layout-column2:before {
    content: "\e712"
}

.ti-layout-accordion-separated:before {
    content: "\e713"
}

.ti-layout-accordion-merged:before {
    content: "\e714"
}

.ti-layout-accordion-list:before {
    content: "\e715"
}

.ti-ink-pen:before {
    content: "\e716"
}

.ti-info-alt:before {
    content: "\e717"
}

.ti-help-alt:before {
    content: "\e718"
}

.ti-headphone-alt:before {
    content: "\e719"
}

.ti-hand-point-up:before {
    content: "\e71a"
}

.ti-hand-point-right:before {
    content: "\e71b"
}

.ti-hand-point-left:before {
    content: "\e71c"
}

.ti-hand-point-down:before {
    content: "\e71d"
}

.ti-gallery:before {
    content: "\e71e"
}

.ti-face-smile:before {
    content: "\e71f"
}

.ti-face-sad:before {
    content: "\e720"
}

.ti-credit-card:before {
    content: "\e721"
}

.ti-control-skip-forward:before {
    content: "\e722"
}

.ti-control-skip-backward:before {
    content: "\e723"
}

.ti-control-record:before {
    content: "\e724"
}

.ti-control-eject:before {
    content: "\e725"
}

.ti-comments-smiley:before {
    content: "\e726"
}

.ti-brush-alt:before {
    content: "\e727"
}

.ti-youtube:before {
    content: "\e728"
}

.ti-vimeo:before {
    content: "\e729"
}

.ti-twitter:before {
    content: "\e72a"
}

.ti-time:before {
    content: "\e72b"
}

.ti-tumblr:before {
    content: "\e72c"
}

.ti-skype:before {
    content: "\e72d"
}

.ti-share:before {
    content: "\e72e"
}

.ti-share-alt:before {
    content: "\e72f"
}

.ti-rocket:before {
    content: "\e730"
}

.ti-pinterest:before {
    content: "\e731"
}

.ti-new-window:before {
    content: "\e732"
}

.ti-microsoft:before {
    content: "\e733"
}

.ti-list-ol:before {
    content: "\e734"
}

.ti-linkedin:before {
    content: "\e735"
}

.ti-layout-sidebar-2:before {
    content: "\e736"
}

.ti-layout-grid4-alt:before {
    content: "\e737"
}

.ti-layout-grid3-alt:before {
    content: "\e738"
}

.ti-layout-grid2-alt:before {
    content: "\e739"
}

.ti-layout-column4-alt:before {
    content: "\e73a"
}

.ti-layout-column3-alt:before {
    content: "\e73b"
}

.ti-layout-column2-alt:before {
    content: "\e73c"
}

.ti-instagram:before {
    content: "\e73d"
}

.ti-google:before {
    content: "\e73e"
}

.ti-github:before {
    content: "\e73f"
}

.ti-flickr:before {
    content: "\e740"
}

.ti-facebook:before {
    content: "\e741"
}

.ti-dropbox:before {
    content: "\e742"
}

.ti-dribbble:before {
    content: "\e743"
}

.ti-apple:before {
    content: "\e744"
}

.ti-android:before {
    content: "\e745"
}

.ti-save:before {
    content: "\e746"
}

.ti-save-alt:before {
    content: "\e747"
}

.ti-yahoo:before {
    content: "\e748"
}

.ti-wordpress:before {
    content: "\e749"
}

.ti-vimeo-alt:before {
    content: "\e74a"
}

.ti-twitter-alt:before {
    content: "\e74b"
}

.ti-tumblr-alt:before {
    content: "\e74c"
}

.ti-trello:before {
    content: "\e74d"
}

.ti-stack-overflow:before {
    content: "\e74e"
}

.ti-soundcloud:before {
    content: "\e74f"
}

.ti-sharethis:before {
    content: "\e750"
}

.ti-sharethis-alt:before {
    content: "\e751"
}

.ti-reddit:before {
    content: "\e752"
}

.ti-pinterest-alt:before {
    content: "\e753"
}

.ti-microsoft-alt:before {
    content: "\e754"
}

.ti-linux:before {
    content: "\e755"
}

.ti-jsfiddle:before {
    content: "\e756"
}

.ti-joomla:before {
    content: "\e757"
}

.ti-html5:before {
    content: "\e758"
}

.ti-flickr-alt:before {
    content: "\e759"
}

.ti-email:before {
    content: "\e75a"
}

.ti-drupal:before {
    content: "\e75b"
}

.ti-dropbox-alt:before {
    content: "\e75c"
}

.ti-css3:before {
    content: "\e75d"
}

.ti-rss:before {
    content: "\e75e"
}

.ti-rss-alt:before {
    content: "\e75f"
}

:root {
    --gray: #eee;
    --white: #fff;
    --black: #000;
    --base-0: #fff;
    --base-1: #151812;
    --base-2: "";
    --base-3: "";
    --primary: orange;
    --primary-1: #f80;
    --secondary: "";
    --secondary-1: "";
    --color-1: #70b6fe;
    --color-2: #c670fe;
    --color-3: #fec070;
    --color-4: #dc3545;
    --color-5: #28a745;
    --color-6: #00008b
}

* {
    box-sizing: border-box
}

:root.skin-1 {
    --base-0: #fff;
    --base-1: #000;
    --primary: orange;
    --primary-1: #f80
}

:root.skin-2 {
    --base-0: #f6afba;
    --base-1: #151515;
    --primary: #de5881;
    --primary-1: #fc5aab
}

:root.skin-3 {
    --base-0: #050607;
    --base-1: #f1f1f1;
    --primary: #0b7554;
    --primary-1: #339266
}

:root.skin-4 {
    --base-0: #0e262b;
    --base-1: #f1f1f1;
    --primary: #7b1f29;
    --primary-1: #8b0000
}

:root.skin-5 {
    --base-0: #373a36;
    --primary: tomato;
    --primary-1: tomato;
    --base-0: #1e464a;
    --base-1: #fff;
    --primary: #00b7b8;
    --primary-1: #339266
}

:root.skin-6 {
    --base-0: #fff;
    --base-1: #000;
    --primary: #33b5e5;
    --primary-1: #9eddf1
}

:root.skin-7 {
    --base-0: #212121;
    --base-1: #fff;
    --primary: #0b7554;
    --primary-1: #0b7554
}

:root.skin-8 {
    --base-0: #272933;
    --base-1: #fff;
    --primary: #00b7b8;
    --primary-1: #00b7b8
}

:root.skin-9 {
    --base-0: #000;
    --base-1: #fff;
    --primary: #00bcd4;
    --primary-1: #00bcd4
}

:root.skin-10 {
    --base-0: #0a0a0a;
    --base-1: #fff;
    --primary: #1d32f2;
    --primary-1: #1d32f2
}

:root.skin-11 {
    --base-0: #121212;
    --base-1: #e6e2dd;
    --primary: #845ec2;
    --primary-1: #845ec2
}

:root.skin-12 {
    --base-0: #0e262b;
    --base-1: #fff;
    --primary: #7b1f29;
    --primary-1: #8b0000
}

html {
    overflow: hidden;
    overflow-y: auto
}

body {
    color: #151812;
    color: var(--base-1);
    margin: 0;
    background-color: #fff;
    background-color: var(--base-0);
    -ms-overflow-style: none
}

    body::-webkit-scrollbar {
        display: none
    }

article, aside, details, figcaption, figure, footer, header, nav, section, summary {
    display: block
}

audio, canvas, video {
    display: inline-block
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden] {
    display: none
}

button, html, input, select, textarea {
    font-family: "Source Sans Pro",Helvetica,sans-serif
}

a {
    color: inherit;
    text-decoration: none
}

    a:focus {
        outline: inherit
    }

    a:active, a:hover {
        color: inherit;
        outline: 0
    }

    a:hover {
        text-decoration: underline
    }

address {
    font-style: italic;
    margin: 0 0 24px
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

p {
    margin: 0 0 24px
}

code, kbd, pre, samp {
    font-family: monospace,serif;
    font-size: 14px;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

pre {
    background: #f5f5f5;
    color: #666;
    font-family: monospace;
    font-size: 14px;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

blockquote, q {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: "";
        content: none
    }

blockquote {
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    margin: 24px 40px
}

    blockquote blockquote {
        margin-right: 0
    }

    blockquote cite, blockquote small {
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase
    }

    blockquote em, blockquote i {
        font-style: normal;
        font-weight: 300
    }

    blockquote b, blockquote strong {
        font-weight: 400
    }

small {
    font-size: smaller
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

dl {
    margin: 0 20px
}

dt {
    font-weight: 700
}

dd {
    margin: 0 0 20px
}

menu, ol, ul {
    margin: 16px 0;
    padding: 0 0 0 40px
}

ul {
    list-style-type: square
}

li {
    outline: inherit
}

nav ol, nav ul {
    list-style: none;
    list-style-image: none
}

li > ol, li > ul {
    margin: 0
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle
}

svg:not(:root) {
    overflow: hidden
}

figure, form {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    min-width: inherit;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal
}

button, input, select, textarea {
    visibility: hidden;
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline
}

button, input {
    line-height: normal
}

    button, html input[type=button], input[type=reset], input[type=submit] {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button;
        cursor: pointer
    }

        button[disabled], input[disabled] {
            cursor: default
        }

    input[type=checkbox], input[type=radio] {
        padding: 0
    }

    input[type=search] {
        -webkit-appearance: textfield;
        -moz-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
}

table {
    border-bottom: 1px solid #ededed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%
}

caption, td, th {
    font-weight: 400;
    text-align: left
}

caption {
    font-size: 16px;
    margin: 20px 0
}

th {
    font-weight: 700;
    text-transform: uppercase
}

td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0
}

del {
    color: #333
}

ins {
    background: #fff9c0;
    text-decoration: none
}

hr {
    background-size: 4px 4px;
    border: 0;
    height: 1px;
    margin: 0 0 24px
}

button, input, select, textarea {
    border: inherit;
    outline: inherit;
    background: transparent;
    transition: all .4s ease-out 0s
}

    button:active, button:focus, input:active, input:focus, select:active, select:focus, textarea:active, textarea:focus {
        outline: none
    }

input, select, textarea {
    width: 100%;
    font-size: 14px
}

input, select {
    height: 40px;
    padding: 0 15px
}

.button:not(:disabled):not(.disabled) {
    cursor: pointer
}

img {
    max-width: 100%;
    height: auto
}

.skin-5 .button, .skin-5 .el-tabs .el-tabs-links li.active {
    color: #fff !important
}

body {
    font-size: 14px;
    letter-spacing: .75px;
    font-family: "Poppins",sans-serif
}

p {
    font-weight: 500;
    color: #151812;
    color: var(--base-1);
    line-height: 1.8
}

a {
    transition: all .4s ease-in-out 0s
}

    a:active, a:focus, a:hover {
        color: inherit;
        text-decoration: none;
        outline: none
    }

    a:visited {
        color: inherit
    }

address, blockquote, caption, dd, dl, h1, h2, h3, h4, h5, h6, hr, menu, ol, p, pre, table, ul {
    margin: 0 0 15px
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #151812;
    color: var(--base-1);
    font-family: "Poppins",sans-serif
}

.h1, h1 {
    line-height: 1.2;
    font-size: 60px
}

.h2, h2 {
    font-size: 54px
}

.h3, h3 {
    font-size: 24px
}

.h4, h4 {
    font-size: 20px
}

.h5, h5 {
    font-size: 18px
}

.h6, h6 {
    font-size: 16px
}

.h1, h1 {
    font-weight: 700
}

.h2, .h3, .h4, .h5, h2, h3, h4, h5 {
    font-weight: 600
}

.h6, h6 {
    font-weight: 500
}

::-webkit-input-placeholder {
    color: #151812;
    color: var(--base-1)
}

:-ms-input-placeholder {
    color: #151812;
    color: var(--base-1)
}

::-ms-input-placeholder {
    color: #151812;
    color: var(--base-1)
}

::placeholder {
    color: #151812;
    color: var(--base-1)
}

@-webkit-keyframes drift {
    0% {
        transform: rotate(0deg)
    }

    0% {
        transform: rotate(1turn)
    }
}

@keyframes drift {
    0% {
        transform: rotate(0deg)
    }

    0% {
        transform: rotate(1turn)
    }
}

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

    to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.11)
    }
}

@keyframes zoom {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.11)
    }
}

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

    25% {
        opacity: .3;
        transform: scale(1.11)
    }

    to {
        transform: scale(1)
    }
}

@keyframes music {
    0% {
        transform: scale(1)
    }

    25% {
        opacity: .3;
        transform: scale(1.11)
    }

    to {
        transform: scale(1)
    }
}

@-webkit-keyframes home-4 {
    0% {
        opacity: .1;
        transform: rotate(0)
    }

    50% {
        opacity: .3;
        border-radius: 50%;
        transform: rotate(45deg)
    }

    to {
        opacity: .1;
        transform: rotate(0)
    }
}

@keyframes home-4 {
    0% {
        opacity: .1;
        transform: rotate(0)
    }

    50% {
        opacity: .3;
        border-radius: 50%;
        transform: rotate(45deg)
    }

    to {
        opacity: .1;
        transform: rotate(0)
    }
}

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

    50% {
        transform: scale(1.05)
    }

    to {
        transform: scale(1)
    }
}

@keyframes noise {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.05)
    }

    to {
        transform: scale(1)
    }
}

@-webkit-keyframes scroll {
    0% {
        transform: translate(1,1)
    }

    90% {
        transform: translateY(12px)
    }

    to {
        transform: translate(1,1)
    }
}

@keyframes scroll {
    0% {
        transform: translate(1,1)
    }

    90% {
        transform: translateY(12px)
    }

    to {
        transform: translate(1,1)
    }
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

@-webkit-keyframes MoveUpDown {
    0% {
        top: -2px
    }

    50% {
        top: 0
    }

    to {
        top: 3px
    }
}

@keyframes MoveUpDown {
    0% {
        top: -2px
    }

    50% {
        top: 0
    }

    to {
        top: 3px
    }
}

@-webkit-keyframes blinking-cursor {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes blinking-cursor {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.mb-0 {
    margin-bottom: 0
}

.mb-15 {
    margin-bottom: 15px
}

.mb--15 {
    margin-bottom: -15px
}

.mb-30 {
    margin-bottom: 30px
}

.mb--30 {
    margin-bottom: -30px
}

.mb--45 {
    margin-bottom: -45px
}

.pl-0 {
    padding-left: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pt-15 {
    padding-top: 15px
}

.pt-30 {
    padding-top: 30px
}

.pl-15 {
    padding-left: 15px
}

.pl-30 {
    padding-left: 30px
}

.mt-spacing {
    margin-top: 120px
}

.mb-spacing {
    margin-bottom: 120px
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.lowercase {
    text-transform: lowercase
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.text-italic {
    font-style: italic
}

.text-normal {
    font-style: normal
}

.text-underline {
    font-style: underline
}

.text-dark {
    color: #000;
    color: var(--black)
}

.text-dark-1 {
    color: #333
}

.text-dark-2 {
    color: #666
}

.text-dark-3 {
    color: #999
}

.text-light {
    color: #fff;
    color: var(--white)
}

.text-light-1 {
    color: #eee
}

.text-light-2 {
    color: #ccc
}

.text-light-3 {
    color: #aaa
}

.text-base-0 {
    color: #fff;
    color: var(--base-0)
}

.text-base-1 {
    color: #151812;
    color: var(--base-1);
    color: "";
    color: var(--base-2)
}

.text-primary {
    color: orange;
    color: var(--primary)
}

.text-secondary {
    color: "";
    color: var(--secondary)
}

.text-gradient {
    background-image: linear-gradient(270deg,orange,"");
    background-image: linear-gradient(270deg,var(--primary),var(--secondary));
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text
}

.hidden {
    display: none
}

.invisible {
    visibility: hidden
}

.div-center {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.inline-block {
    float: none;
    display: inline-block
}

.clearfix:after {
    clear: both;
    content: "";
    display: table
}

.display-wrap {
    position: relative
}

.display-block {
    display: block
}

.display-center {
    top: 50%;
    left: 50%;
    width: 100%;
    position: absolute;
    transform: translate(-50%,-50%)
}

.display-table {
    width: 100%;
    height: 100%;
    display: table
}

.display-content {
    display: table-cell;
    vertical-align: middle
}

.display-spacing {
    padding-top: 50px;
    padding-bottom: 120px
}

.display-screen, .overlay-gradient .bg-gradient {
    min-height: 100vh;
    padding-top: 100px;
    padding-bottom: 100px
}

.display-fit-screen {
    width: 100vw;
    height: 100vh;
    max-width: 100%;
    overflow: hidden
}

.display-full-screen {
    width: 100vw;
    height: 100vh;
    max-width: 100%;
    position: relative
}

.max-w-576 {
    max-width: 576px
}

.max-w-768 {
    max-width: 768px
}

.max-w-992 {
    max-width: 992px
}

.fw-100 {
    font-weight: 100
}

.fw-200 {
    font-weight: 200
}

.fw-300 {
    font-weight: 300
}

.fw-400 {
    font-weight: 400
}

.fw-500 {
    font-weight: 500
}

.fw-600 {
    font-weight: 600
}

.fw-700 {
    font-weight: 700
}

.fw-800 {
    font-weight: 800
}

.fw-900 {
    font-weight: 900
}

.overlay-color {
    position: relative
}

    .overlay-color .bg-color {
        width: 100%;
        height: 100%;
        position: absolute
    }

.overlay-image {
    background: no-repeat 50%/cover
}

.overlay-image, .overlay-pattern {
    position: relative
}

    .overlay-pattern .bg-pattern {
        width: 100%;
        height: 100%;
        position: absolute
    }

    .overlay-pattern .bg-pattern-1 {
        position: absolute;
        background: repeat url(./assets/images/common/pattern-1.png) 50%/9px
    }

    .overlay-pattern .bg-pattern-2 {
        position: absolute;
        background: repeat url(./assets/images/common/pattern-2.png) 50%/9px
    }

    .overlay-pattern .bg-pattern-3 {
        position: absolute;
        background: repeat url(./assets/images/common/pattern-3.png) 50%/5px
    }

    .overlay-pattern .bg-patline-1 {
        opacity: .6;
        position: absolute;
        background: repeat-x url(./assets/images/common/patline-1.png) top
    }

    .overlay-pattern .bg-pattern-a {
        opacity: .6;
        z-index: 1;
        position: absolute;
        -webkit-animation: noise 60ms infinite;
        animation: noise 60ms infinite;
        background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MDAiIGhlaWdodD0iNTAwIj48ZmlsdGVyIGlkPSJhIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjciIG51bU9jdGF2ZXM9IjEwIiBzdGl0Y2hUaWxlcz0ic3RpdGNoIi8+PC9maWx0ZXI+PHBhdGggZD0iTTAgMGg1MDB2NTAwSDB6Ii8+PHBhdGggZmlsdGVyPSJ1cmwoI2EpIiBvcGFjaXR5PSIuNCIgZD0iTTAgMGg1MDB2NTAwSDB6Ii8+PC9zdmc+")
    }

.overlay-gradient {
    position: relative
}

.bo-color-1 {
    border-color: #70b6fe;
    border-color: var(--color-1)
}

.bo-color-2 {
    border-color: #c670fe;
    border-color: var(--color-2)
}

.bo-color-3 {
    border-color: #fec070;
    border-color: var(--color-3)
}

.bo-color-4 {
    border-color: #dc3545;
    border-color: var(--color-4)
}

.bo-color-5 {
    border-color: #28a745;
    border-color: var(--color-5)
}

.bo-color-6 {
    border-color: #00008b;
    border-color: var(--color-6)
}

.bo-primary {
    border-color: orange;
    border-color: var(--primary)
}

.bp-secondary {
    border-color: "";
    border-color: var(--secondary)
}

.bg-color-1 {
    background-color: #70b6fe;
    background-color: var(--color-1)
}

.bg-color-2 {
    background-color: #c670fe;
    background-color: var(--color-2)
}

.bg-color-3 {
    background-color: #fec070;
    background-color: var(--color-3)
}

.bg-color-4 {
    background-color: #dc3545;
    background-color: var(--color-4)
}

.bg-color-5 {
    background-color: #28a745;
    background-color: var(--color-5)
}

.bg-color-6 {
    background-color: #00008b;
    background-color: var(--color-6)
}

.bg-light {
    background-color: #fff;
    background-color: var(--white)
}

.bg-dark {
    background-color: #000;
    background-color: var(--black)
}

.bg-base-0 {
    background-color: #fff;
    background-color: var(--base-0)
}

.bg-base-1 {
    background-color: #151812;
    background-color: var(--base-1)
}

.bg-primary {
    background-color: orange;
    background-color: var(--primary)
}

.bg-secondary {
    background-color: "";
    background-color: var(--secondary)
}

.bg-gradient-side {
    background-image: linear-gradient(270deg,orange,transparent 70%);
    background-image: linear-gradient(270deg,var(--primary),transparent 70%)
}

.bg-dark-10 {
    background-color: rgba(0,0,0,.1)
}

.bg-dark-20 {
    background-color: rgba(0,0,0,.2)
}

.bg-dark-30 {
    background-color: rgba(0,0,0,.3)
}

.bg-dark-40 {
    background-color: rgba(0,0,0,.4)
}

.bg-dark-50 {
    background-color: rgba(0,0,0,.5)
}

.bg-dark-60 {
    background-color: rgba(0,0,0,.6)
}

.bg-dark-70 {
    background-color: rgba(0,0,0,.7)
}

.bg-dark-80 {
    background-color: rgba(0,0,0,.8)
}

.bg-dark-90 {
    background-color: rgba(0,0,0,.9)
}

.bg-dark-1000 {
    background-color: #000
}

.bg-light-10 {
    background-color: hsla(0,0%,100%,.1)
}

.bg-light-20 {
    background-color: hsla(0,0%,100%,.2)
}

.bg-light-30 {
    background-color: hsla(0,0%,100%,.3)
}

.bg-light-40 {
    background-color: hsla(0,0%,100%,.4)
}

.bg-light-50 {
    background-color: hsla(0,0%,100%,.5)
}

.bg-light-60 {
    background-color: hsla(0,0%,100%,.6)
}

.bg-light-70 {
    background-color: hsla(0,0%,100%,.7)
}

.bg-light-80 {
    background-color: hsla(0,0%,100%,.8)
}

.bg-light-90 {
    background-color: hsla(0,0%,100%,.9)
}

.bg-light-1000 {
    background-color: #fff
}

.bg-gradient-0 {
    background-image: linear-gradient(0deg,orange,"");
    background-image: linear-gradient(0deg,var(--primary),var(--secondary))
}

.bg-gradient-45 {
    background-image: linear-gradient(45deg,orange,"");
    background-image: linear-gradient(45deg,var(--primary),var(--secondary))
}

.bg-gradient-90 {
    background-image: linear-gradient(90deg,orange,"");
    background-image: linear-gradient(90deg,var(--primary),var(--secondary))
}

.bg-gradient-135 {
    background-image: linear-gradient(135deg,orange,"");
    background-image: linear-gradient(135deg,var(--primary),var(--secondary))
}

.bg-gradient-180 {
    background-image: linear-gradient(180deg,orange,"");
    background-image: linear-gradient(180deg,var(--primary),var(--secondary))
}

.bg-gradient-225 {
    background-image: linear-gradient(225deg,orange,"");
    background-image: linear-gradient(225deg,var(--primary),var(--secondary))
}

.bg-gradient-270 {
    background-image: linear-gradient(270deg,orange,"");
    background-image: linear-gradient(270deg,var(--primary),var(--secondary))
}

.bg-gradient-315 {
    background-image: linear-gradient(315deg,orange,"");
    background-image: linear-gradient(315deg,var(--primary),var(--secondary))
}

.bg-gradient-360 {
    background-image: linear-gradient(1turn,orange,"");
    background-image: linear-gradient(1turn,var(--primary),var(--secondary))
}

.react-rotating-text-cursor {
    -webkit-animation: blinking-cursor .8s cubic-bezier(.68,.01,.01,.99) 0s infinite;
    animation: blinking-cursor .8s cubic-bezier(.68,.01,.01,.99) 0s infinite
}

.app-header-1 {
    z-index: 99;
    width: 100%;
    max-width: 100%;
    position: fixed
}

    .app-header-1 .header-logo {
        top: 20px;
        left: 30px;
        z-index: 12;
        font-size: 24px;
        font-weight: 700;
        position: absolute
    }

    .app-header-1 .header-menu {
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        position: fixed;
        list-style: none;
        overflow: auto;
        white-space: nowrap;
        padding-left: 30px;
        margin-bottom: 0;
        background: #151812;
        background: var(--base-1);
        -ms-overflow-style: none;
        border-top: 1px solid orange;
        border-top: 1px solid var(--primary);
        border-bottom: 1px solid orange;
        border-bottom: 1px solid var(--primary)
    }

        .app-header-1 .header-menu li {
            color: #fff;
            color: var(--base-0);
            font-size: 12px;
            margin-right: 25px;
            display: inline-block;
            padding: 7px 0 6px
        }

            .app-header-1 .header-menu li .active {
                color: orange;
                color: var(--primary);
                font-weight: 700
            }

        .app-header-1 .header-menu::-webkit-scrollbar {
            display: none
        }

    .app-header-1 .header-dots {
        top: 50%;
        right: 30px;
        width: 20px;
        height: 300px;
        padding: 0;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-content: stretch;
        position: fixed;
        list-style: none;
        margin-top: -150px
    }

        .app-header-1 .header-dots li {
            margin-bottom: 14px
        }

            .app-header-1 .header-dots li a {
                display: block
            }

                .app-header-1 .header-dots li a .circle {
                    width: 10px;
                    height: 10px;
                    display: block;
                    border-radius: 50%;
                    border: 1px solid #151812;
                    border: 1px solid var(--base-1)
                }

                .app-header-1 .header-dots li a.active .circle {
                    border-color: orange;
                    border-color: var(--primary);
                    background-color: orange;
                    background-color: var(--primary)
                }

    .app-header-1 .button-menu {
        top: 10px;
        right: 30px;
        width: 50px;
        height: 50px;
        z-index: 99;
        position: absolute;
        padding-top: 12px
    }

        .app-header-1 .button-menu span {
            width: 36px
        }

            .app-header-1 .button-menu span, .app-header-1 .button-menu span:after, .app-header-1 .button-menu span:before {
                height: 3px;
                float: right;
                display: block;
                position: relative;
                background-color: #151812;
                background-color: var(--base-1)
            }

                .app-header-1 .button-menu span:before {
                    top: -12px;
                    width: 30px;
                    content: ""
                }

                .app-header-1 .button-menu span:after {
                    bottom: -10px;
                    width: 30px;
                    content: ""
                }

    .app-header-1 .header-follow {
        top: 50%;
        left: 30px;
        width: 20px;
        height: 200px;
        position: fixed;
        margin-top: -100px
    }

        .app-header-1 .header-follow ul {
            list-style: none;
            padding: 0;
            margin: 0
        }

            .app-header-1 .header-follow ul li {
                display: block;
                font-size: 12px;
                text-align: center;
                margin-bottom: 10px;
                transition: all .3s
            }

                .app-header-1 .header-follow ul li:hover {
                    transform: scale(1.5)
                }

        .app-header-1 .header-follow p {
            top: 110px;
            left: -24px;
            width: 68px;
            height: 20px;
            color: #151812;
            color: var(--base-1);
            font-size: 12px;
            font-weight: 600;
            line-height: 1.2;
            white-space: nowrap;
            position: relative;
            transform: rotate(-90deg)
        }

            .app-header-1 .header-follow p:after {
                top: 9px;
                right: -48px;
                width: 40px;
                height: 1px;
                content: "";
                display: block;
                position: absolute;
                background-color: #fff0;
                background-color: #fff0
            }

@media (max-width:1024px) {
    .app-header .header-logo {
        top: 15px;
        left: 15px
    }

    .app-header .header-dots {
        right: 15px
    }

    .app-header .button-menu {
        top: 15px;
        right: 15px
    }

    .app-header .header-follow {
        left: 15px
    }
}

@media (max-width:992px) {
    .app-header {
        position: absolute !important
    }

        .app-header .header-logo {
            top: 14px;
            left: 18px
        }

        .app-header .button-menu {
            top: 7px;
            right: 10px
        }

        .app-header .header-dots {
            right: 0 !important
        }

        .app-header .header-follow {
            left: 10px
        }
}

@media (max-width:768px) {
    .app-header .header-dots, .app-header .header-follow {
        display: none !important
    }
}

.route-wrapper {
    position: relative
}

    .route-wrapper > div {
        position: absolute
    }

.switch-wrapper {
    height: 100%;
    position: relative
}

    .switch-wrapper > div {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute
    }

.app-sidenav {
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10000;
    position: fixed;
    visibility: hidden;
    transition: all .6s
}

    .app-sidenav, .app-sidenav p {
        color: #151812;
        color: var(--base-1)
    }

        .app-sidenav .sidenav-menu {
            left: -100%;
            width: 345px;
            height: 100%;
            min-height: 100%;
            z-index: 10001;
            max-width: 75%;
            position: fixed;
            overflow: hidden;
            background-color: orange;
            background-color: var(--primary);
            transition: all .6s
        }

            .app-sidenav .sidenav-menu .logo {
                top: 30px;
                left: 30px;
                color: #151812;
                color: var(--base-1);
                font-size: 24px;
                font-weight: 700;
                line-height: 1;
                position: absolute
            }

            .app-sidenav .sidenav-menu .mega-menu {
                display: none
            }

            .app-sidenav .sidenav-menu .button {
                top: 21px;
                right: 25px;
                width: 30px;
                height: 30px;
                z-index: 999;
                display: block;
                cursor: pointer;
                position: absolute;
                border-radius: 50%;
                border: 0 !important
            }

                .app-sidenav .sidenav-menu .button:before {
                    transform: translate(-50%,-50%) rotate(45deg)
                }

                .app-sidenav .sidenav-menu .button:after, .app-sidenav .sidenav-menu .button:before {
                    top: 50%;
                    left: 50%;
                    width: 100%;
                    height: 2px;
                    content: "";
                    position: absolute;
                    background-color: #151812;
                    background-color: var(--base-1)
                }

                .app-sidenav .sidenav-menu .button:after {
                    transform: translate(-50%,-50%) rotate(-45deg)
                }

        .app-sidenav .sidenav-nav {
            top: 50%;
            left: 30px;
            padding: 0;
            z-index: 99;
            position: absolute;
            list-style: none;
            transform: translate(-50%,-50%)
        }

            .app-sidenav .sidenav-nav li {
                height: 40px;
                color: #151812;
                color: var(--base-1);
                font-weight: 600;
                text-transform: uppercase;
                position: relative;
                margin-bottom: 15px
            }

                .app-sidenav .sidenav-nav li a {
                    color: #fff;
                    display: block
                }

                .app-sidenav .sidenav-nav li span {
                    top: 10px;
                    left: 18px;
                    opacity: .75;
                    font-size: 36px;
                    position: absolute;
                    white-space: nowrap
                }

                .app-sidenav .sidenav-nav li:before {
                    top: 32px;
                    left: -4px;
                    width: 10px;
                    height: 10px;
                    content: "";
                    position: absolute;
                    border-radius: 50%;
                    border: 1px solid #151812;
                    border: 1px solid var(--base-1)
                }

                .app-sidenav .sidenav-nav li:hover a:not(.active) span {
                    opacity: 1
                }

                .app-sidenav .sidenav-nav li:hover .count {
                    display: none
                }

                .app-sidenav .sidenav-nav li:hover .anchor {
                    display: block
                }

                .app-sidenav .sidenav-nav li .active {
                    color: #151812;
                    color: var(--base-1);
                    opacity: 1
                }

                    .app-sidenav .sidenav-nav li .active span {
                        text-decoration: none
                    }

        .app-sidenav .sidenav-links {
            right: 0;
            bottom: 0;
            width: 100%;
            height: 39px;
            padding-left: 30px;
            position: absolute
        }

            .app-sidenav .sidenav-links p {
                font-size: 14px;
                white-space: nowrap
            }

            .app-sidenav .sidenav-links ul {
                float: right;
                padding-right: 30px;
                list-style: none
            }

                .app-sidenav .sidenav-links ul li {
                    font-size: 14px;
                    margin-left: 15px;
                    display: inline-block
                }

        .app-sidenav .sidenav-close {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: .75;
            position: fixed;
            background: #fff;
            background: var(--base-0)
        }

        .app-sidenav.active {
            opacity: 1;
            left: 0;
            visibility: visible
        }

            .app-sidenav.active .sidenav-menu {
                left: 0
            }

@media (max-width:768px) {
    .app-sidenav .sidenav-nav li {
        margin-bottom: 5px
    }

        .app-sidenav .sidenav-nav li span {
            font-size: 24px
        }

        .app-sidenav .sidenav-nav li:before {
            top: 23px
        }
}

@media (max-width:575px) {
    .app-sidenav .sidenav-menu .mega-menu a {
        font-size: 14px !important;
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media (min-width:992px) {
    .app-sidenav {
        opacity: 0;
        visibility: hidden
    }
}

.row-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

    .row-0 > * {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

.row-xs {
    margin-left: -6px !important;
    margin-right: -6px !important
}

    .row-xs > * {
        padding-left: 6px !important;
        padding-right: 6px !important
    }

.row-sm {
    margin-left: -9px !important;
    margin-right: -9px !important
}

    .row-sm > * {
        padding-left: 9px !important;
        padding-right: 9px !important
    }

.row-md {
    margin-left: -15px;
    margin-right: -15px
}

    .row-md > * {
        padding-left: 15px;
        padding-right: 15px
    }

.row-center {
    justify-content: center !important
}

.form input[type=date], .form input[type=email], .form input[type=number], .form input[type=password], .form input[type=search], .form input[type=tel], .form input[type=text], .form select, .form textarea {
    width: 100%;
    display: block;
    font-size: 14px;
    line-height: 1.5
}

    .form select[multiple], .form textarea {
        min-height: 180px
    }

.form-1 .row {
    margin-left: -12px;
    margin-right: -12px
}

    .form-1 .row > * {
        padding-left: 12px;
        padding-right: 12px
    }

.form-1 label {
    top: -7px;
    left: 10px;
    color: #151812;
    color: var(--base-1);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -.02em;
    display: inline-block;
    position: absolute;
    margin-bottom: 9px;
    padding: 0 6px;
    background-color: #fff;
    background-color: var(--base-0);
    transition: all .2s
}

.form-1 input[type=date], .form-1 input[type=email], .form-1 input[type=number], .form-1 input[type=password], .form-1 input[type=search], .form-1 input[type=tel], .form-1 input[type=text], .form-1 select, .form-1 textarea {
    width: 100%;
    height: 45px;
    color: #151812;
    color: var(--base-1);
    display: block;
    font-size: 12px;
    padding: 10px 10px 0;
    outline: 0;
    border: 1px solid #151812;
    border: 1px solid var(--base-1);
    background-color: #fff;
    background-color: var(--base-0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-1 textarea {
    padding-top: 15px
}

.form-1 .form-item {
    position: relative;
    margin-bottom: 24px
}

.form-1 input:focus, .form-1 select:focus, .form-1 textarea:focus {
    border-color: orange;
    border-color: var(--primary)
}

.button {
    font-weight: 700;
    white-space: nowrap;
    display: inline-block;
    margin-right: 2px;
    transition: all .3s
}

    .button.button-block {
        width: 100%;
        float: inherit;
        display: block
    }

.button-sm {
    height: 36px;
    font-size: 12px;
    padding: 9px 18px
}

.button-circle-sm {
    width: 36px;
    height: 36px;
    font-size: 12px;
    line-height: 36px
}

.button-md {
    height: 45px;
    font-size: 14px;
    padding: 12px 30px
}

.button-circle-md {
    width: 45px;
    height: 45px;
    font-size: 14px;
    line-height: 45px
}

.button-lg {
    height: 45px;
    font-size: 14px;
    padding: 12px 27px
}

.button-circle-lg {
    width: 55px;
    height: 55px;
    font-size: 18px;
    line-height: 55px
}

.button-xl {
    height: 62px;
    font-size: 16px;
    padding: 16px 42px
}

.button-circle-xl {
    width: 62px;
    height: 62px;
    font-size: 20px;
    line-height: 62px
}

.button-dark {
    color: #fff;
    background-color: #242424
}

    .button-dark:hover {
        color: #fff;
        background-color: #111
    }

.button-light {
    color: #333;
    background-color: #fff
}

    .button-light:hover {
        color: #000;
        background-color: #eee
    }

.button-primary {
    color: #151812;
    color: var(--base-1);
    background-color: orange;
    background-color: var(--primary)
}

    .button-primary:hover {
        color: #fff;
        background-color: #f80;
        background-color: var(--primary-1)
    }

.button-secondary {
    color: #fff;
    background-color: "";
    background-color: var(--secondary)
}

    .button-secondary:hover {
        color: #fff;
        background-color: "";
        background-color: var(--secondary-1)
    }

.button-gradient {
    color: #fff
}

    .button-gradient:hover {
        color: #fff;
        box-shadow: 0 3px 12px orange;
        box-shadow: 0 3px 12px var(--primary)
    }

.button-line-light {
    color: #fff;
    color: var(--base-0);
    border: 1px solid #fff;
    border: 1px solid var(--base-0)
}

.button-line-dark {
    color: #151812;
    color: var(--base-1);
    border: 1px solid #151812;
    border: 1px solid var(--base-1)
}

.button-line-primary {
    color: orange;
    color: var(--primary);
    border: 1px solid orange;
    border: 1px solid var(--primary)
}

.button-line-secondary {
    color: "";
    color: var(--secondary);
    border: 1px solid;
    border: 1px solid var(--secondary)
}

.button-flat {
    border-radius: 0
}

.button-circle {
    border-radius: 50%
}

    .button-circle i {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%,-50%)
    }

.button-radius {
    border-radius: 24px
}

.button-icon-md {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center
}

.button-icon-lg {
    line-height: 60px
}

.button-icon-lg, .button-icon-xl {
    width: 60px;
    height: 60px;
    font-size: 18px;
    text-align: center
}

.button-icon-xl {
    line-height: 64px
}

.button .icon {
    z-index: 3;
    position: relative
}

.button .hover-wave {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute
}

    .button .hover-wave:after, .button .hover-wave:before {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        position: absolute;
        background-color: #eee;
        background-color: var(--gray);
        border-radius: 50%
    }

    .button .hover-wave:before {
        opacity: .3
    }

    .button .hover-wave:after {
        opacity: .15
    }

.button:hover .hover-wave {
    opacity: 1
}

    .button:hover .hover-wave:before {
        -webkit-animation: wave-animate 1.2s infinite;
        animation: wave-animate 1.2s infinite
    }

    .button:hover .hover-wave:after {
        -webkit-animation: wave-animate 1.5s infinite;
        animation: wave-animate 1.5s infinite
    }

.button-alt:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: .15;
    position: absolute
}

.button-alt.button-alt-primary {
    color: orange;
    color: var(--primary)
}

    .button-alt.button-alt-primary:before {
        background-color: #f80;
        background-color: var(--primary-1)
    }

.button-alt.button-alt-secondary {
    color: "";
    color: var(--secondary)
}

    .button-alt.button-alt-secondary:before {
        background-color: "";
        background-color: var(--secondary-1)
    }

.button-alt.button-circle:before {
    border-radius: 50%
}

.button {
    overflow: hidden;
    position: relative
}

    .button .text {
        z-index: 1;
        position: relative
    }

    .button .wave {
        top: 0;
        left: 50%;
        width: 500px;
        height: 500px;
        opacity: 1;
        position: absolute;
        margin-top: -480px;
        margin-left: -250px;
        border-radius: 43%;
        transform-origin: 50% 49%;
        box-shadow: 0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.3);
        -webkit-animation: drift 8s linear infinite;
        animation: drift 8s linear infinite
    }

.el-tabs ul {
    display: block;
    list-style: none;
    text-align: center;
    padding: 0;
    margin-bottom: 30px
}

    .el-tabs ul li {
        color: #151812;
        color: var(--base-1);
        cursor: pointer;
        font-size: 12px;
        font-weight: 500;
        position: relative;
        display: inline-block;
        padding: 7px 15px;
        border-radius: 30px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .el-tabs ul li.active {
            background-color: orange;
            background-color: var(--primary)
        }

.slick-slider .slick-dots li {
    top: 25px;
    position: relative;
    margin: 0 !important
}

    .slick-slider .slick-dots li button:before {
        color: #151812;
        color: var(--base-1);
        width: 8px !important;
        height: 8px !important;
        opacity: 1 !important;
        overflow: hidden;
        border: 1px solid #151812;
        border: 1px solid var(--base-1);
        border-radius: 50%
    }

    .slick-slider .slick-dots li.slick-active button:before {
        color: orange;
        color: var(--primary);
        background-color: orange;
        background-color: var(--primary)
    }

.el-slider-plr--15 {
    padding-left: -15px;
    padding-right: -15px
}

    .el-slider-plr--15 .slick-slide {
        padding-left: 15px;
        padding-right: 15px
    }

@media (max-width:992px) {
    .el-slider-plr--15, .el-slider-plr--15 .slick-slide {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.el-progress {
    position: relative;
    margin-bottom: 60px
}

    .el-progress span {
        color: #151812;
        color: var(--base-1);
        font-weight: 500;
        display: inline-block;
        margin-bottom: 15px
    }

    .el-progress .el-icon {
        margin-bottom: 25px
    }

    .el-progress .el-progress-count {
        top: 12px;
        right: 0;
        position: absolute
    }

    .el-progress div {
        height: 12px;
        border-radius: 3px;
        background-color: #eee
    }

        .el-progress div .el-progress-bar {
            width: 0;
            background-size: 1rem 1rem;
            background-color: orange;
            background-color: var(--primary);
            background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
            -webkit-animation: progress-bar-stripes 1s linear infinite;
            animation: progress-bar-stripes 1s linear infinite
        }

.divider {
    display: inline-block;
    margin: 0 9px 15px;
    background-color: orange;
    background-color: var(--primary)
}

    .divider, .divider.divider-1 {
        width: 63px;
        height: 4px;
        position: relative
    }

        .divider.divider-1 {
            margin-bottom: 15px;
            background: orange;
            background: var(--primary)
        }

        .divider.divider-1-1 {
            margin-right: 12px !important
        }

        .divider.divider-1-2:before {
            left: -9px
        }

        .divider.divider-1-2:after, .divider.divider-1-2:before {
            width: 5px;
            height: 5px;
            content: "";
            position: absolute;
            border-radius: 50%;
            background-color: orange;
            background-color: var(--primary)
        }

        .divider.divider-1-2:after {
            left: -17px
        }

        .divider.divider-1-2.divider-single {
            left: 12px
        }

.el-headline {
    width: 100%;
    position: relative;
    margin-bottom: 60px
}

    .el-headline .el-headline-title {
        font-size: 36px
    }

    .el-headline .el-headline-label {
        position: relative
    }

        .el-headline .el-headline-label span {
            font-size: 16px;
            font-weight: 700;
            letter-spacing: 1px;
            text-transform: uppercase;
            position: relative;
            display: inline-block;
            margin-bottom: 10px
        }

        .el-headline .el-headline-label:before {
            left: 0;
            right: 0;
            bottom: 10px;
            width: 36px;
            height: 36px;
            opacity: .75;
            content: "";
            position: absolute;
            border-radius: 50%;
            margin: auto;
            background-color: orange;
            background-color: var(--primary)
        }

    .el-headline.center {
        max-width: 576px;
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }

@media (max-width:768px) {
    .el-headline p {
        font-size: 14px
    }

    .el-headline .el-headline-title {
        font-size: 21px
    }
}

.el-heading {
    max-width: 600px
}

    .el-heading p {
        font-size: 14px;
        margin-bottom: 20px
    }

    .el-heading h1 {
        font-size: 50px;
        line-height: 1.4;
        margin-bottom: 36px
    }

    .el-heading h2 {
        font-size: 30px;
        line-height: 1.4;
        margin-bottom: 30px
    }

    .el-heading h3 {
        color: #151812;
        color: var(--base-1);
        font-size: 36px;
        font-weight: 700;
        margin-bottom: 15px
    }

    .el-heading .label {
        color: orange;
        color: var(--primary);
        display: block;
        font-weight: 600;
        margin-bottom: 15px
    }

    .el-heading .el-icon {
        margin-bottom: 9px
    }

    .el-heading .el-heading-label {
        color: orange;
        color: var(--primary);
        display: block;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 15px
    }

    .el-heading.el-heading-center {
        max-width: 768px;
        text-align: center;
        margin: 0 auto 60px
    }

        .el-heading.el-heading-center .el-icon .el-icon-title {
            padding-top: 15px;
            padding-left: 0 !important;
            padding-right: 0 !important
        }

        .el-heading.el-heading-center .el-icon:before {
            left: 0;
            right: 0;
            margin: auto
        }

    .el-heading.no-title p {
        padding-top: 7px
    }

@media (max-width:992px) {
    .el-heading p {
        margin-bottom: 15px
    }

    .el-heading h1 {
        font-size: 33px;
        line-height: 1.4
    }

    .el-heading h3 {
        font-size: 24px
    }
}

.el-scroll {
    left: 0;
    right: 0;
    bottom: 66px;
    width: 30px;
    height: 45px;
    z-index: 18;
    position: absolute;
    margin: auto;
    border-radius: 25px;
    border: 1px solid #fff
}

    .el-scroll:before {
        top: 9px;
        width: 2px;
        height: 9px;
        background: #fff;
        border-radius: 3px;
        -webkit-animation-name: scroll;
        animation-name: scroll;
        -webkit-animation-duration: 1.2s;
        animation-duration: 1.2s;
        -webkit-animation-timing-function: cubic-bezier(.15,.41,.69,.94);
        animation-timing-function: cubic-bezier(.15,.41,.69,.94);
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .el-scroll-line, .el-scroll:before {
        left: 0;
        right: 0;
        margin: auto;
        position: absolute;
        display: block;
        content: ""
    }

.el-scroll-line {
    bottom: 0;
    width: 1px;
    height: 50px;
    background-color: #fff
}

.el-blockquote {
    overflow: hidden;
    position: relative;
    font-size: 16px;
    font-style: inherit;
    margin-top: 30px;
    padding: 15px 30px 15px 81px
}

    .el-blockquote p {
        font-weight: 100;
        text-align: left;
        margin-bottom: 15px
    }

    .el-blockquote .el-blockquote-icon {
        top: 12px;
        left: 0;
        width: 60px;
        height: 60px;
        color: #151812;
        color: var(--base-1);
        display: block;
        font-size: 18px;
        line-height: 60px;
        text-align: center;
        padding-top: 4px;
        border-radius: 50%;
        position: absolute;
        background: orange;
        background: var(--primary)
    }

    .el-blockquote .el-blockquote-author {
        color: orange;
        color: var(--primary);
        font-size: 14px
    }

.el-circle-side {
    top: 0;
    width: 100vh;
    height: 100vh;
    opacity: .3;
    padding-top: 50%;
    padding-left: 50%;
    position: absolute;
    border-radius: 50%;
    background-color: #fff;
    background-color: var(--base-0)
}

    .el-circle-side.left {
        left: 7
    }

    .el-circle-side.right {
        right: 7%
    }

@media (max-width:768px) {
    .el-circle-side {
        display: none
    }
}

.el-list-check {
    list-style: none;
    padding: 0;
    margin: 0 15px 20px
}

    .el-list-check li {
        display: block;
        font-weight: 500;
        margin-bottom: 9px
    }

        .el-list-check li .icon {
            top: 1px;
            color: green;
            position: relative;
            margin-right: 9px
        }

.el-go-back {
    display: block;
    position: relative;
    color: #151812;
    color: var(--base-1)
}

    .el-go-back .icon {
        top: 2px;
        left: -3px;
        position: relative;
        margin-right: 6px
    }

.el-icon {
    display: block;
    position: relative;
    margin-bottom: 30px
}

    .el-icon .el-icon-icon {
        top: 10px;
        left: 10px;
        z-index: 3;
        font-size: 30px;
        line-height: 36px;
        position: relative
    }

    .el-icon .el-icon-label, .el-icon .el-icon-subtitle, .el-icon .el-icon-title {
        display: block;
        padding-top: 9px;
        padding-left: 15px
    }

    .el-icon .el-icon-label {
        top: -1px;
        font-size: 14px
    }

    .el-icon .el-icon-label, .el-icon .el-icon-title {
        font-weight: 700;
        position: relative;
        margin-bottom: 3px
    }

    .el-icon .el-icon-title {
        top: -2px;
        font-size: 16px
    }

    .el-icon .el-icon-small {
        font-size: 80%
    }

    .el-icon .el-icon-subtitle {
        font-size: 12px
    }

    .el-icon .el-icon-circle {
        top: 0;
        left: 0;
        width: 36px;
        height: 36px;
        display: block;
        text-align: center;
        position: absolute
    }

        .el-icon .el-icon-circle .el-icon-inner {
            top: 9px;
            left: 9px;
            font-size: 30px;
            position: absolute
        }

        .el-icon .el-icon-circle:before {
            top: 0;
            left: 0;
            width: 36px;
            height: 36px;
            content: "";
            position: absolute;
            border-radius: 50%;
            background-color: orange;
            background-color: var(--primary)
        }

    .el-icon.el-icon-dark .el-icon-subtitle, .el-icon.el-icon-dark .el-icon-title {
        color: #000;
        color: var(--black)
    }

    .el-icon.el-icon-light .el-icon-subtitle, .el-icon.el-icon-light .el-icon-title {
        color: #fff;
        color: var(--white)
    }

    .el-icon:before {
        top: 0;
        left: 0;
        width: 36px;
        height: 36px;
        content: "";
        position: absolute;
        border-radius: 50%;
        background: orange;
        background: var(--primary)
    }

.el-card-icon {
    padding-left: 60px;
    margin-bottom: 30px
}

    .el-card-icon p {
        font-size: 12px;
        line-height: 1.8;
        margin-bottom: 15px
    }

    .el-card-icon h5 {
        color: #151812;
        color: var(--base-1);
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 10px
    }

    .el-card-icon .el-icon {
        top: 3px;
        left: 15px;
        position: absolute
    }

.el-particles {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute
}

.section-hero {
    width: 100%;
    position: relative;
    overflow-x: hidden
}

.section-hero-1 .el-heading .el-icon {
    margin-bottom: 20px
}

.section-hero-2 .el-heading {
    float: right
}

    .section-hero-2 .el-heading .el-icon {
        margin-bottom: 20px
    }

.section-hero-4 .el-slider {
    width: 100%;
    height: 100vh
}

    .section-hero-4 .el-slider .slide .image {
        height: 100vh
    }

    .section-hero-4 .el-slider .slick-dots {
        z-index: 6;
        bottom: 60px !important
    }

.section-hero-4 .el-particles {
    opacity: .3
}

.section-hero-4 .display-center {
    z-index: 3
}

.section-hero-5 .el-icon .icon {
    position: relative;
    margin-left: 3px;
    -webkit-animation: MoveUpDown 1s linear infinite;
    animation: MoveUpDown 1s linear infinite
}

.section-hero-5 .el-heading {
    width: 100% !important;
    max-width: 100% !important
}

    .section-hero-5 .el-heading h1 {
        font-size: 42px
    }

.section-hero-6:before {
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 15;
    opacity: .75;
    content: "";
    position: fixed;
    background: #fff;
    background: var(--base-0)
}

.section-hero-6 .display-center {
    z-index: 18
}

@media (max-width:992px) {
    .section-hero-4 .el-particles {
        display: none !important
    }
}

@media (max-width:768px) {
    .section-hero-2 {
        background-position: 0
    }

        .section-hero-2 .el-heading {
            float: inherit !important
        }

        .section-hero-2 .display-center {
            z-index: 3
        }

        .section-hero-2:after {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: "";
            opacity: .45;
            position: absolute;
            background-color: #fff;
            background-color: var(--base-0)
        }

    .section-hero-5 .el-heading h1 {
        font-size: 24px !important
    }
}

.section-about-1 .about-image {
    height: 100%;
    position: relative
}

    .section-about-1 .about-image .image {
        top: 0;
        left: 15px;
        right: 15px;
        height: 100%;
        position: absolute
    }

.section-resume-1 ul {
    padding: 0;
    list-style: none
}

    .section-resume-1 ul li {
        display: block;
        position: relative
    }

        .section-resume-1 ul li:after {
            top: -18px;
            left: 0;
            width: 1px;
            height: 100%;
            content: "";
            position: absolute;
            background-color: #151812;
            background-color: var(--base-1)
        }

.section-resume-1 .resume-title {
    z-index: 3;
    line-height: 1;
    position: relative;
    padding-left: 35px
}

    .section-resume-1 .resume-title:before {
        top: 5px;
        left: -7px;
        width: 15px;
        height: 15px;
        display: block;
        content: "";
        position: absolute;
        border-radius: 50%;
        background-color: orange;
        background-color: var(--primary)
    }

.section-resume-1 .resume-item {
    position: relative
}

    .section-resume-1 .resume-item p {
        font-size: 12px;
        font-weight: 500;
        padding-left: 10px;
        margin-bottom: 0
    }

    .section-resume-1 .resume-item .resume-body {
        padding: 20px 36px
    }

    .section-resume-1 .resume-item .resume-head {
        position: relative;
        padding-top: 30px;
        padding-left: 90px;
        margin-bottom: 10px
    }

        .section-resume-1 .resume-item .resume-head h5 {
            color: #151812;
            color: var(--base-1);
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 10px
        }

        .section-resume-1 .resume-item .resume-head h6 {
            color: #151812;
            color: var(--base-1);
            font-size: 12px
        }

        .section-resume-1 .resume-item .resume-head .el-icon {
            top: 26px;
            left: 24px;
            position: absolute
        }

    .section-resume-1 .resume-item:before {
        top: 43px;
        left: 0;
        width: 25px;
        height: 1px;
        content: "";
        position: absolute;
        background-color: #151812;
        background-color: var(--base-1)
    }

.section-blog-1 .post-item {
    position: relative
}

    .section-blog-1 .post-item h4 {
        font-size: 18px;
        font-weight: 700
    }

    .section-blog-1 .post-item .post-date {
        display: block;
        font-size: 12px;
        margin-bottom: 20px
    }

        .section-blog-1 .post-item .post-date i {
            top: 1px;
            position: relative;
            margin-right: 6px
        }

    .section-blog-1 .post-item .post-image {
        position: relative;
        padding-top: 60%;
        margin-right: 15px;
        margin-bottom: 20px;
        background: no-repeat orange 50%/cover;
        background: no-repeat var(--primary) 50%/cover;
        transition: all .6s
    }

    .section-blog-1 .post-item .post-content {
        position: relative;
        padding-left: 60px;
        padding-right: 15px
    }

        .section-blog-1 .post-item .post-content .el-icon {
            top: 0;
            left: 0;
            width: 36px;
            height: 36px;
            text-align: center;
            position: absolute
        }

    .section-blog-1 .post-item:before {
        top: 15px;
        left: 15px;
        right: 0;
        bottom: 0;
        content: "";
        position: absolute;
        border-radius: 3px;
        border: 1px solid #151812;
        border: 1px solid var(--base-1);
        background-color: transparent
    }

.section-single-post .post {
    position: relative
}

    .section-single-post .post .post-head {
        margin-bottom: 30px
    }

        .section-single-post .post .post-head .post-info h1 {
            font-size: 45px
        }

        .section-single-post .post .post-head .post-info .author, .section-single-post .post .post-head .post-info .category {
            font-weight: bolder
        }

        .section-single-post .post .post-head .post-info .el-go-back {
            margin-bottom: 20px
        }

    .section-single-post .post .post-body img {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .section-single-post .post .post-body .post-image {
        margin-bottom: 30px
    }

    .section-single-post .post .post-body .post-tags {
        display: block
    }

        .section-single-post .post .post-body .post-tags ul {
            list-style: none;
            display: inline-block;
            padding: 0 0 0 15px
        }

            .section-single-post .post .post-body .post-tags ul li {
                display: inline-block;
                font-size: 14px;
                font-weight: 500;
                margin-right: 9px;
                margin-bottom: 3px
            }

                .section-single-post .post .post-body .post-tags ul li:before {
                    content: "#"
                }

        .section-single-post .post .post-body .post-tags > span {
            font-weight: 700
        }

    .section-single-post .post .post-body .post-content {
        margin-bottom: 30px
    }

@media (max-width:992px) {
    .section-blog-1 .post-item h4 {
        font-size: 16px
    }

    .section-single-post .post .post-head .post-info h1 {
        font-size: 30px
    }
}

.section-testimonial-1 .slick-dots {
    top: 0;
    right: 15px;
    bottom: inherit;
    position: absolute;
    text-align: right;
    display: inline-block
}

.section-testimonial-1 .testimonial-item {
    position: relative;
    padding: 30px;
    border: 1px solid #151812;
    border: 1px solid var(--base-1);
    background-color: #fff;
    background-color: var(--base-0)
}

    .section-testimonial-1 .testimonial-item p {
        font-size: 14px;
        line-height: 1.8;
        margin-bottom: 30px
    }

    .section-testimonial-1 .testimonial-item .type {
        font-size: 16px;
        font-weight: 700;
        position: relative;
        display: inline-block;
        margin: 0 15px 30px
    }

        .section-testimonial-1 .testimonial-item .type span {
            z-index: 6;
            position: relative
        }

        .section-testimonial-1 .testimonial-item .type:after {
            left: -16px;
            bottom: -6px;
            width: 36px;
            height: 36px;
            opacity: .75;
            content: "";
            position: absolute;
            border-radius: 50%;
            background-color: orange;
            background-color: var(--primary)
        }

    .section-testimonial-1 .testimonial-item .author {
        height: 50px;
        position: relative;
        padding-left: 65px
    }

        .section-testimonial-1 .testimonial-item .author h4 {
            font-size: 14px;
            margin-bottom: 6px
        }

        .section-testimonial-1 .testimonial-item .author h5 {
            color: #151812;
            color: var(--base-1);
            font-size: 12px;
            margin-bottom: 0
        }

        .section-testimonial-1 .testimonial-item .author img {
            top: 0;
            left: 0;
            width: 50px;
            height: 50px;
            position: absolute;
            border-radius: 50%
        }

.section-testimonial-1 .lets-work {
    text-align: center;
    padding-top: 90px;
    position: relative
}

    .section-testimonial-1 .lets-work .button {
        top: 0
    }

@media (max-width:992px) {
    .section-testimonial-1 .shape-2 {
        display: none
    }
}

@media (max-width:768px) {
    .section-testimonial-1 .testimonial-item {
        padding: 20px
    }

        .section-testimonial-1 .testimonial-item p {
            font-size: 12px
        }
}

.section {
    width: 100vw;
    display: block;
    max-width: 100%;
    min-height: 100vh;
    position: relative
}

    .section .section-inner-sidebar {
        left: 0;
        bottom: 0;
        width: 40%;
        height: 100vh;
        position: fixed;
        background-color: orange;
        background-color: var(--primary)
    }

        .section .section-inner-sidebar .el-page-gallery {
            width: 100%;
            height: 100%
        }

    .section .section-inner-content {
        right: 0;
        bottom: 0;
        width: 60%;
        height: 100%;
        float: right;
        overflow-y: scroll;
        padding: 0 50px;
        -ms-overflow-style: none;
        background-color: #fff;
        background-color: var(--base-0)
    }

        .section .section-inner-content::-webkit-scrollbar {
            display: none
        }

    .section.section-wave-1:after {
        left: 0;
        bottom: -1px;
        width: 100%;
        height: 20%;
        content: "";
        position: absolute;
        background: no-repeat url(../../assets/images/shapes/wave-1.png) bottom/cover
    }

    .section.section-wave-2:after {
        left: 0;
        bottom: -90px;
        width: 100%;
        height: 20%;
        content: "";
        position: absolute;
        background: no-repeat url(../../assets/images/shapes/wave-2.png) bottom/cover
    }

    .section.section-wave-3:after {
        left: 0;
        bottom: 0;
        width: 100%;
        height: 300px;
        content: "";
        position: absolute;
        background: no-repeat url(../../assets/images/shapes/wave-3.png) bottom/cover
    }

    .section.section-wave-6:after {
        left: 0;
        bottom: 0;
        width: 100%;
        height: 30px;
        content: "";
        position: absolute;
        background: repeat-x url(../../assets/images/shapes/wave-6.png) bottom/contain
    }

.section-contact-1 .contact-image {
    height: 100%;
    position: relative
}

    .section-contact-1 .contact-image .image {
        top: 0;
        left: 15px;
        right: 15px;
        height: 100%;
        position: absolute
    }

.section-service .service-wrap {
    position: relative;
    padding-top: 100%
}

    .section-service .service-wrap .service-item {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        padding: 30px;
        border: 1px solid #000
    }

        .section-service .service-wrap .service-item p {
            font-size: 12px
        }

        .section-service .service-wrap .service-item h3 {
            display: block;
            font-size: 14px;
            font-weight: 700;
            padding-top: 55px;
            margin-bottom: 20px
        }

        .section-service .service-wrap .service-item .el-icon-icon {
            top: 30px;
            left: 30px;
            width: 36px;
            height: 36px;
            font-size: 30px;
            position: absolute;
            text-align: center
        }

        .section-service-3 .service-wrap .service-item, .section-service .service-wrap .service-item:hover {
            background-color: orange;
            background-color: var(--primary)
        }

@media (max-width:768px) {
    .section-service .service-wrap .service-item {
        padding: 10px 20px 0
    }

        .section-service .service-wrap .service-item h3 {
            margin-bottom: 10px
        }

        .section-service .service-wrap .service-item .el-icon-icon {
            top: 15px;
            left: 15px
        }
}

@media (max-width:576px) {
    .section-service .service-wrap {
        padding-top: 220px
    }

        .section-service .service-wrap .service-item {
            padding: 30px 30px 0
        }

            .section-service .service-wrap .service-item h3 {
                margin-bottom: 10px
            }

            .section-service .service-wrap .service-item .el-icon-icon {
                top: 30px;
                left: 30px
            }
}

.section-portfolio-1 {
    background-color: #fff;
    background-color: var(--base-0)
}

    .section-portfolio-1 .portfolio-item {
        overflow: hidden;
        position: relative;
        margin-bottom: 30px
    }

        .section-portfolio-1 .portfolio-item .portfolio-card {
            width: 100%;
            overflow: hidden;
            position: relative;
            padding-top: 100%
        }

            .section-portfolio-1 .portfolio-item .portfolio-card .image {
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                position: absolute;
                transition: all .6s
            }

            .section-portfolio-1 .portfolio-item .portfolio-card .content {
                top: 60%;
                left: 50%;
                width: 100%;
                opacity: 0;
                visibility: hidden;
                position: absolute;
                text-align: center;
                transition: all .45s;
                transform: translate(-50%,-50%)
            }

                .section-portfolio-1 .portfolio-item .portfolio-card .content h3 {
                    color: #151812;
                    color: var(--base-1);
                    font-size: 18px;
                    font-weight: 700;
                    margin-bottom: 0
                }

                .section-portfolio-1 .portfolio-item .portfolio-card .content span {
                    color: #151812;
                    color: var(--base-1);
                    display: block;
                    font-size: 14px;
                    font-weight: 300;
                    letter-spacing: 1px;
                    text-transform: uppercase;
                    margin-bottom: 6px
                }

                .section-portfolio-1 .portfolio-item .portfolio-card .content .button {
                    opacity: 0;
                    margin-bottom: 30px;
                    transform: translateY(-60px);
                    transition: all .45s
                }

                    .section-portfolio-1 .portfolio-item .portfolio-card .content .button span {
                        top: 4px;
                        left: 1px;
                        font-size: 14px;
                        position: relative
                    }

        .section-portfolio-1 .portfolio-item:hover .image {
            opacity: 0;
            transform: scale(1.2)
        }

        .section-portfolio-1 .portfolio-item:hover .content {
            top: 50%;
            opacity: 1;
            visibility: visible
        }

            .section-portfolio-1 .portfolio-item:hover .content .button {
                opacity: 1;
                transform: translate(0)
            }

@media (max-width:768px) {
    .section-portfolio-1 .el-tabs-links li {
        font-size: 10px;
        padding-left: 6px;
        padding-right: 6px
    }

    .section-portfolio-1 .row-center {
        margin-left: -6px !important;
        margin-right: -6px !important;
        margin-bottom: -12px !important
    }

        .section-portfolio-1 .row-center > * {
            padding-left: 6px !important;
            padding-right: 6px !important
        }

    .section-portfolio-1 .portfolio-item {
        margin-bottom: 12px
    }

        .section-portfolio-1 .portfolio-item p {
            font-size: 12px
        }

        .section-portfolio-1 .portfolio-item h4 {
            font-size: 14px
        }
}

.app-demo-options {
    top: 0;
    right: -330px;
    width: 330px;
    color: #000;
    direction: ltr;
    z-index: 99999;
    position: fixed;
    background: #fff;
    transition: right .75s;
    font-family: "Poppins",sans-serif
}

    .app-demo-options .app-demo-options-panel {
        width: 100%;
        height: 100vh;
        opacity: 0;
        max-width: 330px;
        min-height: 100%;
        overflow: hidden;
        overflow-y: scroll;
        visibility: hidden;
        box-shadow: 0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);
        transition: all .6s
    }

        .app-demo-options .app-demo-options-panel .app-demo-options-item {
            float: left;
            padding-bottom: 30px
        }

        .app-demo-options .app-demo-options-panel .app-demo-options-close {
            top: 20px;
            right: 20px;
            width: 45px;
            height: 45px;
            cursor: pointer;
            font-size: 21px;
            line-height: 45px;
            text-align: center;
            position: absolute
        }

        .app-demo-options .app-demo-options-panel .app-demo-options-title {
            display: block;
            font-size: 20px;
            font-weight: 700;
            text-align: left;
            padding: 24px 30px
        }

        .app-demo-options .app-demo-options-panel .app-demo-options-subtitle {
            display: block;
            direction: ltr;
            font-size: 16px;
            font-weight: 500;
            text-align: left;
            padding: 30px;
            border-top: 1px solid #ccc
        }

        .app-demo-options .app-demo-options-panel .app-demo-options-colors {
            padding: 0 30px;
            list-style: none;
            margin-bottom: 0;
            margin-left: -3px;
            margin-right: -3px;
            text-align: center
        }

            .app-demo-options .app-demo-options-panel .app-demo-options-colors li {
                width: 36px;
                height: 36px;
                float: left;
                cursor: pointer;
                border-radius: 50%;
                list-style: none;
                margin: 3px
            }

        .app-demo-options .app-demo-options-panel .app-demo-options-layout {
            list-style: none;
            padding: 0 30px
        }

            .app-demo-options .app-demo-options-panel .app-demo-options-layout li {
                padding: 0 6px
            }

                .app-demo-options .app-demo-options-panel .app-demo-options-layout li a {
                    display: block;
                    overflow: hidden;
                    position: relative;
                    padding-bottom: 30px;
                    margin-bottom: 12px;
                    border-radius: 3px;
                    box-shadow: 0 0 2px rgba(0,0,0,.3),0 3px 12px rgba(0,0,0,.21)
                }

                .app-demo-options .app-demo-options-panel .app-demo-options-layout li span {
                    left: 0;
                    right: 0;
                    height: 30px;
                    bottom: 0;
                    display: block;
                    font-size: 14px;
                    text-align: center;
                    white-space: nowrap;
                    padding-top: 4px;
                    position: absolute;
                    background-color: #fff
                }

    .app-demo-options .app-demo-options-toggle {
        top: 120px;
        left: -45px;
        width: 45px;
        height: 45px;
        color: #fff;
        cursor: pointer;
        opacity: .75;
        font-size: 27px;
        line-height: 50px;
        position: absolute;
        text-align: center;
        background: rgba(0,0,0,.3);
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        transition: right .9s
    }

        .app-demo-options .app-demo-options-toggle i {
            transition: all 3s;
            -webkit-animation: rotation 6s linear infinite;
            animation: rotation 6s linear infinite
        }

        .app-demo-options .app-demo-options-toggle:hover {
            opacity: 1;
            background: #000
        }

    .app-demo-options.active {
        right: 0
    }

        .app-demo-options.active .app-demo-options-panel {
            opacity: 1;
            visibility: visible
        }

.theme-preview {
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: inherit;
    overflow-x: hidden;
    position: relative
}

.theme-preview-heading {
    text-align: center;
    margin-bottom: 90px
}

    .theme-preview-heading h2 {
        color: #000;
        color: var(--black);
        font-size: 30px;
        font-weight: 300;
        margin-bottom: 15px
    }

    .theme-preview-heading h3 {
        color: #000;
        color: var(--black);
        font-size: 24px;
        font-weight: 700
    }

.theme-preview-header {
    width: 100%;
    z-index: 999;
    position: absolute
}

    .theme-preview-header:after {
        top: 0;
        left: 0;
        width: 100%;
        height: 84px;
        z-index: 1;
        opacity: .6;
        content: "";
        position: absolute;
        background: linear-gradient(180deg,#fff,transparent);
        background: linear-gradient(180deg,var(--white),transparent)
    }

    .theme-preview-header .button {
        top: 25px;
        right: 30px;
        z-index: 3;
        position: absolute
    }

    .theme-preview-header .header-logo {
        top: 30px;
        left: 30px;
        z-index: 99;
        position: fixed
    }

        .theme-preview-header .header-logo a {
            color: #000;
            color: var(--black);
            font-size: 24px;
            font-weight: 700;
            line-height: 1;
            border-bottom: 6px solid orange;
            border-bottom: 6px solid var(--primary)
        }

.theme-preview-hero {
    position: relative;
    z-index: 66;
    background-color: #f6f5fa
}

    .theme-preview-hero .el-heading {
        z-index: 6;
        position: relative
    }

    .theme-preview-hero .button {
        margin-right: 3px;
        border: 1px solid orange;
        border: 1px solid var(--primary)
    }

        .theme-preview-hero .button .text {
            top: -2px;
            position: relative
        }

        .theme-preview-hero .button .wave {
            opacity: 0
        }

        .theme-preview-hero .button:hover .wave {
            opacity: 1
        }

        .theme-preview-hero .button.text-primary {
            color: orange !important;
            color: var(--primary) !important
        }

        .theme-preview-hero .button.button-line-light {
            background-color: #fff
        }

            .theme-preview-hero .button.button-line-light:hover {
                color: orange;
                color: var(--primary);
                background-color: #e1e1e1
            }

    .theme-preview-hero .el-heading h1, .theme-preview-hero .el-heading p {
        color: #000;
        color: var(--black)
    }

    .theme-preview-hero .mockups {
        width: 420px;
        padding: 0;
        list-style: none;
        position: absolute;
        transform: rotate(30deg)
    }

        .theme-preview-hero .mockups li {
            width: 100%;
            display: block;
            overflow: hidden;
            position: relative;
            margin-bottom: 20px;
            transition: all .45s
        }

            .theme-preview-hero .mockups li .holder {
                width: 100%;
                overflow: hidden;
                padding-top: 52%
            }

                .theme-preview-hero .mockups li .holder img {
                    top: 0;
                    left: 0;
                    width: 100%;
                    position: absolute
                }

            .theme-preview-hero .mockups li:nth-child(2n) .holder {
                padding-top: 90%
            }

            .theme-preview-hero .mockups li:hover {
                transform: scale(1.02)
            }

        .theme-preview-hero .mockups.mockups-1 {
            top: 120px;
            right: -50px
        }

        .theme-preview-hero .mockups.mockups-2 {
            top: -150px;
            right: 300px
        }

    .theme-preview-hero .el-shape {
        opacity: .3
    }

        .theme-preview-hero .el-shape.el-shape-1 {
            top: 21%;
            left: 6%;
            position: absolute
        }

        .theme-preview-hero .el-shape.el-shape-2 {
            top: 45%;
            left: 3%;
            position: absolute;
            -webkit-animation: animationFramesThree 30s linear infinite alternate;
            animation: animationFramesThree 30s linear infinite alternate
        }

        .theme-preview-hero .el-shape.el-shape-3 {
            top: 75%;
            left: 6%;
            opacity: .3 !important;
            position: absolute;
            -webkit-animation: animationFramesOne 30s linear infinite alternate;
            animation: animationFramesOne 30s linear infinite alternate
        }

.theme-preview-demos {
    position: relative;
    background-color: #fff;
    background-color: var(--white)
}

    .theme-preview-demos .item {
        text-align: center;
        transition: all .3s;
        margin-bottom: 45px
    }

        .theme-preview-demos .item h4 {
            color: #000;
            color: var(--black);
            padding: 30px 0 0
        }

        .theme-preview-demos .item:not(.no-hover):hover {
            transform: translateY(-3px)
        }

            .theme-preview-demos .item:not(.no-hover):hover h4 {
                color: orange;
                color: var(--primary)
            }

.theme-preview-empty {
    height: 75vh;
    overflow: hidden;
    position: relative
}

    .theme-preview-empty .bg-image {
        top: 0;
        left: 0;
        width: 100%;
        height: 75vh;
        position: absolute;
        -webkit-animation: zoom 30s infinite;
        animation: zoom 30s infinite;
        background-attachment: fixed
    }

.theme-preview-ca {
    height: 500px;
    color: #151812;
    color: var(--base-1);
    position: relative;
    text-align: center;
    background: orange fixed no-repeat 50%/cover;
    background: var(--primary) fixed no-repeat 50%/cover
}

    .theme-preview-ca h4 {
        color: #fff;
        color: var(--white);
        font-size: 50px;
        margin-bottom: 30px
    }

        .theme-preview-ca h4 span {
            border-bottom: 6px solid orange;
            border-bottom: 6px solid var(--primary)
        }

    .theme-preview-ca .bg-color {
        display: block
    }

.theme-preview-features {
    background-color: #fff;
    background-color: var(--white)
}

    .theme-preview-features .item {
        text-align: center;
        position: relative;
        padding: 150px 20px 20px;
        margin-bottom: 30px;
        border: 1px solid #eee;
        border: 1px solid var(--gray);
        box-shadow: 0 3px 10px 0 rgba(38,59,94,.1);
        transition: all .45s
    }

        .theme-preview-features .item h4 {
            color: #000;
            color: var(--black)
        }

        .theme-preview-features .item p {
            color: #000;
            color: var(--black);
            opacity: .75;
            color: #151812;
            color: var(--base-1);
            font-size: .9em;
            font-weight: 400
        }

        .theme-preview-features .item .image {
            top: 30px;
            left: 0;
            right: 0;
            width: 90px;
            height: 90px;
            position: absolute;
            margin: auto
        }

        .theme-preview-features .item:hover {
            transform: translateY(-3px)
        }

@media (max-width:1200px) {
    .theme-preview-hero .container {
        z-index: 99
    }

    .theme-preview-hero .mockups {
        opacity: .6;
        z-index: 1
    }

    .theme-preview-demos {
        z-index: 99
    }
}

@media (max-width:992px) {
    .theme-preview-ca {
        height: 400px
    }

        .theme-preview-ca h4 {
            font-size: 24px
        }

    .theme-preview-hero {
        overflow: hidden
    }

        .theme-preview-hero .mockups {
            opacity: .3;
            z-index: 1
        }

        .theme-preview-hero .el-heading h1 {
            font-size: 45px
        }

    .theme-preview-empty {
        display: none
    }

    .theme-preview-header .header-logo {
        top: 0;
        left: 0
    }

        .theme-preview-header .header-logo a {
            top: 0;
            left: 0;
            background-color: #fff
        }
}

@media (max-width:992px) {
    .theme-preview-header .button {
        display: none
    }

    .theme-preview-hero .el-heading .label {
        color: #000;
        color: var(--black)
    }
}

@media (max-width:768) {
    .theme-preview-hero {
        overflow: hidden
    }

        .theme-preview-hero .mocups {
            opacity: .15;
            z-index: 1
        }

        .theme-preview-hero .el-heading h1 {
            font-size: 39px !important
        }
}
/*# sourceMappingURL=main.bfb78d9a.chunk.css.map */