/* ==========================================================================
   1. Normalize.css
   ========================================================================== */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

.fontb600 {
   font-weight: bold !important;
}

/* ==========================================================================
   2. Magnific Popup
   ========================================================================== */

/*! Magnific Popup - v1.1.0 - 2016-02-20
* http://dimsemenov.com/plugins/magnific-popup/
* Copyright (c) 2016 Dmitry Semenov; */
.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-arrow:after,.mfp-arrow:before,.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-close,.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}


/* ==========================================================================
   3. Font Awesome Free
   ========================================================================== */

/*!
 * Font Awesome Free 5.5.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
   .fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-balance-scale:before{content:"\f24e"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-concierge-bell:before{content:"\f562"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-diagnoses:before{content:"\f470"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-git:before{content:"\f1d3"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-handshake:before{content:"\f2b5"}.fa-hanukiah:before{content:"\f6e6"}.fa-hashtag:before{content:"\f292"}.fa-hat-wizard:before{content:"\f6e8"}.fa-haykal:before{content:"\f666"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hot-tub:before{content:"\f593"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-internet-explorer:before{content:"\f26b"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse-pointer:before{content:"\f245"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-sass:before{content:"\f41e"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowflake:before{content:"\f2dc"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-swatchbook:before{content:"\f5c3"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet-paper:before{content:"\f71e"}.fa-toolbox:before{content:"\f552"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-train:before{content:"\f238"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-water:before{content:"\f773"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}


/* ==========================================================================
   4. Animsition
   ========================================================================== */

/*!
 * animsition v4.0.2
 * A simple and easy jQuery plugin for CSS animated page transitions.
 * http://blivesta.github.io/animsition
 * License : MIT
 * Author : blivesta (http://blivesta.com/)
 */
   .animsition,.animsition-overlay{position:relative;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animsition-overlay-slide{position:fixed;z-index:1;width:100%;height:100%;background-color:#ddd}.animsition-loading,.animsition-loading:after{width:32px;height:32px;position:fixed;top:50%;left:50%;margin-top:-16px;margin-left:-16px;border-radius:50%;z-index:2}.animsition-loading{background-color:transparent;border-top:5px solid rgba(0,0,0,.2);border-right:5px solid rgba(0,0,0,.2);border-bottom:5px solid rgba(0,0,0,.2);border-left:5px solid #eee;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:animsition-loading;animation-name:animsition-loading}@-webkit-keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{-webkit-animation-name:fade-in;animation-name:fade-in}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.fade-out{-webkit-animation-name:fade-out;animation-name:fade-out}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up{-webkit-animation-name:fade-in-up;animation-name:fade-in-up}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}@keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}.fade-out-up{-webkit-animation-name:fade-out-up;animation-name:fade-out-up}@-webkit-keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-sm{-webkit-animation-name:fade-in-up-sm;animation-name:fade-in-up-sm}@-webkit-keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}@keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}.fade-out-up-sm{-webkit-animation-name:fade-out-up-sm;animation-name:fade-out-up-sm}@-webkit-keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-lg{-webkit-animation-name:fade-in-up-lg;animation-name:fade-in-up-lg}@-webkit-keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}@keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}.fade-out-up-lg{-webkit-animation-name:fade-out-up-lg;animation-name:fade-out-up-lg}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}@keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}.fade-out-down{-webkit-animation-name:fade-out-down;animation-name:fade-out-down}@-webkit-keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down-sm{-webkit-animation-name:fade-in-down-sm;animation-name:fade-in-down-sm}@-webkit-keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}@keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}.fade-out-down-sm{-webkit-animation-name:fade-out-down-sm;animation-name:fade-out-down-sm}.fade-in-down-lg{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}@keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}.fade-out-down-lg{-webkit-animation-name:fade-out-down-lg;animation-name:fade-out-down-lg}@-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left{-webkit-animation-name:fade-in-left;animation-name:fade-in-left}@-webkit-keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}@keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}.fade-out-left{-webkit-animation-name:fade-out-left;animation-name:fade-out-left}@-webkit-keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-sm{-webkit-animation-name:fade-in-left-sm;animation-name:fade-in-left-sm}@-webkit-keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}@keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}.fade-out-left-sm{-webkit-animation-name:fade-out-left-sm;animation-name:fade-out-left-sm}@-webkit-keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-lg{-webkit-animation-name:fade-in-left-lg;animation-name:fade-in-left-lg}@-webkit-keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}@keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}.fade-out-left-lg{-webkit-animation-name:fade-out-left-lg;animation-name:fade-out-left-lg}@-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right{-webkit-animation-name:fade-in-right;animation-name:fade-in-right}@-webkit-keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}@keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}.fade-out-right{-webkit-animation-name:fade-out-right;animation-name:fade-out-right}@-webkit-keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-sm{-webkit-animation-name:fade-in-right-sm;animation-name:fade-in-right-sm}@-webkit-keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}@keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}.fade-out-right-sm{-webkit-animation-name:fade-out-right-sm;animation-name:fade-out-right-sm}@-webkit-keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-lg{-webkit-animation-name:fade-in-right-lg;animation-name:fade-in-right-lg}@-webkit-keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}@keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}.fade-out-right-lg{-webkit-animation-name:fade-out-right-lg;animation-name:fade-out-right-lg}@-webkit-keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in{-webkit-animation-name:rotate-in;animation-name:rotate-in}@-webkit-keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}@keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}.rotate-out{-webkit-animation-name:rotate-out;animation-name:rotate-out}@-webkit-keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-sm{-webkit-animation-name:rotate-in-sm;animation-name:rotate-in-sm}@-webkit-keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}.rotate-out-sm{-webkit-animation-name:rotate-out-sm;animation-name:rotate-out-sm}@-webkit-keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-lg{-webkit-animation-name:rotate-in-lg;animation-name:rotate-in-lg}@-webkit-keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}.rotate-out-lg{-webkit-animation-name:rotate-out-lg;animation-name:rotate-out-lg}@-webkit-keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}@keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}.flip-in-x{-webkit-animation-name:flip-in-x;animation-name:flip-in-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}@keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}.flip-out-x{-webkit-animation-name:flip-out-x;animation-name:flip-out-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}.flip-in-x-nr{-webkit-animation-name:flip-in-x-nr;animation-name:flip-in-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}.flip-out-x-nr{-webkit-animation-name:flip-out-x-nr;animation-name:flip-out-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}.flip-in-x-fr{-webkit-animation-name:flip-in-x-fr;animation-name:flip-in-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}.flip-out-x-fr{-webkit-animation-name:flip-out-x-fr;animation-name:flip-out-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}@keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}.flip-in-y{-webkit-animation-name:flip-in-y;animation-name:flip-in-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}@keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}.flip-out-y{-webkit-animation-name:flip-out-y;animation-name:flip-out-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}.flip-in-y-nr{-webkit-animation-name:flip-in-y-nr;animation-name:flip-in-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}.flip-out-y-nr{-webkit-animation-name:flip-out-y-nr;animation-name:flip-out-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}.flip-in-y-fr{-webkit-animation-name:flip-in-y-fr;animation-name:flip-in-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}.flip-out-y-fr{-webkit-animation-name:flip-out-y-fr;animation-name:flip-out-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}@keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}.zoom-in{-webkit-animation-name:zoom-in;animation-name:zoom-in}@-webkit-keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}@keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}.zoom-out{-webkit-animation-name:zoom-out;animation-name:zoom-out}@-webkit-keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}@keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}.zoom-in-sm{-webkit-animation-name:zoom-in-sm;animation-name:zoom-in-sm}@-webkit-keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}@keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}.zoom-out-sm{-webkit-animation-name:zoom-out-sm;animation-name:zoom-out-sm}@-webkit-keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}@keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}.zoom-in-lg{-webkit-animation-name:zoom-in-lg;animation-name:zoom-in-lg}@-webkit-keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}@keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}.zoom-out-lg{-webkit-animation-name:zoom-out-lg;animation-name:zoom-out-lg}@-webkit-keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}.overlay-slide-in-top{top:0;height:0;-webkit-animation-name:overlay-slide-in-top;animation-name:overlay-slide-in-top}@-webkit-keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}.overlay-slide-out-top{top:0;height:100%;-webkit-animation-name:overlay-slide-out-top;animation-name:overlay-slide-out-top}@-webkit-keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}.overlay-slide-in-bottom{bottom:0;height:0;-webkit-animation-name:overlay-slide-in-bottom;animation-name:overlay-slide-in-bottom}@-webkit-keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}.overlay-slide-out-bottom{bottom:0;height:100%;-webkit-animation-name:overlay-slide-out-bottom;animation-name:overlay-slide-out-bottom}@-webkit-keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}.overlay-slide-in-left{width:0;-webkit-animation-name:overlay-slide-in-left;animation-name:overlay-slide-in-left}@-webkit-keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}.overlay-slide-out-left{left:0;width:100%;-webkit-animation-name:overlay-slide-out-left;animation-name:overlay-slide-out-left}@-webkit-keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}.overlay-slide-in-right{right:0;width:0;-webkit-animation-name:overlay-slide-in-right;animation-name:overlay-slide-in-right}@-webkit-keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}.overlay-slide-out-right{right:0;width:100%;-webkit-animation-name:overlay-slide-out-right;animation-name:overlay-slide-out-right}


/* ==========================================================================
   5. Swiper
   ========================================================================== */

/**
 * Swiper 5.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 20, 2020
 */

   @font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}


/* ==========================================================================
   1. Basics
   ========================================================================== */

   @font-face {
     font-family: Font Awesome;
     src: url('../webfonts/fa-brands-400.ttf')   format('truetype'),
     url('../webfonts/fa-brands-400.woff')  format('woff'),
     url('../webfonts/fa-brands-400.woff2') format('woff2'),
     url('../webfonts/fa-brands-400.svg')   format('svg'),
     url('../webfonts/fa-brands-400.eot');
  }

  @font-face {
     font-family: Font Awesome;
     src: url('../webfonts/fa-regular-400.ttf')   format('truetype'),
     url('../webfonts/fa-regular-400.woff')  format('woff'),
     url('../webfonts/fa-regular-400.woff2') format('woff2'),
     url('../webfonts/fa-regular-400.svg')   format('svg'),
     url('../webfonts/fa-regular-400.eot');
  }

  @font-face {
     font-family: Font Awesome;
     src: url('../webfonts/fa-solid-900.ttf')   format('truetype'),
     url('../webfonts/fa-solid-900.woff')  format('woff'),
     url('../webfonts/fa-solid-900.woff2') format('woff2'),
     url('../webfonts/fa-solid-900.svg')   format('svg'),
     url('../webfonts/fa-solid-900.eot');
  }

  html {
     margin:  0;
     padding: 0;
  }

  blockquote,
  ul,
  ol {
     margin:  0;
     padding: 0;
  }

  ul li,
  ol li {
     margin-bottom: 0;
  }

  li {
     margin:  0;
     padding: 0;
     list-style: none;
  }

  img {
     width:     100%;
     max-width: 100%;
     vertical-align: middle;
  }

  a,
  i {
     border: none;
  }

  button {
     padding: 0;
  }

  a {
     color: inherit;
  }

  a:hover {
     text-decoration: none;
  }

  button,
  button:focus,
  button:hover {
     border:     none;
     background: none;
  }

  a:focus,
  button:focus {
     outline: none;
  }

  table {
     border-spacing: 0;
     border-collapse: collapse;
  }

  td,
  th {
     padding: 5px;
     border: 1px solid #000;
     text-align: center;
  }

  code,
  pre {
     overflow-x: scroll;
     padding: 10px;
     padding-bottom: 0;
     border-left: 3px solid #6FBF71;
     border-bottom: 1px solid transparent;
  }

  pre {
     display: block;
     word-break: break-all;
     word-wrap: break-word;
  }

  pre code {
     white-space: pre-wrap;
  }





/* ==========================================================================
   2. Helpers
   ========================================================================== */

   .hidden-box {
     overflow: hidden;
  }


/* 2.1. Border radius
   ========================================================================== */

   .border-radius-50perc {
     border-radius: 50%;
  }

  .border-radius-10px {
     border-radius: 10px;
  }


/* 2.2. Width & height
   ========================================================================== */

   .width-100perc {
     width: 100%;
  }

  .height-100perc {
     height: 100%;
  }

  .height-100vh {
     height: 100vh;
  }


/* 2.3. Z-index
   ========================================================================== */

   .zindex5 {
     z-index: 5;
  }


/* 2.4. Background cover
   ========================================================================== */

   .bg-img-cover,
   .bg-img-cover-fixed {
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
  }

  .js-no-touch .bg-img-cover-fixed {
     background-attachment: fixed;
  }


/* 2.5. Display settings
   ========================================================================== */

   .d-inline-block {
     display: inline-block;
  }

  .d-block {
     display: block;
  }

  .d-flex {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
  }

  .flex-center-center {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
  }

  .flex-align-center {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
  }

  .flex-align-end {
     -webkit-box-align: end;
     -ms-flex-align: end;
     align-items: flex-end;
  }

  .flex-justify-center {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
  }


/* 2.6. Paddings & margins
   ========================================================================== */

/* Paddings */
.padding-top-bottom-150 {
	padding-top:    150px;
	padding-bottom: 150px;
}

.padding-top-150 {
	padding-top: 150px;
}

.padding-bottom-150 {
	padding-bottom: 150px;
}

.padding-top-bottom-120 {
	padding-top:    120px;
	padding-bottom: 120px;
}

.padding-top-120 {
	padding-top: 120px;
}

.padding-bottom-120 {
	padding-bottom: 120px;
}

.padding-top-bottom-100 {
	padding-top:    100px;
	padding-bottom: 100px;
}

.padding-top-100 {
	padding-top: 100px;
}

.padding-bottom-100 {
	padding-bottom: 100px;
}

.padding-top-bottom-90 {
	padding-top:    90px;
	padding-bottom: 90px;
}

.padding-top-90 {
	padding-top: 90px;
}

.padding-bottom-90 {
	padding-bottom: 90px;
}

.padding-top-bottom-80 {
	padding-top:    80px;
	padding-bottom: 80px;
}

.padding-top-80 {
	padding-top: 80px;
}

.padding-bottom-80 {
	padding-bottom: 80px;
}

.padding-top-bottom-70 {
	padding-top:    70px;
	padding-bottom: 70px;
}

.padding-top-70 {
	padding-top: 70px;
}

.padding-bottom-70 {
	padding-bottom: 70px;
}

.padding-top-bottom-60 {
	padding-top:    60px;
	padding-bottom: 60px;
}

.padding-top-60 {
	padding-top: 60px;
}

.padding-bottom-60 {
	padding-bottom: 60px;
}

.padding-top-bottom-50 {
	padding-top:    50px;
	padding-bottom: 50px;
}

.padding-top-50 {
	padding-top: 50px;
}

.padding-bottom-50 {
	padding-bottom: 50px;
}

.padding-top-bottom-40 {
	padding-top:    40px;
	padding-bottom: 40px;
}

.padding-top-40 {
	padding-top: 40px;
}

.padding-bottom-40 {
	padding-bottom: 40px;
}

.padding-top-bottom-30 {
	padding-top:    30px;
	padding-bottom: 30px;
}

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

.padding-bottom-30 {
	padding-bottom: 30px;
}

.padding-top-bottom-20 {
	padding-top:    20px;
	padding-bottom: 20px;
}

.padding-top-20 {
	padding-top: 20px;
}

.padding-bottom-20 {
	padding-bottom: 20px;
}

.padding-top-bottom-10 {
	padding-top:    10px;
	padding-bottom: 10px;
}

.padding-top-10 {
	padding-top: 10px;
}

.padding-bottom-10 {
	padding-bottom: 10px;
}

.padding-top-bottom-5 {
	padding-top:    5px;
	padding-bottom: 5px;
}

.padding-top-5 {
	padding-top: 5px;
}

.padding-bottom-5 {
	padding-bottom: 5px;
}

.padding-top-bottom-1 {
	padding-top:    1px;
	padding-bottom: 1px;
}

.padding-top-1 {
	padding-top: 1px;
}

.padding-bottom-1 {
	padding-bottom: 1px;
}

.padding-left-right-50 {
	padding-left:  50px;
	padding-right: 50px;
}

.padding-left-50 {
	padding-left: 50px;
}

.padding-right-50 {
	padding-right: 50px;
}

.padding-left-right-40 {
	padding-left:  40px;
	padding-right: 40px;
}

.padding-left-40 {
	padding-left: 40px;
}

.padding-right-40 {
	padding-right: 40px;
}

.padding-left-right-30 {
	padding-left:  30px;
	padding-right: 30px;
}

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

.padding-right-30 {
	padding-right: 30px;
}

.padding-left-right-20 {
	padding-left:  20px;
	padding-right: 20px;
}

.padding-left-20 {
	padding-left: 20px;
}

.padding-right-20 {
	padding-right: 20px;
}

.padding-20 {
	padding: 20px;
}

/* Margins */
.margin-top-bottom-60 {
	margin-top:    60px;
	margin-bottom: 60px;
}

.margin-top-60 {
	margin-top: 60px;
}

.margin-bottom-60 {
	margin-bottom: 60px;
}

.margin-top-bottom-50 {
	margin-top:    50px;
	margin-bottom: 50px;
}

.margin-top-50 {
	margin-top: 50px;
}

.margin-bottom-50 {
	margin-bottom: 50px;
}

.margin-top-bottom-40 {
	margin-top:    40px;
	margin-bottom: 40px;
}

.margin-top-40 {
	margin-top: 40px;
}

.margin-bottom-40 {
	margin-bottom: 40px;
}

.margin-top-bottom-30 {
	margin-top:    30px;
	margin-bottom: 30px;
}

.margin-top-30 {
	margin-top: 30px;
}

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

.margin-top-bottom-20 {
	margin-top:    20px;
	margin-bottom: 20px;
}

.margin-top-20 {
	margin-top: 20px;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}

.margin-top-bottom-10 {
	margin-top:    10px;
	margin-bottom: 10px;
}

.margin-top-10 {
	margin-top: 10px;
}

.margin-bottom-10 {
	margin-bottom: 10px;
}

.margin-top-bottom-5 {
	margin-top:    5px;
	margin-bottom: 5px;
}

.margin-top-5 {
	margin-top: 5px;
}

.margin-bottom-5 {
	margin-bottom: 5px;
}

.margin-top-bottom-1 {
	margin-top:    1px;
	margin-bottom: 1px;
}

.margin-top-1 {
	margin-top: 1px;
}

.margin-bottom-1 {
	margin-bottom: 1px;
}

.margin-left-right-50 {
	margin-left:  50px;
	margin-right: 50px;
}

.margin-left-50 {
	margin-left: 50px;
}

.margin-right-50 {
	margin-right: 50px;
}

.margin-left-right-40 {
	margin-left:  40px;
	margin-right: 40px;
}

.margin-left-40 {
	margin-left: 40px;
}

.margin-right-40 {
	margin-right: 40px;
}

.margin-left-right-30 {
	margin-left:  30px;
	margin-right: 30px;
}

.margin-left-30 {
	margin-left: 30px;
}

.margin-right-30 {
	margin-right: 30px;
}

.margin-left-right-20 {
	margin-left:  20px;
	margin-right: 20px;
}

.margin-left-20 {
	margin-left: 20px;
}

.margin-right-20 {
	margin-right: 20px;
}

.margin-left-right-10 {
	margin-left:  10px;
	margin-right: 10px;
}

.margin-left-10 {
	margin-left: 10px;
}

.margin-right-10 {
	margin-right: 10px;
}

.margin-20 {
	margin: 20px;
}

/* price top offset */
.price-top-offset {
	margin-top: 20px;
}

.price-btn-offset {
	padding: 50px 0;
}

@media only screen and (max-width: 767px) {

	.price-top-offset {
		margin-top: 0;
	}

	.price-btn-offset {
		padding: 0 0 50px 0;
	}

}

/* portfolio top offset */
.portfolio-top-offset {
	margin-top: 120px;
}

@media only screen and (max-width: 767px) {

	.portfolio-top-offset {
		margin-top: 0;
	}

}


/* 2.7. Positions
   ========================================================================== */

   .pos-rel {
     position: relative;
  }

  .pos-abs {
     position: absolute;
  }

  .pos-static {
     position: static !important;
  }

  .pos-left-top {
     left: 20px;
     top:  20px;
  }

  .pos-left-center {
     left: 20px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
  }

  .pos-left-bottom {
     left:   20px;
     bottom: 20px;
  }

  .pos-right-top {
     top:   20px;
     right: 20px;
  }

  .pos-right-center {
     top: 50%;
     right: 20px;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
  }

  .pos-right-bottom {
     right:  20px;
     bottom: 20px;
  }

  .pos-top-center {
     left: 50%;
     top: 20px;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
  }

  .pos-bottom-center {
     left: 50%;
     bottom: 80px;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
  }

  .pos-center-center {
     left: 50%;
     top:  50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
  }

/* Positions 0px */
.pos-left-top-0px {
	left: 0;
	top:  0;
}

.pos-left-center-0px {
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
}

.pos-left-bottom-0px {
	left:   0;
	bottom: 0;
}

.pos-right-top-0px {
	top:   0;
	right: 0;
}

.pos-right-center-0px {
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
}

.pos-right-bottom-0px {
	right:  0;
	bottom: 0;
}

.pos-top-center-0px {
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
}

.pos-bottom-center-0px {
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
}


/* 2.8. Borders
   ========================================================================== */

   .border-box {
     position: relative;
     z-index: 5;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     border: 1px solid rgba(250, 250, 250, .1);
  }

  .border-box.black {
     border: 1px solid rgba(0, 0, 0, .1);
  }

  .border-box-bottom {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     border-bottom: 1px solid rgba(250, 250, 250, .1);
  }

  .border-box-bottom.black {
     border-bottom: 1px solid rgba(0, 0, 0, .1);
  }

  .border-box-l-r {
     z-index: 6;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     border-left:  1px solid #fff;
     border-right: 1px solid #fff;
  }

  .border-box-l-r.black {
     border-left:  1px solid #000;
     border-right: 1px solid #000;
  }


/* 2.9. Parallax background
   ========================================================================== */

   .js-parallax-bg {
     background-size: cover;
     background-position: top center;
     background-repeat: no-repeat;
     -webkit-transition: initial;
     -o-transition: initial;
     transition: initial;
  }


/* 2.10. Video background
   ========================================================================== */

   .video-bg {
     min-width:  100%;
     min-height: 100%;
     position: absolute;
     left: 50%;
     top:  50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
  }





/* ==========================================================================
   3. Container width
   ========================================================================== */

   .container {
     width: calc(100% - 80px);
     max-width: 1350px;
     margin-left:  auto;
     margin-right: auto;
  }

  .container.full {
     max-width: 100%;
  }

  .container.small {
     max-width: 960px;
  }

  @media only screen and (max-width: 999px) {

     .container {
       width: calc(100% - 40px);
    }

 }

 @media only screen and (max-width: 549px) {

  .container {
    width: calc(100% - 20px);
 }

}





/* ==========================================================================
   4. Flex grid
   ========================================================================== */

   .flex-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-flow: wrap;
     flex-flow: wrap;
  }

  .flex-container.reverse {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
     -ms-flex-flow: wrap-reverse;
     flex-flow: wrap-reverse;
  }
  .flex-container h3 {
   color: #fff;
  }

  .one-column,
  .two-columns,
  .three-columns,
  .four-columns,
  .five-columns,
  .six-columns,
  .seven-columns,
  .eight-columns,
  .nine-columns,
  .ten-columns,
  .eleven-columns,
  .twelve-columns {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
  }

  .one-column {
     -ms-flex-preferred-size: 8.33%;
     flex-basis: 8.33%;
  }

  .two-columns {
     -ms-flex-preferred-size: 16.66%;
     flex-basis: 16.66%;
  }

  .three-columns {
     -ms-flex-preferred-size: 25%;
     flex-basis: 25%;
  }

  .four-columns {
     -ms-flex-preferred-size: 33.33%;
     flex-basis: 33.33%;
  }

  .five-columns {
     -ms-flex-preferred-size: 41.66%;
     flex-basis: 41.66%;
  }

  .six-columns {
     -ms-flex-preferred-size: 50%;
     flex-basis: 50%;
  }

  .seven-columns {
     -ms-flex-preferred-size: 58.33%;
     flex-basis: 58.33%;
  }

  .eight-columns {
     -ms-flex-preferred-size: 66.66%;
     flex-basis: 66.66%;
  }

  .nine-columns {
     -ms-flex-preferred-size: 75%;
     flex-basis: 75%;
  }

  .ten-columns {
     -ms-flex-preferred-size: 83.33%;
     flex-basis: 83.33%;
  }

  .eleven-columns {
     -ms-flex-preferred-size: 91.66%;
     flex-basis: 91.66%;
  }

  .twelve-columns {
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
  }

  .one-offset {
     margin-left: 8.33%;
  }

  .two-offset {
     margin-left: 16.66%;
  }

  .three-offset {
     margin-left: 25%;
  }

  .four-offset {
     margin-left: 33.33%;
  }

  .five-offset {
     margin-left: 41.66%;
  }

  .six-offset {
     margin-left: 50%;
  }

  .seven-offset {
     margin-left: 58.33%;
  }

  .eight-offset {
     margin-left: 66.66%;
  }

  .nine-offset {
     margin-left: 75%;
  }

  .ten-offset {
     margin-left: 83.33%;
  }

  .eleven-offset {
     margin-left: 91.66%;
  }

  @media only screen and (max-width: 999px) {

     .column-100-100 {
       -ms-flex-preferred-size: 100% !important;
       flex-basis: 100% !important;
       margin-left: 0 !important;
    }

    .column-50-100 {
       -ms-flex-preferred-size: 50% !important;
       flex-basis: 50% !important;
       margin-left: 0 !important;
    }

 }

 @media only screen and (max-width: 767px) {

  .one-column,
  .two-columns,
  .three-columns,
  .four-columns,
  .five-columns,
  .six-columns,
  .seven-columns,
  .eight-columns,
  .nine-columns,
  .ten-columns,
  .eleven-columns,
  .twelve-columns {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
 }

 .one-offset,
 .two-offset,
 .three-offset,
 .four-offset,
 .five-offset,
 .six-offset,
 .seven-offset,
 .eight-offset,
 .nine-offset,
 .ten-offset,
 .eleven-offset {
    margin-left: 0;
 }

 .column-50-100 {
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
 }

}


/* 4.1. Flex column margins
   ========================================================================== */

   .column-l-r-margin-40 {
     margin-left:  40px;
     margin-right: 40px;
  }

  .column-r-margin-40 {
     margin-right: 40px;
  }

  .column-l-margin-40 {
     margin-left: 40px;
  }

  .column-l-r-margin-20 {
     margin-left:  20px;
     margin-right: 20px;
  }

  .column-r-margin-20 {
     margin-right: 20px;
  }

  .column-l-margin-20 {
     margin-left: 20px;
  }

  .column-l-r-margin-10 {
     margin-left:  10px;
     margin-right: 10px;
  }

  .column-r-margin-10 {
     margin-right: 10px;
  }

  .column-l-margin-10 {
     margin-left: 10px;
  }

  .column-l-r-margin-5 {
     margin-left:  5px;
     margin-right: 5px;
  }

  .column-r-margin-5 {
     margin-right: 5px;
  }

  .column-l-margin-5 {
     margin-left: 5px;
  }

  .line-col-r-margin-20 {
     margin-right: 20px;
  }

  .line-col-l-r-margin-20 {
     margin-left:  20px;
     margin-right: 20px;
  }

  .column-l-margin-40-999 {
     margin-left: 40px;
  }

  .column-r-margin-40-999 {
     margin-right: 40px;
  }

  .column-l-margin-20-999 {
     margin-left: 20px;
  }

  .column-r-margin-20-999 {
     margin-right: 20px;
  }

  .column-l-r-margin-10-999 {
     margin-left:  10px;
     margin-right: 10px;
  }

  @media only screen and (max-width: 999px) {

     .column-l-margin-40-999 {
       margin-left: 0;
    }

    .column-r-margin-40-999 {
       margin-right: 0;
    }

    .column-l-margin-20-999 {
       margin-left: 0;
    }

    .column-r-margin-20-999 {
       margin-right: 0;
    }

    .column-l-r-margin-10-999 {
       margin-left:  0;
       margin-right: 0;
    }

 }

 @media only screen and (max-width: 767px) {

  .column-l-r-margin-40,
  .column-l-r-margin-20,
  .column-l-r-margin-10,
  .column-l-r-margin-5 {
    margin-left:  0;
    margin-right: 0;
 }

 .column-r-margin-40,
 .column-r-margin-20,
 .column-r-margin-10,
 .column-r-margin-5 {
    margin-right: 0;
 }

 .column-l-margin-40,
 .column-l-margin-20,
 .column-l-margin-10,
 .column-l-margin-5 {
    margin-left: 0;
 }

 .line-col-r-margin-20 {
    margin-right: 0;
 }

 .line-col-l-r-margin-20 {
    margin-left:  0;
    margin-right: 0;
 }

 .lines-section .line-col-r-margin-20 {
    margin-right: 20px;
 }

 .lines-section .line-col-l-r-margin-20 {
    margin-left:  20px;
    margin-right: 20px;
 }

}

@media only screen and (max-width: 549px) {

	.lines-section .line-col-r-margin-20 {
		margin-right: 0;
	}

	.lines-section .line-col-l-r-margin-20 {
		margin-left:  0;
		margin-right: 0;
	}

}





/* ==========================================================================
   5. Min-height flex center
   ========================================================================== */

   .flex-min-height-100vh {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width:  100%;
     height: 100%;
     min-height: 100vh;
  }


@media (max-width: 768px) {
   .flex-min-height-100vh {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width:  100%;
     height: 100%;
     min-height: 70vh;
  }
    }



/* ==========================================================================
   6. Lines settings
   ========================================================================== */

   .lines-section {
     width: 100%;
     position: relative;
  }

  .lines-container {
     width: 100%;
     height: 100%;
     margin: 0 auto;
     position: relative;
  }

  .lines-section .lines-container {
     width: calc(100% - 120px);
  }

  .lines-pos-abs.lines-container {
     position: absolute;
     left: 50%;
     top:  50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     z-index: 4;
     pointer-events: none;
  }

  .lines-section:before,
  .lines-section:after,
  .lines-container:before,
  .lines-container:after {
     content: '';
     width: 1px;
     height: 100%;
     position: absolute;
     left: 60px;
     top: 0;
     z-index: 4;
     background-color: rgba(250, 250, 250, .1);
  }

  .lines-section:after {
     left: auto;
     right: 60px;
  }

  .lines-container:before {
     left: 33.33%;
  }

  .lines-container:after {
     left: 66.66%;
  }

  .black-lines.lines-section:before,
  .black-lines.lines-section:after,
  .black-lines.lines-container:before,
  .black-lines.lines-container:after {
     background-color: rgba(0, 0, 0, .1);
  }

  .anim-lines.lines-section:before,
  .anim-lines.lines-section:after,
  .anim-lines.lines-container:before,
  .anim-lines.lines-container:after {
     -webkit-transform: scaleY(0);
     -ms-transform: scaleY(0);
     transform: scaleY(0);
     -webkit-transform-origin: top;
     -ms-transform-origin: top;
     transform-origin: top;
     -webkit-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     -o-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     transition: 1s cubic-bezier(.767, .01, .18, 1.01);
  }

  .anim-lines.lines-container:before {
     -webkit-transition-delay: .2s;
     -o-transition-delay: .2s;
     transition-delay: .2s;
  }

  .anim-lines.lines-container:after {
     -webkit-transition-delay: .4s;
     -o-transition-delay: .4s;
     transition-delay: .4s;
  }

  .anim-lines.lines-section:after {
     -webkit-transition-delay: .6s;
     -o-transition-delay: .6s;
     transition-delay: .6s;
  }

  .js-page-in-anim-active .anim-lines.lines-section:before,
  .js-page-in-anim-active .anim-lines.lines-section:after,
  .js-page-in-anim-active .anim-lines.lines-container:before,
  .js-page-in-anim-active .anim-lines.lines-container:after {
     -webkit-transform: scaleY(1);
     -ms-transform: scaleY(1);
     transform: scaleY(1);
  }

  .nav-container.lines-section:before,
  .nav-container.lines-section:after,
  .nav-container .lines-container:before,
  .nav-container .lines-container:after {
     -webkit-transform-origin: top;
     -ms-transform-origin: top;
     transform-origin: top;
     -webkit-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     -o-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     transition: 1s cubic-bezier(.767, .01, .18, 1.01);
  }

  .js-nav-active.js-page-out .nav-container.lines-section:before,
  .js-nav-active.js-page-out .nav-container.lines-section:after,
  .js-nav-active.js-page-out .nav-container .lines-container:before,
  .js-nav-active.js-page-out .nav-container .lines-container:after {
     -webkit-transform: scaleY(0);
     -ms-transform: scaleY(0);
     transform: scaleY(0);
  }

  .no-lines.lines-container:before,
  .no-lines.lines-container:after,
  .internal-lines-disable .lines-container:before,
  .internal-lines-disable .lines-container:after,
  .header-lines-disable .lines-section:before,
  .header-lines-disable .lines-section:after {
     content: normal;
  }

  @media only screen and (max-width: 999px) {

     .lines-container:before {
       left: 50%;
    }

    .lines-container:after {
       content: normal;
    }

    .anim-lines.lines-section:after {
       -webkit-transition-delay: .4s;
       -o-transition-delay: .4s;
       transition-delay: .4s;
    }

 }

 @media only screen and (max-width: 767px) {

  .lines-container {
    width: calc(100% - 20px);
 }

 .lines-container:before {
    content: normal;
 }

 .anim-lines.lines-section:after {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
 }

}

@media only screen and (max-width: 549px) {

	.lines-section .lines-container {
		width: calc(100% - 20px);
	}

	.lines-section:before,
	.lines-section:after {
		content: normal;
	}

}





/* ==========================================================================
   7. Animsition preloader
   ========================================================================== */

   .preloader {
     overflow: hidden;
  }

  .preloader.js-page-in {
     overflow: visible;
     overflow-x: hidden;
  }

  .js-animsition-overlay {
     overflow: hidden;
     position: relative;
     z-index: 2;
     opacity: 1;
  }

  .js-animsition-overlay-slide {
     background-color: transparent;
  }


/* 7.1. Preloader in/out
   ========================================================================== */

   .preloader:before,
   .preloader:after {
     content: '';
     width:  100%;
     height: 100%;
     position: fixed;
     left: 0;
     top:  0;
     z-index: 99;
     pointer-events: none;
     background-color: #111517;
  }

  .preloader:before {
     -webkit-transform-origin: bottom;
     -ms-transform-origin: bottom;
     transform-origin: bottom;
     -webkit-transition: 1s cubic-bezier(.858, .01, .068, .99);
     -o-transition: 1s cubic-bezier(.858, .01, .068, .99);
     transition: 1s cubic-bezier(.858, .01, .068, .99);
  }

  .preloader:after {
     opacity: 0;
     -webkit-transition: 1s cubic-bezier(.76, .06, .85, .07);
     -o-transition: 1s cubic-bezier(.76, .06, .85, .07);
     transition: 1s cubic-bezier(.76, .06, .85, .07);
     -webkit-transition-delay: .5s;
     -o-transition-delay: .5s;
     transition-delay: .5s;
  }

  .dark-nav.preloader:after {
     z-index: 8;
  }

  .js-nav-active.preloader:after {
     -webkit-transition: .5s cubic-bezier(.76, .06, .85, .07);
     -o-transition: .5s cubic-bezier(.76, .06, .85, .07);
     transition: .5s cubic-bezier(.76, .06, .85, .07);
     -webkit-transition-delay: 1s;
     -o-transition-delay: 1s;
     transition-delay: 1s;
  }

  .js-page-in.preloader:before {
     -webkit-transform: scaleY(0);
     -ms-transform: scaleY(0);
     transform: scaleY(0);
  }

  .js-page-out.preloader:after {
     opacity: 1;
  }


/* 7.2. Preloader loading logo box
   ========================================================================== */

   .preloader__logoload-box {
     width:  100px;
     height: 100px;
     position: fixed;
     left: calc(50% - 50px);
     top:  calc(50% - 50px);
     z-index: 999;
     pointer-events: none;
     -webkit-transition: .5s cubic-bezier(.76, .06, .85, .07);
     -o-transition: .5s cubic-bezier(.76, .06, .85, .07);
     transition: .5s cubic-bezier(.76, .06, .85, .07);
  }

  .js-page-in .preloader__logoload-box {
     opacity: 0;
  }

  body.js-page-in.js-page-out .preloader__logoload-box {
     opacity: 1;
     -webkit-transition: .3s cubic-bezier(.76, .06, .85, .07);
     -o-transition: .3s cubic-bezier(.76, .06, .85, .07);
     transition: .3s cubic-bezier(.76, .06, .85, .07);
     -webkit-transition-delay: 1.2s;
     -o-transition-delay: 1.2s;
     transition-delay: 1.2s;
  }

  body.js-nav-active.js-page-in.js-page-out .preloader__logoload-box {
     -webkit-transition: .25s cubic-bezier(.76, .06, .85, .07);
     -o-transition: .25s cubic-bezier(.76, .06, .85, .07);
     transition: .25s cubic-bezier(.76, .06, .85, .07);
     -webkit-transition-delay: 1.25s;
     -o-transition-delay: 1.25s;
     transition-delay: 1.25s;
  }

  .preloader__logo {
     width: 100%;
     max-width: 65px;
     position: absolute;
     left: 50%;
     top:  50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
  }

/* Vertical logo */
.preloader__logo.vertical {
	width: auto;
	height: 100%;
	max-width: none;
	max-height: 65px;
}


/* 7.3. Preloader pulse animation
   ========================================================================== */

   .preloader__pulse {
     width:  100%;
     height: 100%;
     position: absolute;
     left: 0;
     top:  0;
     border-radius: 50%;
     border: 1px solid rgba(250, 250, 250, .2);
  }

  .preloader__pulse:before,
  .preloader__pulse:after {
     content: '';
     width:  100%;
     height: 100%;
     position: absolute;
     left: 0;
     top:  0;
     opacity: 0;
     border-radius: 50%;
     -webkit-box-shadow: 0 0 0 30px rgba(250, 250, 250, .3);
     box-shadow: 0 0 0 30px rgba(250, 250, 250, .3);
     background-color: rgba(250, 250, 250, .3);
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     -webkit-animation: 1.5s pulse-anim cubic-bezier(.17, .85, .438, .99) infinite;
     animation: 1.5s pulse-anim cubic-bezier(.17, .85, .438, .99) infinite;
  }

  .preloader__pulse:after {
     -webkit-animation-duration: 3s;
     animation-duration: 3s;
     -webkit-animation-delay: .15s;
     animation-delay: .15s;
  }

  .js-page-out .preloader__pulse:before,
  .js-page-out .preloader__pulse:after {
     -webkit-animation: none;
     animation: none;
  }

  @-webkit-keyframes pulse-anim {

     0% {
       opacity: 1;
       -webkit-transform: scale(.5);
       transform: scale(.5);
    }

    100% {
       opacity: 0;
       -webkit-transform: scale(1);
       transform: scale(1);
    }

 }

 @keyframes pulse-anim {

  0% {
    opacity: 1;
    -webkit-transform: scale(.5);
    transform: scale(.5);
 }

 100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
 }

}





/* ==========================================================================
   8. Custom mouse cursor
   ========================================================================== */

   .pointer {
     display: none;
  }

  .cursor-anim-enable * {
     cursor: none !important;
  }

  .cursor-anim-enable .pointer {
     display: block;
  }

  .js-touch .cursor-anim-enable .pointer {
     display: none;
  }

  .pointer {
     overflow: hidden;
     width:  30px;
     height: 30px;
     position: fixed;
     left: -100px;
     top: 50%;
     z-index: 9999;
     border: 2px solid var(--main-color);
     border-radius: 50%;
     pointer-events: none;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     -webkit-transition-property: border, background, -webkit-transform, -webkit-box-shadow;
     transition-property: border, background, -webkit-transform, -webkit-box-shadow;
     -o-transition-property: border, background, transform, box-shadow;
     transition-property: border, background, transform, box-shadow;
     transition-property: border, background, transform, box-shadow, -webkit-transform, -webkit-box-shadow;
     -webkit-transition-duration: .5s;
     -o-transition-duration: .5s;
     transition-duration: .5s;
     -webkit-transition-timing-function: cubic-bezier(.19, .94, .336, 1);
     -o-transition-timing-function: cubic-bezier(.19, .94, .336, 1);
     transition-timing-function: cubic-bezier(.19, .94, .336, 1);
  }

  body.js-page-out .pointer {
     -webkit-transform: translate(-50%, -50%) scale(0);
     -ms-transform: translate(-50%, -50%) scale(0);
     transform: translate(-50%, -50%) scale(0);
  }

  .js-pointer.js-black {
     border: 2px solid #000;
  }

  .js-pointer.js-large {
     -webkit-box-shadow: 0 0 12px var(--main-color);
     box-shadow: 0 0 12px var(--main-color);
     border: none;
     -webkit-transform: translate(-50%, -50%) scale(2.5);
     -ms-transform: translate(-50%, -50%) scale(2.5);
     transform: translate(-50%, -50%) scale(2.5);
  }

  .js-pointer.js-large.js-black {
     -webkit-box-shadow: 0 0 12px #000;
     box-shadow: 0 0 12px #000;
  }

  .js-pointer.js-small {
     -webkit-box-shadow: 0 0 30px var(--main-color);
     box-shadow: 0 0 30px var(--main-color);
     -webkit-transform: translate(-50%, -50%) scale(.5);
     -ms-transform: translate(-50%, -50%) scale(.5);
     transform: translate(-50%, -50%) scale(.5);
  }

  .js-pointer.js-small.js-black {
     -webkit-box-shadow: 0 0 30px #000;
     box-shadow: 0 0 30px #000;
  }

  .js-pointer.js-right,
  .js-pointer.js-zoom,
  .js-pointer.js-open {
     -webkit-box-shadow: 0 0 5px var(--main-color);
     box-shadow: 0 0 5px var(--main-color);
     border: none;
     -webkit-transform: translate(-50%, -50%) scale(2.5);
     -ms-transform: translate(-50%, -50%) scale(2.5);
     transform: translate(-50%, -50%) scale(2.5);
  }

  .js-pointer.js-right.js-black,
  .js-pointer.js-zoom.js-black,
  .js-pointer.js-open.js-black {
     -webkit-box-shadow: 0 0 5px #000;
     box-shadow: 0 0 5px #000;
     background-color: rgba(0, 0, 0, .1);
  }

  .pointer__inner {
     position: absolute;
     left: 50%;
     top:  50%;
     opacity: 0;
     font-size: 10px;
     color: var(--main-color);
     -webkit-transform: translate(-100%, -50%);
     -ms-transform: translate(-100%, -50%);
     transform: translate(-100%, -50%);
     -webkit-transition: .4s cubic-bezier(.17, .85, .438, .99);
     -o-transition: .4s cubic-bezier(.17, .85, .438, .99);
     transition: .4s cubic-bezier(.17, .85, .438, .99);
  }

  .js-black .pointer__inner {
     color: #000;
  }

  .pointer__inner.fa-search, 
  .pointer__inner.fa-link {
     -webkit-transform: translate(-50%, -50%) scale(0);
     -ms-transform: translate(-50%, -50%) scale(0);
     transform: translate(-50%, -50%) scale(0);
  }

  .js-right .pointer__inner.fa-long-arrow-alt-right {
     opacity: 1;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     -webkit-transition-delay: .2s;
     -o-transition-delay: .2s;
     transition-delay: .2s;
  }

  .js-zoom .pointer__inner.fa-search,
  .js-open .pointer__inner.fa-link  {
     opacity: 1;
     -webkit-transform: translate(-50%, -50%) scale(1);
     -ms-transform: translate(-50%, -50%) scale(1);
     transform: translate(-50%, -50%) scale(1);
     -webkit-transition-delay: .2s;
     -o-transition-delay: .2s;
     transition-delay: .2s;
  }

  .js-pointer.js-none {
     -webkit-transform: translate(-50%, -50%) scale(0);
     -ms-transform: translate(-50%, -50%) scale(0);
     transform: translate(-50%, -50%) scale(0);
  }





/* ==========================================================================
   9. Header
   ========================================================================== */

   .fixed-header {
     opacity: 0;
  }

  .js-page-in .fixed-header {
     opacity: 1;
  }


/* 9.1. Header logo
   ========================================================================== */

   .header-logo {
     width: auto;
     position: fixed;
     left: 20px !important;
     top:  20px !important;
     z-index: 10;
     pointer-events: none;
  }

  .header-logo__box {
     display: inline-block;
     position: relative;
     pointer-events: none;
  }

  .js-page-in-out .header-logo__box {
     pointer-events: auto;
  }

  .header-logo__img {
     width: auto;
     height: 20px;
     vertical-align: top;
     -webkit-transform: translateX(-110%);
     -ms-transform: translateX(-110%);
     transform: translateX(-110%);
     -webkit-transition-property: opacity, -webkit-transform;
     transition-property: opacity, -webkit-transform;
     -o-transition-property: transform, opacity;
     transition-property: transform, opacity;
     transition-property: transform, opacity, -webkit-transform;
     -webkit-transition-duration: .5s;
     -o-transition-duration: .5s;
     transition-duration: .5s;
     -webkit-transition-timing-function: cubic-bezier(.767, .01, .18, 1.01), cubic-bezier(.17, .85, .438, .99);
     -o-transition-timing-function: cubic-bezier(.767, .01, .18, 1.01), cubic-bezier(.17, .85, .438, .99);
     transition-timing-function: cubic-bezier(.767, .01, .18, 1.01), cubic-bezier(.17, .85, .438, .99);
  }

  .js-nav-active .midnightHeader .header-logo__img {
     -webkit-transition-delay: 0s, .8s;
     -o-transition-delay: 0s, .8s;
     transition-delay: 0s, .8s;
  }

  .js-page-in-out .header-logo__img {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
     -webkit-transition-duration: 1s, .5s;
     -o-transition-duration: 1s, .5s;
     transition-duration: 1s, .5s;
     -webkit-transition-delay: 1s, .8s;
     -o-transition-delay: 1s, .8s;
     transition-delay: 1s, .8s;
  }

  .js-page-in-out.landing-page .header-logo__img {
     -webkit-transition-delay: 1s, .4s;
     -o-transition-delay: 1s, .4s;
     transition-delay: 1s, .4s;
  }

  .header-logo__img.black {
     position: absolute;
     left: 0;
     top:  0;
     z-index: 2;
  }

  .midnightHeader.black .header-logo__img.white,
  .midnightHeader.default .header-logo__img.black,
  .js-nav-active .midnightHeader.default .header-logo__img.white,
  .dark-nav.js-nav-active .midnightHeader.black .header-logo__img.black,
  .dark-nav.js-nav-active .midnightHeader.default .header-logo__img.black {
     opacity: 0;
  }

  .midnightHeader.default .header-logo__img.white,
  .midnightHeader.black .header-logo__img.black,
  .js-nav-active .midnightHeader.default .header-logo__img.black,
  .dark-nav.js-nav-active .midnightHeader.black .header-logo__img.white,
  .dark-nav.js-nav-active .midnightHeader.default .header-logo__img.white {
     opacity: 1;
  }

/* Vertical logo */
.header-logo.vertical {
	width: 20px;
}

.vertical .header-logo__img {
	width: 20px;
	height: auto;
}


/* 9.2. Navigation open button
   ========================================================================== */

   .menu-icon {
     width: 40px;
     position: fixed;
     left: auto !important;
     top:   20px !important;
     right: 20px !important;
     z-index: 10;
     pointer-events: none;
     cursor: pointer;
  }

  .js-page-in-out .menu-icon {
     pointer-events: auto;
  }

  .menu-icon__box {
     overflow: hidden;
     width: 40px;
     height: 20px;
     position: relative;
  }

  .menu-icon__box:before,
  .menu-icon__inner:before,
  .menu-icon__inner:after {
     content: '';
     width: 40px;
     height: 2px;
     position: absolute;
     left: 0;
     top: 50%;
     -webkit-transform: translateY(-50%) scaleX(0);
     -ms-transform: translateY(-50%) scaleX(0);
     transform: translateY(-50%) scaleX(0);
     -webkit-transform-origin: right;
     -ms-transform-origin: right;
     transform-origin: right;
     -webkit-transition: 1s  cubic-bezier(.767, .01, .18, 1.01);
     -o-transition: 1s  cubic-bezier(.767, .01, .18, 1.01);
     transition: 1s  cubic-bezier(.767, .01, .18, 1.01);
     -webkit-transition-delay: .1s;
     -o-transition-delay: .1s;
     transition-delay: .1s;
  }

  .menu-icon__inner:before,
  .menu-icon__inner:after {
     top: 0;
     -webkit-transform: scaleX(0);
     -ms-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
  }

  .menu-icon__inner:after {
     top: auto;
     bottom: 0;
     -webkit-transition-delay: .2s;
     -o-transition-delay: .2s;
     transition-delay: .2s;
  }

  .js-page-in-out .menu-icon__box:before {
     -webkit-transform: translateY(-50%) scaleX(1);
     -ms-transform: translateY(-50%) scaleX(1);
     transform: translateY(-50%) scaleX(1);
     -webkit-transition-delay: 1.1s;
     -o-transition-delay: 1.1s;
     transition-delay: 1.1s;
  }

  .js-page-in-out .menu-icon__inner:before,
  .js-page-in-out .menu-icon__inner:after {
     -webkit-transform: scaleX(1);
     -ms-transform: scaleX(1);
     transform: scaleX(1);
     -webkit-transition-delay: 1s;
     -o-transition-delay: 1s;
     transition-delay: 1s;
  }

  .js-page-in-out .menu-icon__inner:after {
     -webkit-transition-delay: 1.2s;
     -o-transition-delay: 1.2s;
     transition-delay: 1.2s;
  }

  .js-nav-active.js-page-in-out .menu-icon__box:before {
     -webkit-transform: translateY(-50%) scaleX(0);
     -ms-transform: translateY(-50%) scaleX(0);
     transform: translateY(-50%) scaleX(0);
     -webkit-transition-delay: .1s;
     -o-transition-delay: .1s;
     transition-delay: .1s;
  }

  .js-nav-active.js-page-in-out .menu-icon__inner:before,
  .js-nav-active.js-page-in-out .menu-icon__inner:after {
     -webkit-transform: scaleX(0);
     -ms-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
  }

  .js-nav-active.js-page-in-out .menu-icon__inner:after {
     -webkit-transition-delay: .2s;
     -o-transition-delay: .2s;
     transition-delay: .2s;
  }

  .midnightHeader.default .menu-icon__box:before,
  .midnightHeader.default .menu-icon__inner:before,
  .midnightHeader.default .menu-icon__inner:after {
     background-color: #fff;
  }

  .midnightHeader.black .menu-icon__box:before,
  .midnightHeader.black .menu-icon__inner:before,
  .midnightHeader.black .menu-icon__inner:after {
     background-color: #000;
  }

/* Landing header */
@media only screen and (min-width: 1000px) {

	.landing-page .menu-icon {
		display: none;
	}

}

/* Vertical menu open icon */
.menu-icon.vertical {
	width: 20px;
}

.vertical .menu-icon__box {
	width: 20px;
	height: 40px;
}

.vertical .menu-icon__box:before,
.vertical .menu-icon__inner:before,
.vertical .menu-icon__inner:after {
	width: 2px;
	height: 40px;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%) scaleY(0);
 -ms-transform: translateX(-50%) scaleY(0);
 transform: translateX(-50%) scaleY(0);
 -webkit-transform-origin: bottom;
 -ms-transform-origin: bottom;
 transform-origin: bottom;
}

.vertical .menu-icon__inner:before,
.vertical .menu-icon__inner:after {
	left: 0;
	-webkit-transform: scaleY(0);
 -ms-transform: scaleY(0);
 transform: scaleY(0);
}

.vertical .menu-icon__inner:after {
	left: auto;
	right: 0;
	bottom: auto;
}

.js-page-in-out .vertical .menu-icon__box:before {
	-webkit-transform: translateX(-50%) scaleY(1);
 -ms-transform: translateX(-50%) scaleY(1);
 transform: translateX(-50%) scaleY(1);
}

.js-page-in-out .vertical .menu-icon__inner:before,
.js-page-in-out .vertical .menu-icon__inner:after {
	-webkit-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
}

.js-nav-active.js-page-in-out .vertical .menu-icon__box:before {
	-webkit-transform: translateX(-50%) scaleY(0);
 -ms-transform: translateX(-50%) scaleY(0);
 transform: translateX(-50%) scaleY(0);
}

.js-nav-active.js-page-in-out .vertical .menu-icon__inner:before,
.js-nav-active.js-page-in-out .vertical .menu-icon__inner:after {
	-webkit-transform: scaleY(0);
 -ms-transform: scaleY(0);
 transform: scaleY(0);
}


/* 9.3. Navigation close button
   ========================================================================== */

   .menu-icon__close:before,
   .menu-icon__close:after {
     content: '';
     width: 45px;
     height: 2px;
     position: absolute;
     left: 1px;
     top: -1px;
     background-color: #000;
     -webkit-transform: rotate(26.5deg) scaleX(0);
     -ms-transform: rotate(26.5deg) scaleX(0);
     transform: rotate(26.5deg) scaleX(0);
     -webkit-transform-origin: left;
     -ms-transform-origin: left;
     transform-origin: left;
     -webkit-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     -o-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
  }

  .dark-nav .menu-icon__close:before,
  .dark-nav .menu-icon__close:after {
     background-color: #fff;
  }

  .menu-icon__close:after {
     top: 19px;
     -webkit-transform: rotate(-26.5deg) scaleX(0);
     -ms-transform: rotate(-26.5deg) scaleX(0);
     transform: rotate(-26.5deg) scaleX(0);
     -webkit-transition-delay: .15s;
     -o-transition-delay: .15s;
     transition-delay: .15s;
  }

  .js-nav-active .menu-icon__close:before {
     -webkit-transform: rotate(26.5deg) scaleX(1);
     -ms-transform: rotate(26.5deg) scaleX(1);
     transform: rotate(26.5deg) scaleX(1);
     -webkit-transition-delay: 1.15s;
     -o-transition-delay: 1.15s;
     transition-delay: 1.15s;
  }

  .js-nav-active .menu-icon__close:after {
     -webkit-transform: rotate(-26.5deg) scaleX(1);
     -ms-transform: rotate(-26.5deg) scaleX(1);
     transform: rotate(-26.5deg) scaleX(1);
     -webkit-transition-delay: 1s;
     -o-transition-delay: 1s;
     transition-delay: 1s;
  }

  .js-nav-active.js-page-out .menu-icon__close:before {
     -webkit-transform: rotate(26.5deg) scaleX(0);
     -ms-transform: rotate(26.5deg) scaleX(0);
     transform: rotate(26.5deg) scaleX(0);
     -webkit-transition-delay: .15s;
     -o-transition-delay: .15s;
     transition-delay: .15s;
  }

  .js-nav-active.js-page-out .menu-icon__close:after {
     -webkit-transform: rotate(-26.5deg) scaleX(0);
     -ms-transform: rotate(-26.5deg) scaleX(0);
     transform: rotate(-26.5deg) scaleX(0);
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
  }

/* Vertical menu close icon */
.vertical .menu-icon__close:before,
.vertical .menu-icon__close:after {
	left: 0px;
	-webkit-transform: rotate(63.5deg) scaleX(0);
 -ms-transform: rotate(63.5deg) scaleX(0);
 transform: rotate(63.5deg) scaleX(0);
}

.vertical .menu-icon__close:after {
	top: 39px;
	-webkit-transform: rotate(-63.5deg) scaleX(0);
 -ms-transform: rotate(-63.5deg) scaleX(0);
 transform: rotate(-63.5deg) scaleX(0);
}

.js-nav-active .vertical .menu-icon__close:before {
	-webkit-transform: rotate(63.5deg) scaleX(1);
 -ms-transform: rotate(63.5deg) scaleX(1);
 transform: rotate(63.5deg) scaleX(1);
}

.js-nav-active .vertical .menu-icon__close:after {
	-webkit-transform: rotate(-63.5deg) scaleX(1);
 -ms-transform: rotate(-63.5deg) scaleX(1);
 transform: rotate(-63.5deg) scaleX(1);
}

.js-nav-active.js-page-out .vertical .menu-icon__close:before {
	-webkit-transform: rotate(63.5deg) scaleX(0);
 -ms-transform: rotate(63.5deg) scaleX(0);
 transform: rotate(63.5deg) scaleX(0);
}

.js-nav-active.js-page-out .vertical .menu-icon__close:after {
	-webkit-transform: rotate(-63.5deg) scaleX(0);
 -ms-transform: rotate(-63.5deg) scaleX(0);
 transform: rotate(-63.5deg) scaleX(0);
}


/* 9.4. Header social buttons
   ========================================================================== */

   .header-social {
     width: 20px;
     position: fixed;
     left: auto !important;
     top: 50% !important;
     right: 20px !important;
     z-index: 10;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     pointer-events: none;
  }

  .js-page-in-out .header-social {
     pointer-events: auto;
  }

  .header-social i {
     font-size: 13px;
     -webkit-transition: .5s cubic-bezier(.17, .85, .438, .99);
     -o-transition: .5s cubic-bezier(.17, .85, .438, .99);
     transition: .5s cubic-bezier(.17, .85, .438, .99);
     -webkit-transition-delay: 1.1s;
     -o-transition-delay: 1.1s;
     transition-delay: 1.1s;
  }

  .js-nav-active .header-social i {
     -webkit-transition-delay: .5s;
     -o-transition-delay: .5s;
     transition-delay: .5s;
  }

  .js-page-in-anim-active.js-page-out .header-social.after-preloader-anim .anim-slide {
     -webkit-transform: translateY(105%);
     -ms-transform: translateY(105%);
     transform: translateY(105%);
     -webkit-transition: 1.3s cubic-bezier(.17, .85, .438, .99);
     -o-transition: 1.3s cubic-bezier(.17, .85, .438, .99);
     transition: 1.3s cubic-bezier(.17, .85, .438, .99);
     -webkit-transition-delay: 0s !important;
     -o-transition-delay: 0s !important;
     transition-delay: 0s !important;
  }

  .header-social .midnightHeader.default i,
  .dark-nav.js-nav-active .header-social .midnightHeader.default i,
  .dark-nav.js-nav-active .header-social .midnightHeader.black i {
     color: #fff;
  }

  .header-social .midnightHeader.black i,
  .js-nav-active .header-social .midnightHeader.default i {
     color: #000;
  }

  @media only screen and (max-width: 767px) and (orientation: landscape) {

     .header-social {
       display: none;
    }

 }

 @media only screen and (max-width: 549px) {

  .header-social {
    display: none;
 }

}

/* Landing header */
.landing-page .fixed-header .header-social i {
	-webkit-transition-delay: .4s;
   -o-transition-delay: .4s;
   transition-delay: .4s;
}


/* 9.5. Header contact
   ========================================================================== */

   .header-contact {
     width: 20px;
     position: fixed;
     left: 20px !important;
     top: 50% !important;
     z-index: 10;
     pointer-events: none;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
  }

  .header-contact__flex {
     overflow: hidden;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: 20px;
     height: 60vh;
  }

  .header-contact__anim {
     opacity: 0;
     -webkit-transform: translateY(30px);
     -ms-transform: translateY(30px);
     transform: translateY(30px);
     -webkit-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     -o-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     transition: 1s cubic-bezier(.767, .01, .18, 1.01);
  }

  .js-page-in-anim-active .header-contact__anim {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
  }

  .js-page-in-anim-active.js-page-out .header-contact__anim {
     opacity: 0;
     -webkit-transform: translateY(30px);
     -ms-transform: translateY(30px);
     transform: translateY(30px);
  }

  .header-contact__btn {
     white-space: nowrap;
     pointer-events: auto;
     font-family: 'Montserrat', sans-serif;
     font-size: 11px;
     font-weight: 600;
     letter-spacing: 2px;
     line-height: 20px;
     -webkit-transition: .5s cubic-bezier(.17, .85, .438, .99);
     -o-transition: .5s cubic-bezier(.17, .85, .438, .99);
     transition: .5s cubic-bezier(.17, .85, .438, .99);
     -webkit-transition-delay: 1.1s;
     -o-transition-delay: 1.1s;
     transition-delay: 1.1s;
  }

  .header-contact__btn i {
     font-size: 16px;
  }

  .js-nav-active .header-contact__btn {
     -webkit-transition-delay: .4s;
     -o-transition-delay: .4s;
     transition-delay: .4s;
  }

  .midnightHeader.default .header-contact__btn,
  .dark-nav.js-nav-active .midnightHeader.default .header-contact__btn,
  .dark-nav.js-nav-active .midnightHeader.black .header-contact__btn {
     color: #fff;
  }

  .midnightHeader.black .header-contact__btn,
  .js-nav-active .midnightHeader.default .header-contact__btn {
     color: #000;
  }

  @media only screen and (max-width: 767px) and (orientation: landscape) {

     .header-contact {
       display: none;
    }

 }

 @media only screen and (max-width: 549px) {

  .header-contact {
    display: none;
 }

}

/* Landing header */
.landing-page .header-contact__btn {
	-webkit-transition-delay: .4s;
   -o-transition-delay: .4s;
   transition-delay: .4s;
}


/* 9.6. Headroom
   ========================================================================== */

   .headroom {
     -webkit-transition-property: -webkit-transform;
     transition-property: -webkit-transform;
     -o-transition-property: transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform;
     -webkit-transition-duration: .7s;
     -o-transition-duration: .7s;
     transition-duration: .7s;
     -webkit-transition-timing-function: cubic-bezier(.767, .01, .18, 1.01);
     -o-transition-timing-function: cubic-bezier(.767, .01, .18, 1.01);
     transition-timing-function: cubic-bezier(.767, .01, .18, 1.01);
     will-change: transform; 
  }

  .header-social.headroom--unpinned {
    -webkit-transform: translateX(210%) translateY(-50%);
    -ms-transform: translateX(210%) translateY(-50%);
    transform: translateX(210%) translateY(-50%);
 }

 .header-contact.headroom--unpinned {
    -webkit-transform: translateX(-210%) translateY(-50%);
    -ms-transform: translateX(-210%) translateY(-50%);
    transform: translateX(-210%) translateY(-50%);
 }

 .js-nav-active .header-social.headroom--unpinned,
 .js-nav-active .header-contact.headroom--unpinned {
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
 }

 @media only screen and (max-width: 549px) {

  .headroom--unpinned {
    -webkit-transform: translateY(-210%);
    -ms-transform: translateY(-210%);
    transform: translateY(-210%);
 }

 .vertical.headroom--unpinned {
    -webkit-transform: translateX(210%);
    -ms-transform: translateX(210%);
    transform: translateX(210%);
 }

 .vertical.header-logo.headroom--unpinned {
    -webkit-transform: translateX(-210%);
    -ms-transform: translateX(-210%);
    transform: translateX(-210%);
 }

 .scroll-to-btn.headroom--unpinned {
    opacity: 0;
    -webkit-transform: translateX(0) translateY(-100%) !important;
    -ms-transform: translateX(0) translateY(-100%) !important;
    transform: translateX(0) translateY(-100%) !important;
 }

 .scroll-to-btn.to-down.headroom--unpinned {
    -webkit-transform: translateX(0) translateY(100%) !important;
    -ms-transform: translateX(0) translateY(100%) !important;
    transform: translateX(0) translateY(100%) !important;
 }

 .js-nav-active .headroom--unpinned {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
 }

}





/* ==========================================================================
   10. Navigation
   ========================================================================== */

   .nav-container {
     overflow: hidden;
     width: 100%;
     height:     100vh;
     min-height: 100vh;
     margin:  0;
     padding: 0;
     position: fixed !important;
     left: 0;
     top:  0;
     z-index: 9;
     pointer-events: none;
     background-color: #f5f5f5;
     -webkit-transform: scaleY(0);
     -ms-transform: scaleY(0);
     transform: scaleY(0);
     -webkit-transform-origin: bottom;
     -ms-transform-origin: bottom;
     transform-origin: bottom;
     -webkit-transition: 1s cubic-bezier(.858, .01, .068, .99);
     -o-transition: 1s cubic-bezier(.858, .01, .068, .99);
     transition: 1s cubic-bezier(.858, .01, .068, .99);
     -webkit-transition-delay: .7s;
     -o-transition-delay: .7s;
     transition-delay: .7s;
  }

  .dark-nav .nav-container {
     background-color: #111517;
  }

  .js-nav-active .nav-container {
     pointer-events: auto;
     -webkit-transform: scaleY(1);
     -ms-transform: scaleY(1);
     transform: scaleY(1);
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
  }

/* Landing nav open */
.landing-page .nav-container {
	opacity: 0;
	-webkit-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
 -webkit-transition-delay: 0s;
 -o-transition-delay: 0s;
 transition-delay: 0s;
}

.js-nav-active.landing-page .nav-container {
	opacity: 1;
}


/* 10.1. Navigation menu box
   ========================================================================== */

   .menu-box {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-flow: column;
     flex-flow: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     width: 66.66%;
     height: 100%;
     padding-left: 33.33%;
  }

  @media only screen and (max-width: 999px) {

     .menu-box {
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       width: 100%;
       padding-left: 0;
    }

 }


/* 10.2. Navigation buttons
   ========================================================================== */

   .nav-btn-box {
     overflow: hidden;
  }

  .nav-btn {
     display: inline-block;
     margin:  0;
     padding: 0;
     cursor: pointer;
     -webkit-transform: translateY(-105%);
     -ms-transform: translateY(-105%);
     transform: translateY(-105%);
     -webkit-transition: .8s cubic-bezier(.767, .01, .18, 1.01);
     -o-transition: .8s cubic-bezier(.767, .01, .18, 1.01);
     transition: .8s cubic-bezier(.767, .01, .18, 1.01);
  }

  .nav-btn-box:nth-child(1) .nav-btn,
  .nav-btn-box .nav-btn-box:nth-child(1) .nav-btn {
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
  }

  .nav-btn-box:nth-child(2) .nav-btn,
  .nav-btn-box .nav-btn-box:nth-child(2) .nav-btn {
     -webkit-transition-delay: .04s;
     -o-transition-delay: .04s;
     transition-delay: .04s;
  }

  .nav-btn-box:nth-child(3) .nav-btn,
  .nav-btn-box .nav-btn-box:nth-child(3) .nav-btn {
     -webkit-transition-delay: .08s;
     -o-transition-delay: .08s;
     transition-delay: .08s;
  }

  .nav-btn-box:nth-child(4) .nav-btn,
  .nav-btn-box .nav-btn-box:nth-child(4) .nav-btn {
     -webkit-transition-delay: .12s;
     -o-transition-delay: .12s;
     transition-delay: .12s;
  }

  .nav-btn-box:nth-child(5) .nav-btn,
  .nav-btn-box .nav-btn-box:nth-child(5) .nav-btn {
     -webkit-transition-delay: .16s;
     -o-transition-delay: .16s;
     transition-delay: .16s;
  }

  .nav-btn-box:nth-child(6) .nav-btn,
  .nav-btn-box .nav-btn-box:nth-child(6) .nav-btn {
     -webkit-transition-delay: .2s;
     -o-transition-delay: .2s;
     transition-delay: .2s;
  }

  .nav-btn-box:nth-child(7) .nav-btn,
  .nav-btn-box .nav-btn-box:nth-child(7) .nav-btn {
     -webkit-transition-delay: .24s;
     -o-transition-delay: .24s;
     transition-delay: .24s;
  }

  .nav-btn-box:nth-child(8) .nav-btn,
  .nav-btn-box .nav-btn-box:nth-child(8) .nav-btn {
     -webkit-transition-delay: .28s;
     -o-transition-delay: .28s;
     transition-delay: .28s;
  }

  .nav-btn-box:nth-child(9) .nav-btn,
  .nav-btn-box .nav-btn-box:nth-child(9) .nav-btn {
     -webkit-transition-delay: .32s;
     -o-transition-delay: .32s;
     transition-delay: .32s;
  }

  .nav-btn-box:nth-child(10) .nav-btn,
  .nav-btn-box .nav-btn-box:nth-child(10) .nav-btn {
     -webkit-transition-delay: .36s;
     -o-transition-delay: .36s;
     transition-delay: .36s;
  }

  .nav-btn-box:nth-child(11) .nav-btn,
  .nav-btn-box .nav-btn-box:nth-child(11) .nav-btn {
     -webkit-transition-delay: .4s;
     -o-transition-delay: .4s;
     transition-delay: .4s;
  }

  .nav-btn-box:nth-child(12) .nav-btn,
  .nav-btn-box .nav-btn-box:nth-child(12) .nav-btn {
     -webkit-transition-delay: .44s;
     -o-transition-delay: .44s;
     transition-delay: .44s;
  }


/* 10.2.1. Navigation active buttons
   ========================================================================== */

   .js-nav-active .nav-btn {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition: 1.5s cubic-bezier(.225, 1, .316, .99);
     -o-transition: 1.5s cubic-bezier(.225, 1, .316, .99);
     transition: 1.5s cubic-bezier(.225, 1, .316, .99);
  }

  .js-nav-active .nav-btn-box:nth-child(1) .nav-btn,
  .js-nav-active .nav-btn-box .nav-btn-box:nth-child(1) .nav-btn {
     -webkit-transition-delay: .9s;
     -o-transition-delay: .9s;
     transition-delay: .9s;
  }

  .js-nav-active .nav-btn-box:nth-child(2) .nav-btn,
  .js-nav-active .nav-btn-box .nav-btn-box:nth-child(2) .nav-btn {
     -webkit-transition-delay: 1s;
     -o-transition-delay: 1s;
     transition-delay: 1s;
  }

  .js-nav-active .nav-btn-box:nth-child(3) .nav-btn,
  .js-nav-active .nav-btn-box .nav-btn-box:nth-child(3) .nav-btn {
     -webkit-transition-delay: 1.1s;
     -o-transition-delay: 1.1s;
     transition-delay: 1.1s;
  }

  .js-nav-active .nav-btn-box:nth-child(4) .nav-btn,
  .js-nav-active .nav-btn-box .nav-btn-box:nth-child(4) .nav-btn {
     -webkit-transition-delay: 1.2s;
     -o-transition-delay: 1.2s;
     transition-delay: 1.2s;
  }

  .js-nav-active .nav-btn-box:nth-child(5) .nav-btn,
  .js-nav-active .nav-btn-box .nav-btn-box:nth-child(5) .nav-btn {
     -webkit-transition-delay: 1.3s;
     -o-transition-delay: 1.3s;
     transition-delay: 1.3s;
  }

  .js-nav-active .nav-btn-box:nth-child(6) .nav-btn,
  .js-nav-active .nav-btn-box .nav-btn-box:nth-child(6) .nav-btn {
     -webkit-transition-delay: 1.4s;
     -o-transition-delay: 1.4s;
     transition-delay: 1.4s;
  }

  .js-nav-active .nav-btn-box:nth-child(7) .nav-btn,
  .js-nav-active .nav-btn-box .nav-btn-box:nth-child(7) .nav-btn {
     -webkit-transition-delay: 1.5s;
     -o-transition-delay: 1.5s;
     transition-delay: 1.5s;
  }

  .js-nav-active .nav-btn-box:nth-child(8) .nav-btn,
  .js-nav-active .nav-btn-box .nav-btn-box:nth-child(8) .nav-btn {
     -webkit-transition-delay: 1.6s;
     -o-transition-delay: 1.6s;
     transition-delay: 1.6s;
  }

  .js-nav-active .nav-btn-box:nth-child(9) .nav-btn,
  .js-nav-active .nav-btn-box .nav-btn-box:nth-child(9) .nav-btn {
     -webkit-transition-delay: 1.7s;
     -o-transition-delay: 1.7s;
     transition-delay: 1.7s;
  }

  .js-nav-active .nav-btn-box:nth-child(10) .nav-btn,
  .js-nav-active .nav-btn-box .nav-btn-box:nth-child(10) .nav-btn {
     -webkit-transition-delay: 1.8s;
     -o-transition-delay: 1.8s;
     transition-delay: 1.8s;
  }

  .js-nav-active .nav-btn-box:nth-child(11) .nav-btn,
  .js-nav-active .nav-btn-box .nav-btn-box:nth-child(11) .nav-btn {
     -webkit-transition-delay: 1.9s;
     -o-transition-delay: 1.9s;
     transition-delay: 1.9s;
  }

  .js-nav-active .nav-btn-box:nth-child(12) .nav-btn,
  .js-nav-active .nav-btn-box .nav-btn-box:nth-child(12) .nav-btn {
     -webkit-transition-delay: 2s;
     -o-transition-delay: 2s;
     transition-delay: 2s;
  }


/* 10.2.2. Navigation active page out buttons
   ========================================================================== */

   .js-nav-active.js-page-out .nav-container .nav-btn {
     -webkit-transform: translateY(-105%);
     -ms-transform: translateY(-105%);
     transform: translateY(-105%);
     -webkit-transition: 1s cubic-bezier(.76, .06, .85, .07);
     -o-transition: 1s cubic-bezier(.76, .06, .85, .07);
     transition: 1s cubic-bezier(.76, .06, .85, .07);
  }

  .js-nav-active.js-page-out .nav-btn-box:nth-child(1) .nav-btn,
  .js-nav-active.js-page-out .nav-btn-box .nav-btn-box:nth-child(1) .nav-btn {
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
  }

  .js-nav-active.js-page-out .nav-btn-box:nth-child(2) .nav-btn,
  .js-nav-active.js-page-out .nav-btn-box .nav-btn-box:nth-child(2) .nav-btn {
     -webkit-transition-delay: .04s;
     -o-transition-delay: .04s;
     transition-delay: .04s;
  }

  .js-nav-active.js-page-out .nav-btn-box:nth-child(3) .nav-btn,
  .js-nav-active.js-page-out .nav-btn-box .nav-btn-box:nth-child(3) .nav-btn {
     -webkit-transition-delay: .08s;
     -o-transition-delay: .08s;
     transition-delay: .08s;
  }

  .js-nav-active.js-page-out .nav-btn-box:nth-child(4) .nav-btn,
  .js-nav-active.js-page-out .nav-btn-box .nav-btn-box:nth-child(4) .nav-btn {
     -webkit-transition-delay: .12s;
     -o-transition-delay: .12s;
     transition-delay: .12s;
  }

  .js-nav-active.js-page-out .nav-btn-box:nth-child(5) .nav-btn,
  .js-nav-active.js-page-out .nav-btn-box .nav-btn-box:nth-child(5) .nav-btn {
     -webkit-transition-delay: .16s;
     -o-transition-delay: .16s;
     transition-delay: .16s;
  }

  .js-nav-active.js-page-out .nav-btn-box:nth-child(6) .nav-btn,
  .js-nav-active.js-page-out .nav-btn-box .nav-btn-box:nth-child(6) .nav-btn {
     -webkit-transition-delay: .2s;
     -o-transition-delay: .2s;
     transition-delay: .2s;
  }

  .js-nav-active.js-page-out .nav-btn-box:nth-child(7) .nav-btn,
  .js-nav-active.js-page-out .nav-btn-box .nav-btn-box:nth-child(7) .nav-btn {
     -webkit-transition-delay: .24s;
     -o-transition-delay: .24s;
     transition-delay: .24s;
  }

  .js-nav-active.js-page-out .nav-btn-box:nth-child(8) .nav-btn,
  .js-nav-active.js-page-out .nav-btn-box .nav-btn-box:nth-child(8) .nav-btn {
     -webkit-transition-delay: .28s;
     -o-transition-delay: .28s;
     transition-delay: .28s;
  }

  .js-nav-active.js-page-out .nav-btn-box:nth-child(9) .nav-btn,
  .js-nav-active.js-page-out .nav-btn-box .nav-btn-box:nth-child(9) .nav-btn {
     -webkit-transition-delay: .32s;
     -o-transition-delay: .32s;
     transition-delay: .32s;
  }

  .js-nav-active.js-page-out .nav-btn-box:nth-child(10) .nav-btn,
  .js-nav-active.js-page-out .nav-btn-box .nav-btn-box:nth-child(10) .nav-btn {
     -webkit-transition-delay: .36s;
     -o-transition-delay: .36s;
     transition-delay: .36s;
  }

  .js-nav-active.js-page-out .nav-btn-box:nth-child(11) .nav-btn,
  .js-nav-active.js-page-out .nav-btn-box .nav-btn-box:nth-child(11) .nav-btn {
     -webkit-transition-delay: .4s;
     -o-transition-delay: .4s;
     transition-delay: .4s;
  }

  .js-nav-active.js-page-out .nav-btn-box:nth-child(12) .nav-btn,
  .js-nav-active.js-page-out .nav-btn-box .nav-btn-box:nth-child(12) .nav-btn {
     -webkit-transition-delay: .44s;
     -o-transition-delay: .44s;
     transition-delay: .44s;
  }


/* 10.2.3. Navigation buttons style
   ========================================================================== */

   .nav-btn__inner {
     margin:  0;
     padding: 0;
     font-family: 'Montserrat', sans-serif;
     font-size: 60px;
     font-weight: 300;
     line-height: 1.2;
  }

  .nav-btn.small .nav-btn__inner {
     font-size: 47px;
  }

  .nav-btn.large .nav-btn__inner {
     font-size: 80px;
  }

  @media only screen and (max-width: 1399px) {

     .nav-btn__inner {
       font-size: 50px;
    }

    .nav-btn.small .nav-btn__inner {
       font-size: 40px;
    }

    .nav-btn.large .nav-btn__inner {
       font-size: 67px;
    }

 }

 @media only screen and (max-width: 1199px) {

  .nav-btn__inner {
    font-size: 45px;
 }

 .nav-btn.small .nav-btn__inner {
    font-size: 33px;
 }

 .nav-btn.large .nav-btn__inner {
    font-size: 55px;
 }

}

@media only screen and (max-width: 999px) {

	.nav-btn__inner {
		font-size: 40px;
	}

	.nav-btn.small .nav-btn__inner {
		font-size: 35px;
	}

	.nav-btn.large .nav-btn__inner {
		font-size: 60px;
	}

}

@media only screen and (max-width: 999px) and (orientation: landscape) {

	.nav-btn__inner {
		font-size: 33px;
	}

	.nav-btn.small .nav-btn__inner {
		font-size: 25px;
	}

	.nav-btn.large .nav-btn__inner {
		font-size: 48px;
	}

}

@media only screen and (max-width: 767px) {

	.nav-btn__inner {
		font-size: 38px;
	}

	.nav-btn.small .nav-btn__inner {
		font-size: 32px;
	}

	.nav-btn.large .nav-btn__inner {
		font-size: 55px;
	}

}

@media only screen and (max-width: 767px) and (orientation: landscape) {

	.nav-btn__inner {
		font-size: 24px;
	}

	.nav-btn.small .nav-btn__inner {
		font-size: 17px;
	}

	.nav-btn.large .nav-btn__inner {
		font-size: 34px;
	}

}

@media only screen and (max-width: 549px) {

	.nav-btn__inner {
		font-size: 34px;
	}

	.nav-btn.small .nav-btn__inner {
		font-size: 28px;
	}

	.nav-btn.large .nav-btn__inner {
		font-size: 45px;
	}

}

@media only screen and (max-width: 549px) and (orientation: landscape) {

	.nav-btn__inner {
		font-size: 22px;
	}

	.nav-btn.small .nav-btn__inner {
		font-size: 16px;
	}

	.nav-btn.large .nav-btn__inner {
		font-size: 32px;
	}

}

@media only screen and (max-width: 399px) {

	.nav-btn__inner {
		font-size: 30px;
	}

	.nav-btn.small .nav-btn__inner {
		font-size: 24px;
	}

	.nav-btn.large .nav-btn__inner {
		font-size: 40px;
	}

}


/* 10.2.4. Navigation buttons hover effect
   ========================================================================== */

   .nav-btn__inner {
     position: relative;
     white-space: nowrap;
     color: #000;
  }

  .dark-nav .nav-btn__inner {
     color: #fff;
  }

  .nav-btn__inner:before {
     content: attr(data-text);
     overflow: hidden;
     width: 0%;
     position: absolute;
     left: 0;
     top: 50%;
     white-space: nowrap;
     color: var(--main-color);
     background-color: #f5f5f5;
     z-index: 2;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     -webkit-transition: 1s cubic-bezier(.225, 1, .316, .99);
     -o-transition: 1s cubic-bezier(.225, 1, .316, .99);
     transition: 1s cubic-bezier(.225, 1, .316, .99);
  }

  .dark-nav .nav-btn__inner:before {
     background-color: #111517;
  }

  .nav-btn:hover .nav-btn__inner:before {
     width: 100%;
  }

  .js-nav-slider .nav-btn__inner {
     color: transparent;
     white-space: normal;
  }

  .js-nav-slider .nav-btn__inner:before {
     width: 100%;
     white-space: normal;
     color: #fff;
     background-color: transparent;
  }

  .js-nav-slider .nav-btn:hover .nav-btn__inner:before {
     color: var(--main-color);
  }


/* 10.3. Navigation drop down
   ========================================================================== */

   .dropdown {
     width:  100%;
     height: 100%;
     position: absolute;
     left: 0;
     top:  0;
     z-index: 2;
     pointer-events: none;
  }

  .menu-box.dropdown {
     width: 66.66%;
  }

  .js-dropdown.js-dropdown-is-active {
     pointer-events: auto;
  }

  @media only screen and (max-width: 999px) {

     .menu-box.dropdown {
       width: 100%;
    }

 }


/* 10.3.1. Navigation drop down close button
   ========================================================================== */

   .dropdown-close {
     overflow: hidden;
     width: 60px;
     height: 30px;
     position: absolute;
     top: 20px;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     z-index: 3;
  }

  .dropdown-close__inner {
     overflow: hidden;
     width:  100%;
     height: 100%;
     position: relative;
     cursor: pointer;
     pointer-events: none;
     -webkit-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     transform: translateX(-100%);
     -webkit-transition: .5s cubic-bezier(.17, .85, .438, .99);
     -o-transition: .5s cubic-bezier(.17, .85, .438, .99);
     transition: .5s cubic-bezier(.17, .85, .438, .99);
  }

  .js-nav-active .js-dropdown-is-active .dropdown-close__inner {
     pointer-events: auto;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
     -webkit-transition: 1s cubic-bezier(.17, .85, .438, .99);
     -o-transition: 1s cubic-bezier(.17, .85, .438, .99);
     transition: 1s cubic-bezier(.17, .85, .438, .99);
     -webkit-transition-delay: 1s;
     -o-transition-delay: 1s;
     transition-delay: 1s;
  }

  .js-nav-active.js-page-out .js-dropdown-is-active .dropdown-close__inner {
     -webkit-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     transform: translateX(-100%);
     -webkit-transition: 1s cubic-bezier(.17, .85, .438, .99);
     -o-transition: 1s cubic-bezier(.17, .85, .438, .99);
     transition: 1s cubic-bezier(.17, .85, .438, .99);
     -webkit-transition-delay: .5s;
     -o-transition-delay: .5s;
     transition-delay: .5s;
  }

  .dropdown-close__arrow {
     display: block;
     width:  100%;
     height: 100%;
     position: relative;
     z-index: 3;
     -webkit-transform: translateX(22px);
     -ms-transform: translateX(22px);
     transform: translateX(22px);
     -webkit-transition: .7s cubic-bezier(.17, .85, .438, .99);
     -o-transition: .7s cubic-bezier(.17, .85, .438, .99);
     transition: .7s cubic-bezier(.17, .85, .438, .99);
  }

  .dropdown-close:hover .dropdown-close__arrow {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
  }

  .dropdown-close__arrow:before {
     content: '';
     display: block;
     width:  18px;
     height: 18px;
     position: absolute;
     left: 4px;
     top: 5px;
     border-left:   2px solid var(--main-color);
     border-bottom: 2px solid var(--main-color);
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
  }

  .dropdown-close__arrow:after {
     content: '';
     width: 100%;
     height: 2px;
     position: absolute;
     left: 0;
     top: 50%;
     background-color: var(--main-color);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     -webkit-transform-origin: left;
     -ms-transform-origin: left;
     transform-origin: left;
  }

  .dropdown-close__inner:before {
     content: '';
     width: 2px;
     height: 50%;
     position: absolute;
     top: 50%;
     right: 0;
     background-color: var(--main-color);
     -webkit-transform: scaleY(1);
     -ms-transform: scaleY(1);
     transform: scaleY(1);
     -webkit-transform-origin: top;
     -ms-transform-origin: top;
     transform-origin: top;
     -webkit-transition: .5s cubic-bezier(.17, .85, .438, .99);
     -o-transition: .5s cubic-bezier(.17, .85, .438, .99);
     transition: .5s cubic-bezier(.17, .85, .438, .99);
  }

  .dropdown-close:hover .dropdown-close__inner:before {
     -webkit-transform: scaleY(0);
     -ms-transform: scaleY(0);
     transform: scaleY(0);
  }

  @media only screen and (max-width: 399px) {

     .dropdown-close {
       left: auto;
       right: 100px;
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       transform: translateX(0);
    }

 }


/* 10.3.2. Navigation drop down menu
   ========================================================================== */

   .js-dropdown .nav-btn__inner {
     display: inline-block;
     -webkit-transform: translateY(-105%);
     -ms-transform: translateY(-105%);
     transform: translateY(-105%);
     -webkit-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     -o-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     transition: 1s cubic-bezier(.767, .01, .18, 1.01);
  }

  .js-dropdown.js-dropdown-is-active .nav-btn__inner {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
  }

  .dropdown-hidden-btn .nav-btn__inner {
     display: inline-block;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     -o-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     transition: 1s cubic-bezier(.767, .01, .18, 1.01);
  }

  .js-dropdown-is-active .dropdown-hidden-btn .nav-btn__inner {
     -webkit-transform: translateY(-105%);
     -ms-transform: translateY(-105%);
     transform: translateY(-105%);
  }

  .js-dropdown-is-active .dropdown-hidden-btn {
     pointer-events: none;
  }

  .js-dropdown-is-active .nav-btn-box:nth-last-child(1) .dropdown-hidden-btn .nav-btn__inner,
  .js-dropdown .nav-btn-box:nth-last-child(1) .nav-btn__inner {
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
  }

  .js-dropdown-is-active .nav-btn-box:nth-last-child(2) .dropdown-hidden-btn .nav-btn__inner,
  .js-dropdown .nav-btn-box:nth-last-child(2) .nav-btn__inner {
     -webkit-transition-delay: .1s;
     -o-transition-delay: .1s;
     transition-delay: .1s;
  }

  .js-dropdown-is-active .nav-btn-box:nth-last-child(3) .dropdown-hidden-btn .nav-btn__inner,
  .js-dropdown .nav-btn-box:nth-last-child(3) .nav-btn__inner {
     -webkit-transition-delay: .2s;
     -o-transition-delay: .2s;
     transition-delay: .2s;
  }

  .js-dropdown-is-active .nav-btn-box:nth-last-child(4) .dropdown-hidden-btn .nav-btn__inner,
  .js-dropdown .nav-btn-box:nth-last-child(4) .nav-btn__inner {
     -webkit-transition-delay: .3s;
     -o-transition-delay: .3s;
     transition-delay: .3s;
  }

  .js-dropdown-is-active .nav-btn-box:nth-last-child(5) .dropdown-hidden-btn .nav-btn__inner,
  .js-dropdown .nav-btn-box:nth-last-child(5) .nav-btn__inner {
     -webkit-transition-delay: .4s;
     -o-transition-delay: .4s;
     transition-delay: .4s;
  }

  .js-dropdown-is-active .nav-btn-box:nth-last-child(6) .dropdown-hidden-btn .nav-btn__inner,
  .js-dropdown .nav-btn-box:nth-last-child(6) .nav-btn__inner {
     -webkit-transition-delay: .5s;
     -o-transition-delay: .5s;
     transition-delay: .5s;
  }

  .js-dropdown-is-active .nav-btn-box:nth-last-child(7) .dropdown-hidden-btn .nav-btn__inner,
  .js-dropdown .nav-btn-box:nth-last-child(7) .nav-btn__inner {
     -webkit-transition-delay: .6s;
     -o-transition-delay: .6s;
     transition-delay: .6s;
  }

  .js-dropdown-is-active .nav-btn-box:nth-last-child(8) .dropdown-hidden-btn .nav-btn__inner,
  .js-dropdown .nav-btn-box:nth-last-child(8) .nav-btn__inner {
     -webkit-transition-delay: .7s;
     -o-transition-delay: .7s;
     transition-delay: .7s;
  }

  .js-dropdown-is-active .nav-btn-box:nth-last-child(9) .dropdown-hidden-btn .nav-btn__inner,
  .js-dropdown .nav-btn-box:nth-last-child(9) .nav-btn__inner {
     -webkit-transition-delay: .8s;
     -o-transition-delay: .8s;
     transition-delay: .8s;
  }

  .js-dropdown-is-active .nav-btn-box:nth-last-child(10) .dropdown-hidden-btn .nav-btn__inner,
  .js-dropdown .nav-btn-box:nth-last-child(10) .nav-btn__inner {
     -webkit-transition-delay: .9s;
     -o-transition-delay: .9s;
     transition-delay: .9s;
  }

  .js-dropdown-is-active .nav-btn-box:nth-last-child(11) .dropdown-hidden-btn .nav-btn__inner,
  .js-dropdown .nav-btn-box:nth-last-child(11) .nav-btn__inner {
     -webkit-transition-delay: 1s;
     -o-transition-delay: 1s;
     transition-delay: 1s;
  }

  .js-dropdown-is-active .nav-btn-box:nth-last-child(12) .dropdown-hidden-btn .nav-btn__inner,
  .js-dropdown .nav-btn-box:nth-last-child(12) .nav-btn__inner {
     -webkit-transition-delay: 1.1s;
     -o-transition-delay: 1.1s;
     transition-delay: 1.1s;
  }

  .nav-btn-box:nth-last-child(1) .dropdown-hidden-btn .nav-btn__inner,
  .js-dropdown.js-dropdown-is-active .nav-btn-box:nth-last-child(1) .nav-btn__inner {
     -webkit-transition-delay: .6s;
     -o-transition-delay: .6s;
     transition-delay: .6s;
  }

  .nav-btn-box:nth-last-child(2) .dropdown-hidden-btn .nav-btn__inner,
  .js-dropdown.js-dropdown-is-active .nav-btn-box:nth-last-child(2) .nav-btn__inner {
     -webkit-transition-delay: .7s;
     -o-transition-delay: .7s;
     transition-delay: .7s;
  }

  .nav-btn-box:nth-last-child(3) .dropdown-hidden-btn .nav-btn__inner,
  .js-dropdown.js-dropdown-is-active .nav-btn-box:nth-last-child(3) .nav-btn__inner {
     -webkit-transition-delay: .8s;
     -o-transition-delay: .8s;
     transition-delay: .8s;
  }

  .nav-btn-box:nth-last-child(4) .dropdown-hidden-btn .nav-btn__inner,
  .js-dropdown.js-dropdown-is-active .nav-btn-box:nth-last-child(4) .nav-btn__inner {
     -webkit-transition-delay: .9s;
     -o-transition-delay: .9s;
     transition-delay: .9s;
  }

  .nav-btn-box:nth-last-child(5) .dropdown-hidden-btn .nav-btn__inner,
  .js-dropdown.js-dropdown-is-active .nav-btn-box:nth-last-child(5) .nav-btn__inner {
     -webkit-transition-delay: 1s;
     -o-transition-delay: 1s;
     transition-delay: 1s;
  }

  .nav-btn-box:nth-last-child(6) .dropdown-hidden-btn .nav-btn__inner,
  .js-dropdown.js-dropdown-is-active .nav-btn-box:nth-last-child(6) .nav-btn__inner {
     -webkit-transition-delay: 1.1s;
     -o-transition-delay: 1.1s;
     transition-delay: 1.1s;
  }

  .nav-btn-box:nth-last-child(7) .dropdown-hidden-btn .nav-btn__inner,
  .js-dropdown.js-dropdown-is-active .nav-btn-box:nth-last-child(7) .nav-btn__inner {
     -webkit-transition-delay: 1.2s;
     -o-transition-delay: 1.2s;
     transition-delay: 1.2s;
  }

  .nav-btn-box:nth-last-child(8) .dropdown-hidden-btn .nav-btn__inner,
  .js-dropdown.js-dropdown-is-active .nav-btn-box:nth-last-child(8) .nav-btn__inner {
     -webkit-transition-delay: 1.3s;
     -o-transition-delay: 1.3s;
     transition-delay: 1.3s;
  }

  .nav-btn-box:nth-last-child(9) .dropdown-hidden-btn .nav-btn__inner,
  .js-dropdown.js-dropdown-is-active .nav-btn-box:nth-last-child(9) .nav-btn__inner {
     -webkit-transition-delay: 1.4s;
     -o-transition-delay: 1.4s;
     transition-delay: 1.4s;
  }

  .nav-btn-box:nth-last-child(10) .dropdown-hidden-btn .nav-btn__inner,
  .js-dropdown.js-dropdown-is-active .nav-btn-box:nth-last-child(10) .nav-btn__inner {
     -webkit-transition-delay: 1.5s;
     -o-transition-delay: 1.5s;
     transition-delay: 1.5s;
  }

  .nav-btn-box:nth-last-child(11) .dropdown-hidden-btn .nav-btn__inner,
  .js-dropdown.js-dropdown-is-active .nav-btn-box:nth-last-child(11) .nav-btn__inner {
     -webkit-transition-delay: 1.6s;
     -o-transition-delay: 1.6s;
     transition-delay: 1.6s;
  }

  .nav-btn-box:nth-last-child(12) .dropdown-hidden-btn .nav-btn__inner,
  .js-dropdown.js-dropdown-is-active .nav-btn-box:nth-last-child(12) .nav-btn__inner {
     -webkit-transition-delay: 1.7s;
     -o-transition-delay: 1.7s;
     transition-delay: 1.7s;
  }


/* 10.4. Navigation slider
   ========================================================================== */

   .js-nav-slider {
     width: 33.33%;
     height: 100%;
     margin: 0 auto;
  }

  .js-nav-slider .swiper-slide {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     opacity: .2;
     text-align: center;
     -webkit-transition: 1s cubic-bezier(.17, .85, .438, .99);
     -o-transition: 1s cubic-bezier(.17, .85, .438, .99);
     transition: 1s cubic-bezier(.17, .85, .438, .99);
  }

  .js-nav-slider .swiper-slide.swiper-slide-active {
     opacity: 1;
  }

  @media only screen and (max-width: 999px) {

     .js-nav-slider {
       width: 50%;
    }

 }

 @media only screen and (max-width: 767px) {

  .js-nav-slider {
    width: 100%;
 }

}


/* 10.4.1. Navigation slider background
   ========================================================================== */

   .js-nav-slider-bg {
     width: calc(100% - 120px);
     height: 100%;
     position: absolute;
     left: 50%;
     top:  50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     z-index: -1;
     pointer-events: none;
  }

  .lines-section .js-nav-slider-bg {
     width: 100%;
  }

  @media only screen and (max-width: 549px) {

     .lines-section .js-nav-slider-bg {
       width: calc(100% - 120px);
    }

 }

 .js-nav-slider-bg .swiper-slide {
  height: calc(100% - 130px);
  margin-top: 65px;
  pointer-events: none;
}

.nav-slide-bg {
	width:  100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top:  50%;
	border: 2px solid #f5f5f5;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}

.dark-nav .nav-slide-bg {
	border: 2px solid #111517;
}


/* 10.4.2. Navigation slider background overlay
   ========================================================================== */

   .js-nav-slider-bg:before,
   .js-nav-slider-bg:after {
     content: '';
     width: 105%;
     height: 100%;
     position: absolute;
     left: 50%;
     top:  50%;
     z-index: 2;
     background-color: #f5f5f5;
     -webkit-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
     -webkit-transition: .7s cubic-bezier(.767, .01, .18, 1.01);
     -o-transition: .7s cubic-bezier(.767, .01, .18, 1.01);
     transition: .7s cubic-bezier(.767, .01, .18, 1.01);
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
  }

  .dark-nav .js-nav-slider-bg:before,
  .dark-nav .js-nav-slider-bg:after {
     background-color: #111517;
  }

  .js-nav-slider-bg:after {
     -webkit-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     -o-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     transition: 1s cubic-bezier(.767, .01, .18, 1.01);
  }

  .js-nav-active .js-nav-slider-bg:before {
     -webkit-transform: translateX(-50%) translateY(-150%);
     -ms-transform: translateX(-50%) translateY(-150%);
     transform: translateX(-50%) translateY(-150%);
     -webkit-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     -o-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     -webkit-transition-delay: .65s;
     -o-transition-delay: .65s;
     transition-delay: .65s;
  }

  .js-nav-active.js-page-out .js-nav-slider-bg:before {
     -webkit-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
     -webkit-transition-delay: .5s;
     -o-transition-delay: .5s;
     transition-delay: .5s;
  }

  .js-nav-slider-bg.js-dropdown-is-active:after {
     -webkit-transform: translateX(-50%) translateY(-150%);
     -ms-transform: translateX(-50%) translateY(-150%);
     transform: translateX(-50%) translateY(-150%);
     -webkit-transition-delay: .5s;
     -o-transition-delay: .5s;
     transition-delay: .5s;
  }


/* 10.4.3. Navigation slider controls
   ========================================================================== */

   .dropdown-slider-controls {
     opacity: 0;
     -webkit-transform: translateY(30px) translateX(0);
     -ms-transform: translateY(30px) translateX(0);
     transform: translateY(30px) translateX(0);
     -webkit-transition: .7s cubic-bezier(.767, .01, .18, 1.01);
     -o-transition: .7s cubic-bezier(.767, .01, .18, 1.01);
     transition: .7s cubic-bezier(.767, .01, .18, 1.01);
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
  }

  .swiper-button-next-box .dropdown-slider-controls {
     -webkit-transform: translateY(0) translateX(-30px);
     -ms-transform: translateY(0) translateX(-30px);
     transform: translateY(0) translateX(-30px);
  }

  .swiper-button-prev-box .dropdown-slider-controls {
     -webkit-transform: translateY(0) translateX(30px);
     -ms-transform: translateY(0) translateX(30px);
     transform: translateY(0) translateX(30px);
  }

  .js-nav-active .js-dropdown.js-dropdown-is-active .dropdown-slider-controls {
     opacity: 1;
     -webkit-transform: translateY(0) translateX(0);
     -ms-transform: translateY(0) translateX(0);
     transform: translateY(0) translateX(0);
     -webkit-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     -o-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     -webkit-transition-delay: 1s;
     -o-transition-delay: 1s;
     transition-delay: 1s;
  }

  .js-nav-active .js-dropdown.js-dropdown-is-active .swiper-button-next-box .dropdown-slider-controls,
  .js-nav-active .js-dropdown.js-dropdown-is-active .swiper-button-prev-box .dropdown-slider-controls {
     -webkit-transition-delay: 1.5s;
     -o-transition-delay: 1.5s;
     transition-delay: 1.5s;
  }

  .js-nav-active.js-page-out .js-dropdown.js-dropdown-is-active .dropdown-slider-controls {
     opacity: 0;
     -webkit-transform: translateY(30px) translateX(0);
     -ms-transform: translateY(30px) translateX(0);
     transform: translateY(30px) translateX(0);
     -webkit-transition-delay: .5s;
     -o-transition-delay: .5s;
     transition-delay: .5s;
  }

  .js-nav-active.js-page-out .js-dropdown.js-dropdown-is-active .swiper-button-next-box .dropdown-slider-controls {
     -webkit-transform: translateY(0) translateX(-30px);
     -ms-transform: translateY(0) translateX(-30px);
     transform: translateY(0) translateX(-30px);
     -webkit-transition-delay: .5s;
     -o-transition-delay: .5s;
     transition-delay: .5s;
  }

  .js-nav-active.js-page-out .js-dropdown.js-dropdown-is-active .swiper-button-prev-box .dropdown-slider-controls {
     -webkit-transform: translateY(0) translateX(30px);
     -ms-transform: translateY(0) translateX(30px);
     transform: translateY(0) translateX(30px);
     -webkit-transition-delay: .5s;
     -o-transition-delay: .5s;
     transition-delay: .5s;
  }


/* 10.4.4. Navigation slider buttons delays
   ========================================================================== */

   .js-nav-slider .swiper-slide-active .nav-btn {
     -webkit-transition-delay: 0s !important;
     -o-transition-delay: 0s !important;
     transition-delay: 0s !important;
  }

  .js-nav-slider .nav-btn {
     -webkit-transition-delay: .16s !important;
     -o-transition-delay: .16s !important;
     transition-delay: .16s !important;
  }

  .js-nav-active .js-nav-slider .swiper-slide-active .nav-btn {
     -webkit-transition-delay: .9s !important;
     -o-transition-delay: .9s !important;
     transition-delay: .9s !important;
  }

  .js-nav-active .js-nav-slider .nav-btn {
     -webkit-transition-delay: 1.5s !important;
     -o-transition-delay: 1.5s !important;
     transition-delay: 1.5s !important;
  }

  .js-nav-active.js-page-out .js-nav-slider .swiper-slide-active .nav-btn {
     -webkit-transition-delay: 0s !important;
     -o-transition-delay: 0s !important;
     transition-delay: 0s !important;
  }

  .js-nav-active.js-page-out .js-nav-slider .nav-btn {
     -webkit-transition-delay: .16s !important;
     -o-transition-delay: .16s !important;
     transition-delay: .16s !important;
  }

  .js-dropdown .swiper-slide.swiper-slide-active .nav-btn__inner {
     -webkit-transition-delay: 0s !important;
     -o-transition-delay: 0s !important;
     transition-delay: 0s !important;
  }

  .js-dropdown .swiper-slide .nav-btn__inner {
     -webkit-transition-delay: .2s !important;
     -o-transition-delay: .2s !important;
     transition-delay: .2s !important;
  }

  .js-dropdown.js-dropdown-is-active .swiper-slide.swiper-slide-active .nav-btn__inner {
     -webkit-transition-delay: .6s !important;
     -o-transition-delay: .6s !important;
     transition-delay: .6s !important;
  }

  .js-dropdown.js-dropdown-is-active .swiper-slide .nav-btn__inner {
     -webkit-transition-delay: 1s !important;
     -o-transition-delay: 1s !important;
     transition-delay: 1s !important;
  }


/* 10.5. Navigation information
   ========================================================================== */

   .nav-information {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-flow: column;
     flex-flow: column;
     -ms-flex-pack: distribute;
     justify-content: space-around;
     width: calc(33.33% - 100px);
     height: calc(100% - 120px);
     position: absolute;
     left: 80px;
     top: 120px;
  }

  .lines-section .nav-information {
     width: calc(33.33% - 40px);
     left: 20px;
  }

  .nav-title-color {
     color: #000;
  }

  .dark-nav .nav-title-color {
     color: #fff;
  }

  .nav-text-color {
     color: #9b9b9b;
  }

  .dark-nav .nav-text-color {
     color: #8a8a8a;
  }

  .nav-copyright {
     position: absolute;
     right: 20px;
     bottom: 20px;
     color: #000;
  }

  .dark-nav .nav-copyright {
     color: #fff;
  }

  @media only screen and (max-width: 999px) {

     .nav-information,
     .nav-copyright {
       display: none;
    }

 }


/* 10.5.1. Navigation information animations
   ========================================================================== */

   .nav-reveal-anim {
     display: inline-block;
     position: relative;
     -webkit-transform: translateX(-105%);
     -ms-transform: translateX(-105%);
     transform: translateX(-105%);
     -webkit-transition: .5s cubic-bezier(.767, .01, .18, 1.01);
     -o-transition: .5s cubic-bezier(.767, .01, .18, 1.01);
     transition: .5s cubic-bezier(.767, .01, .18, 1.01);
     -webkit-transition-delay: .5s;
     -o-transition-delay: .5s;
     transition-delay: .5s;
  }

  .js-nav-active .nav-reveal-anim {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
     -webkit-transition-delay: 1s;
     -o-transition-delay: 1s;
     transition-delay: 1s;
  }

  .js-nav-active.js-page-out .nav-reveal-anim,
  .nav-reveal-anim.js-nav-anim.js-dropdown-is-active {
     -webkit-transform: translateX(-105%);
     -ms-transform: translateX(-105%);
     transform: translateX(-105%);
     -webkit-transition-delay: .5s;
     -o-transition-delay: .5s;
     transition-delay: .5s;
  }

  .nav-reveal-anim:before {
     content: '';
     width:  100%;
     height: 100%;
     position: absolute;
     left: 0;
     top:  0;
     background-color: var(--main-color);
     -webkit-transition: .5s cubic-bezier(.767, .01, .18, 1.01);
     -o-transition: .5s cubic-bezier(.767, .01, .18, 1.01);
     transition: .5s cubic-bezier(.767, .01, .18, 1.01);
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
  }

  .js-nav-active .nav-reveal-anim:before {
     -webkit-transform: translateX(105%);
     -ms-transform: translateX(105%);
     transform: translateX(105%);
     -webkit-transition-delay: 1.5s;
     -o-transition-delay: 1.5s;
     transition-delay: 1.5s;
  }

  .js-nav-active.js-page-out .nav-reveal-anim:before,
  .nav-reveal-anim.js-nav-anim.js-dropdown-is-active:before {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
  }

  .nav-fade-anim {
     opacity: 0;
     -webkit-transform: translateY(30px);
     -ms-transform: translateY(30px);
     transform: translateY(30px);
     -webkit-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     -o-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     transition: 1s cubic-bezier(.767, .01, .18, 1.01);
  }

  .js-nav-active .nav-fade-anim {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition-delay: 1.3s;
     -o-transition-delay: 1.3s;
     transition-delay: 1.3s;
  }

  .js-nav-active.js-page-out .nav-fade-anim,
  .nav-fade-anim.js-nav-anim.js-dropdown-is-active {
     opacity: 0;
     -webkit-transform: translateY(30px);
     -ms-transform: translateY(30px);
     transform: translateY(30px);
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
  }


/* 10.6. Landing navigation
   ========================================================================== */

   .landing-nav {
    display: none;
 }

 @media only screen and (min-width: 1000px) {

  .landing-nav {
    display: block;
    width: 100%;
    position: fixed;
    left: auto !important;
    top:   20px !important;
    right: 0 !important;
    z-index: 10;
    pointer-events: none;
 }

 .landing-nav__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    overflow: hidden;
    width: 100%;
    height: auto;
 }

 .landing-nav__btn {
    display: inline-block;
    margin-right: 50px;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 20px;
    text-transform: uppercase;
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    transform: translateY(110%);
    -webkit-transition: 1.5s cubic-bezier(.17, .85, .438, .99);
    -o-transition: 1.5s cubic-bezier(.17, .85, .438, .99);
    transition: 1.5s cubic-bezier(.17, .85, .438, .99);
 }

 .landing-nav__btn:last-child {
    margin-right: 20px;
 }

 .landing-nav__btn:nth-child(2) {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
 }

 .landing-nav__btn:nth-child(3) {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
 }

 .landing-nav__btn:nth-child(4) {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
 }

 .landing-nav__btn:nth-child(5) {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
 }

 .landing-nav__btn:nth-child(6) {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
 }

 .landing-nav__btn:nth-child(7) {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s;
 }

 .landing-nav__btn:nth-child(8) {
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s;
 }

 .landing-nav__btn:nth-child(9) {
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s;
 }

 .landing-nav__btn:nth-child(10) {
    -webkit-transition-delay: .9s;
    -o-transition-delay: .9s;
    transition-delay: .9s;
 }

 .landing-nav__btn:nth-child(11) {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
 }

 .landing-nav__btn:nth-child(12) {
    -webkit-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s;
 }

 .js-page-in-anim-active .landing-nav__btn {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
 }

 .js-page-in-anim-active.js-page-out .landing-nav__btn {
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    transform: translateY(110%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
 }

 .landing-nav__inner {
    display: inline-block;
    white-space: nowrap;
    pointer-events: auto;
    -webkit-transition: .7s cubic-bezier(.17, .85, .438, .99);
    -o-transition: .7s cubic-bezier(.17, .85, .438, .99);
    transition: .7s cubic-bezier(.17, .85, .438, .99);
 }

 .midnightHeader.default .landing-nav__inner {
    color: #fff;
 }

 .midnightHeader.black .landing-nav__inner {
    color: #000;
 }

 .mPS2id-highlight.landing-nav__inner {
    color: var(--main-color) !important;
 }

 /* Vertical landing nav */
 .landing-nav.vertical {
    width: 20px;
    right: 20px !important;
 }

 .vertical .landing-nav__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 20px;
    height: calc(100vh - 40px);
 }

 .vertical .landing-nav__btn {
    margin-right: 0;
    -webkit-transform: rotate(90deg) scaleY(-1) translateY(-100%);
    -ms-transform: rotate(90deg) scaleY(-1) translateY(-100%);
    transform: rotate(90deg) scaleY(-1) translateY(-100%);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
 }

 .vertical .landing-nav__btn:last-child {
    margin-right: 0;
    -webkit-transform: rotate(-90deg) scaleY(-1) translateY(100%);
    -ms-transform: rotate(-90deg) scaleY(-1) translateY(100%);
    transform: rotate(-90deg) scaleY(-1) translateY(100%);
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
 }

 .js-page-in-anim-active .vertical .landing-nav__btn {
    -webkit-transform: rotate(90deg) scaleY(-1) translateY(0);
    -ms-transform: rotate(90deg) scaleY(-1) translateY(0);
    transform: rotate(90deg) scaleY(-1) translateY(0);
 }

 .js-page-in-anim-active .vertical .landing-nav__btn:last-child {
    -webkit-transform: rotate(-90deg) scaleY(-1) translateY(0);
    -ms-transform: rotate(-90deg) scaleY(-1) translateY(0);
    transform: rotate(-90deg) scaleY(-1) translateY(0);
 }

 .js-page-in-anim-active.js-page-out .vertical .landing-nav__btn {
    -webkit-transform: rotate(90deg) scaleY(-1) translateY(-100%);
    -ms-transform: rotate(90deg) scaleY(-1) translateY(-100%);
    transform: rotate(90deg) scaleY(-1) translateY(-100%);
 }

 .js-page-in-anim-active.js-page-out .vertical .landing-nav__btn:last-child {
    -webkit-transform: rotate(-90deg) scaleY(-1) translateY(100%);
    -ms-transform: rotate(-90deg) scaleY(-1) translateY(100%);
    transform: rotate(-90deg) scaleY(-1) translateY(100%);
 }

 .vertical .landing-nav__inner {
    -webkit-transform: scaleY(-1) translateX(-50%);
    -ms-transform: scaleY(-1) translateX(-50%);
    transform: scaleY(-1) translateX(-50%);
 }

 .vertical .landing-nav__btn:first-child .landing-nav__inner {
    -webkit-transform: scaleY(-1) translateX(0);
    -ms-transform: scaleY(-1) translateX(0);
    transform: scaleY(-1) translateX(0);
 }

 .vertical .landing-nav__btn:last-child .landing-nav__inner {
    -webkit-transform: scaleY(1) scaleX(-1);
    -ms-transform: scaleY(1) scaleX(-1);
    transform: scaleY(1) scaleX(-1);
 }

}



/* ===== Footer base ===== */
.site-footer{
  background:#f7f9f9;
  color:#222;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN",
               "Noto Sans JP", "Yu Gothic UI", "Yu Gothic", "Meiryo", sans-serif;
}
.site-footer a{ color:inherit; text-decoration:none; }
.site-footer a:hover{ text-decoration:underline; }

/* 上段 */
.footer-top{
  max-width:1000px;
  margin:0 auto;
  padding:40px 20px 80px;
  display:grid;
  grid-template-columns: 1fr;
  gap:40px;
}

/* 会社情報（モバイルで先頭・中央寄せ） */
.footer-company{
  text-align:center;
}
.company-logo{
  width:72px; height:auto; display:block; margin:0 auto 12px;
}
.company-name{
  font-weight:700; font-size:20px; margin:6px 0;
}
.company-address{
  font-style:normal; line-height:1.8; font-size:16px;
}
.footer-social{
  margin-top:12px; display:flex; gap:12px; justify-content:center;
}
.footer-social a{
  width:36px; height:36px; border-radius:50%;
  display:grid; place-items:center;
  background:#f2f2f2; color:#333;
}
.footer-social a:hover{ background:#e7e7e7; }

/* サイトマップ */
.footer-sitemap{
  text-align:center;
}
.sitemap-kicker{
  color:#f25f6b; letter-spacing:.15em; font-weight:600; margin-bottom:6px;
}
.sitemap-title{
  font-size:30px !important; letter-spacing:.25em; margin:0 0 24px; font-weight:700;
}
.footer-links{
  display:grid; grid-template-columns: 1fr; gap:8px 48px;
  justify-content:center; max-width:560px; margin:0 auto;
}
.footer-links ul{ list-style:none; padding:0; margin:0; }
.footer-links li{ margin:14px 0; }
.footer-links a{ font-size:16px !important; }

/* 下段コピーライト帯 */
.footer-bottom{
  background:#232220; color:#cfcfcf;
  text-align:center; padding:22px 16px;
  letter-spacing:.05em;
}

/* ====== PC (>= 992px) ====== */
@media (min-width: 992px){
  .footer-top{
    padding:80px 24px 120px;
    grid-template-columns: 2fr 1.2fr; /* 左：サイトマップ（広め） / 右：会社情報 */
    align-items:start;
  }
  .footer-company{ order:2; text-align:left; }
  .footer-company .footer-social{ justify-content:flex-start; }
  .company-logo{ width:64px; margin:0 0 16px; }
  .company-name{ font-size:24px; }

  .footer-sitemap{ order:1; text-align:left; }
  .sitemap-title{ font-size:64px; letter-spacing:.18em; margin-bottom:40px; }
  .footer-links{
    grid-template-columns: 1fr 1fr; /* 2列 */
    max-width:none; margin:0;
  }
  .footer-links a{ font-size:22px; }
}



/* ==========================================================================
   12. Magnific popup
   ========================================================================== */

   .mfp-bg {
     background-color: #1b2a2f;
  }

  .mfp-with-zoom .mfp-container,
  .mfp-with-zoom.mfp-bg {
     opacity: 0;
     -webkit-backface-visibility: hidden;
     -webkit-transition: all .8s cubic-bezier(.858, .01, .068, .99);
     -o-transition: all .8s cubic-bezier(.858, .01, .068, .99);
     transition: all .8s cubic-bezier(.858, .01, .068, .99);
  }

  .mfp-with-zoom.mfp-ready .mfp-container {
     opacity: 1;
  }

  .mfp-with-zoom.mfp-ready.mfp-bg {
     opacity: .9;
  }

  .mfp-with-zoom.mfp-removing .mfp-container,
  .mfp-with-zoom.mfp-removing.mfp-bg {
     opacity: 0;
  }

  .mfp-fade.mfp-bg {
     opacity: 0;
     -webkit-transition: all .8s cubic-bezier(.858, .01, .068, .99);
     -o-transition: all .8s cubic-bezier(.858, .01, .068, .99);
     transition: all .8s cubic-bezier(.858, .01, .068, .99);
  }

  .mfp-fade.mfp-bg.mfp-ready {
     opacity: .9;
  }

  .mfp-fade.mfp-bg.mfp-removing {
     opacity: 0;
  }

  .mfp-fade.mfp-wrap .mfp-content {
     opacity: 0;
     -webkit-transition: all .8s cubic-bezier(.858, .01, .068, .99);
     -o-transition: all .8s cubic-bezier(.858, .01, .068, .99);
     transition: all .8s cubic-bezier(.858, .01, .068, .99);
  }

  .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
     opacity: 1;
  }

  .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
     opacity: 0;
  }

  .mfp-figure:after,
  .mfp-iframe-scaler iframe {
     -webkit-box-shadow: none;
     box-shadow: none;
  }


/* 12.1. Popup counter
   ========================================================================== */

   .mfp-counter {
     right: 50%;
     font-family: 'Montserrat', sans-serif;
     font-size: 12px;
     font-weight: 700;
     color: #fff;
     -webkit-transform: translateX(50%);
     -ms-transform: translateX(50%);
     transform: translateX(50%);
  }


/* 12.2. Popup close button
   ========================================================================== */

   button.mfp-close {
     position: absolute;
     top: 40px;
     right: 0;
     background-color: rgba(27, 42, 47, .5);
  }

  .mfp-close:before,
  .mfp-close:after {
     content: '';
     width: 15px;
     height: 2px;
     position: absolute;
     left: 5px;
     top: 50%;
     background-color: #fff;
     -webkit-transition: .4s cubic-bezier(.767, .01, .18, 1.01);
     -o-transition: .4s cubic-bezier(.767, .01, .18, 1.01);
     transition: .4s cubic-bezier(.767, .01, .18, 1.01);
  }

  .mfp-close:before {
     -webkit-transform: translateY(-50%) rotate(45deg);
     -ms-transform: translateY(-50%) rotate(45deg);
     transform: translateY(-50%) rotate(45deg);
  }

  .mfp-close:after {
     -webkit-transform: translateY(-50%) rotate(315deg);
     -ms-transform: translateY(-50%) rotate(315deg);
     transform: translateY(-50%) rotate(315deg);
  }

  .mfp-close:hover:before {
     -webkit-transform: translateY(-50%) rotate(-180deg);
     -ms-transform: translateY(-50%) rotate(-180deg);
     transform: translateY(-50%) rotate(-180deg);
  }

  .mfp-close:hover:after {
     -webkit-transform: translateY(-50%) rotate(180deg);
     -ms-transform: translateY(-50%) rotate(180deg);
     transform: translateY(-50%) rotate(180deg);
  }

  .mfp-close {
     width:  25px;
     height: 25px;
     padding: 0;
     opacity: 1;
     color: rgba(0, 0, 0, 0);
     -webkit-transition: .8s cubic-bezier(.858, .01, .068, .99);
     -o-transition: .8s cubic-bezier(.858, .01, .068, .99);
     transition: .8s cubic-bezier(.858, .01, .068, .99);
  }

  .mfp-close:active {
     top: 40px;
  }

  .mfp-close-btn-in .mfp-close {
     color: rgba(0, 0, 0, 0);
  }

  .mfp-image-holder .mfp-close,
  .mfp-iframe-holder .mfp-close {
     width: 25px;
     padding-right: 0;
     right: 0;
     color: rgba(0, 0, 0, 0);
  }

  .mfp-iframe-holder .mfp-close {
     top: -30px;
  }





/* ==========================================================================
   13. Swiper & popup arrows
   ========================================================================== */

/* 13.1. Popup arrows
   ========================================================================== */

   .mfp-arrow {
     margin: 0;
     opacity: 1;
  }

  .mfp-arrow:active {
     margin-top: 0;
  }

  .mfp-arrow:before,
  .mfp-arrow:after {
     margin-top: 0;
  }

  .mfp-arrow:after {
     border-top-width:    0;
     border-bottom-width: 0;
  }

  .mfp-arrow:before {
     opacity: 1;
     border-top-width:    0;
     border-bottom-width: 0;
  }

  .mfp-arrow-left:after {
     margin-left: 0;
     border-right: none;
  }

  .mfp-arrow-left:before {
     margin-left: 0;
     border-right: none;
  }

  .mfp-arrow-right {
     right: 40px;
  }

  .mfp-arrow-right:after {
     margin-left: 0;
     border-left: none;
  }

  .mfp-arrow-right:before {
     border-left: none;
  }

  .mfp-arrow-left,
  .mfp-arrow-right {
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
  }

  .mfp-arrow-right {
     right: 40px;
  }

  .mfp-arrow-left {
     left: 40px;
  }

  @media only screen and (max-width: 999px) {

     .mfp-arrow-right {
       right: 20px;
    }

    .mfp-arrow-left {
       left: 20px;
    }

 }

 @media only screen and (max-width: 549px) {

  .mfp-arrow-right {
    right: 10px;
 }

 .mfp-arrow-left {
    left: 10px;
 }

}


/* 13.2. Swiper arrows
   ========================================================================== */

   .swiper-button-prev-box,
   .swiper-button-next-box {
     position: absolute;
     bottom: 0;
     z-index: 5;
  }

  .swiper-button-prev-box {
     right: calc(66.66% + 20px);
  }

  .swiper-button-next-box {
     left: calc(66.66% + 20px);
  }

  .one-page-slider-arrow.swiper-button-prev-box {
     left: 5px !important;
     right: auto !important;
  }

  .one-page-slider-arrow.swiper-button-next-box {
     left: auto !important;
     right: 5px !important;
  }

  .swiper-container-vertical .swiper-button-prev-box {
     left: 16px !important;
     right: auto !important;
     -webkit-transform: rotate(-90deg) scaleY(-1) scaleX(-1) translateX(-100%);
     -ms-transform: rotate(-90deg) scaleY(-1) scaleX(-1) translateX(-100%);
     transform: rotate(-90deg) scaleY(-1) scaleX(-1) translateX(-100%);
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
  }

  .swiper-container-vertical .swiper-button-next-box {
     left: auto !important;
     right: 16px !important;
     -webkit-transform: rotate(90deg) scaleY(-1);
     -ms-transform: rotate(90deg) scaleY(-1);
     transform: rotate(90deg) scaleY(-1);
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
  }

  .js-nav-slider .swiper-button-prev-box,
  .fullscreen-slider-arrow.swiper-button-prev-box,
  .one-page-slider-arrow.swiper-button-prev-box,
  .swiper-container-vertical .swiper-button-prev-box,
  .js-nav-slider .swiper-button-next-box,
  .fullscreen-slider-arrow.swiper-button-next-box,
  .one-page-slider-arrow.swiper-button-next-box,
  .swiper-container-vertical .swiper-button-next-box {
     bottom: 20px;
  }

  @media only screen and (max-width: 999px) {

     .swiper-button-prev-box {
       left: 20px;
       right: auto;
    }

    .swiper-button-next-box {
       left: auto;
       right: 20px;
    }

    .fullscreen-slider-arrow.swiper-button-prev-box {
       left: 80px;
       right: auto;
    }

    .fullscreen-slider-arrow.swiper-button-next-box {
       left: auto;
       right: 80px;
    }

 }

 @media only screen and (max-width: 549px) {

  .swiper-button-prev-box {
    left: 10px;
 }

 .swiper-button-next-box {
    right: 10px;
 }

 .fullscreen-slider-arrow.swiper-button-prev-box {
    left: 40px;
 }

 .fullscreen-slider-arrow.swiper-button-next-box {
    right: 40px;
 }

}

.swiper-button-prev,
.swiper-button-next {
	margin-top: 0;
	position: relative !important;
	left:   auto !important;
	top:    auto !important;
	right:  auto !important;
	bottom: auto !important;
	-webkit-transform: none !important;
 -ms-transform: none !important;
 transform: none !important;
 background-image: none;
}

.swiper-button-prev:focus,
.swiper-button-next:focus {
	outline: none !important;
}


/* 13.3. Swiper & popup arrows animations
   ========================================================================== */

   .swiper-button-prev,
   .swiper-button-next,
   .mfp-arrow-left,
   .mfp-arrow-right {
     width: 50px;
     height: 25px;
  }

  .mfp-arrow-left:before,
  .swiper-button-prev:before {
     content: '';
     width:  16px;
     height: 16px;
     position: absolute;
     left: 1px;
     top: 50%;
     border-left:   2px solid #fff;
     border-bottom: 2px solid #fff;
     -webkit-transform: translateY(-50%) translateX(24px) rotate(45deg);
     -ms-transform: translateY(-50%) translateX(24px) rotate(45deg);
     transform: translateY(-50%) translateX(24px) rotate(45deg);
     -webkit-transition: .5s cubic-bezier(.225, 1, .316, .99);
     -o-transition: .5s cubic-bezier(.225, 1, .316, .99);
     transition: .5s cubic-bezier(.225, 1, .316, .99);
  }

  .swiper-button-prev.black:before {
     border-left:   2px solid #000;
     border-bottom: 2px solid #000;
  }

  .mfp-arrow-left:hover:before,
  .swiper-button-prev:hover:before,
  .swiper-button-prev.black:hover:before {
     border-left:   2px solid var(--main-color);
     border-bottom: 2px solid var(--main-color);
  }

  .mfp-arrow-right:before,
  .swiper-button-next:before {
     content: '';
     width:  16px;
     height: 16px;
     position: absolute;
     left: auto;
     top: 50%;
     right: 1px;
     border-top:   2px solid #fff;
     border-right: 2px solid #fff;
     -webkit-transform: translateY(-50%) translateX(-24px) rotate(45deg);
     -ms-transform: translateY(-50%) translateX(-24px) rotate(45deg);
     transform: translateY(-50%) translateX(-24px) rotate(45deg);
     -webkit-transition: .5s cubic-bezier(.225, 1, .316, .99);
     -o-transition: .5s cubic-bezier(.225, 1, .316, .99);
     transition: .5s cubic-bezier(.225, 1, .316, .99);
  }

  .swiper-button-next.black:before {
     border-top:   2px solid #000;
     border-right: 2px solid #000;
  }

  .mfp-arrow-right:hover:before,
  .swiper-button-next:hover:before,
  .swiper-button-next.black:hover:before {
     border-top:   2px solid var(--main-color);
     border-right: 2px solid var(--main-color);
  }

  .mfp-arrow-left:hover:before,
  .swiper-button-prev:hover:before {
     -webkit-transform: translateY(-50%) translateX(0) rotate(45deg);
     -ms-transform: translateY(-50%) translateX(0) rotate(45deg);
     transform: translateY(-50%) translateX(0) rotate(45deg);
  }

  .mfp-arrow-right:hover:before,
  .swiper-button-next:hover:before {
     -webkit-transform: translateY(-50%) translateX(0) rotate(45deg);
     -ms-transform: translateY(-50%) translateX(0) rotate(45deg);
     transform: translateY(-50%) translateX(0) rotate(45deg);
  }

  .mfp-arrow-left:after,
  .mfp-arrow-right:after,
  .swiper-button-prev:after,
  .swiper-button-next:after {
     content: '';
     width: 100%;
     height: 3px;
     position: absolute;
     left: 50%;
     top:  50%;
     background-color: var(--main-color);
     -webkit-transform: translate(-50%, -50%) scaleX(0);
     -ms-transform: translate(-50%, -50%) scaleX(0);
     transform: translate(-50%, -50%) scaleX(0);
     -webkit-transition: .5s cubic-bezier(.225, 1, .316, .99);
     -o-transition: .5s cubic-bezier(.225, 1, .316, .99);
     transition: .5s cubic-bezier(.225, 1, .316, .99);
  }

  .mfp-arrow-left:hover:after,
  .mfp-arrow-right:hover:after,
  .swiper-button-prev:hover:after,
  .swiper-button-next:hover:after {
     -webkit-transform: translate(-50%, -50%) scaleX(1);
     -ms-transform: translate(-50%, -50%) scaleX(1);
     transform: translate(-50%, -50%) scaleX(1);
  }





/* ==========================================================================
   14. Swiper pagination
   ========================================================================== */

   .pagination-box {
     width: 100%;
     position: absolute;
     left: 50%;
     bottom: 0;
     z-index: 4;
     text-align: center;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
  }


  .one-page-slider-pagination.pagination-box,
  .swiper-container-vertical .pagination-box {
     width: auto;
     left: auto;
     top: 50%;
     right: 20px;
     bottom: auto;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
  }

  @media only screen and (max-width: 767px) and (orientation: landscape) {

    .one-page-slider-pagination.pagination-box,
    .swiper-container-vertical .pagination-box {
     display: none;
  }

}

.one-page-slider-pagination.pagination-box {
	pointer-events: none;
}

.swiper-container-vertical .pagination-box {
	right: 17px;
}

.fullscreen-slider-pagination.pagination-box,
.js-nav-slider .pagination-box {
	bottom: 20px;
}

.swiper-pagination {
	overflow: hidden;
	width:  auto !important;
	height: auto !important;
	position: static !important;
	left:   auto !important;
	top:    auto !important;
	right:  auto !important;
	bottom: auto !important;
	-webkit-transform: none !important;
 -ms-transform: none !important;
 transform: none !important;
}

.one-page-slider-pagination .swiper-pagination {
	pointer-events: auto;
	-webkit-transform: rotate(90deg) translateY(11px) translateX(50%) !important;
 -ms-transform: rotate(90deg) translateY(11px) translateX(50%) !important;
 transform: rotate(90deg) translateY(11px) translateX(50%) !important;
 -webkit-transform-origin: right center;
 -ms-transform-origin: right center;
 transform-origin: right center;
}

.swiper-pagination-bullets {
	outline: none;
}

.swiper-pagination-bullet:focus {
	outline: none !important;
}


/* 14.1. Dynamic pagination
   ========================================================================== */

   .swiper-pagination-bullets-dynamic {
     white-space: nowrap;
  }

  .swiper-container-vertical .swiper-pagination-bullets-dynamic {
     white-space: normal;
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
     position: relative;
     -webkit-transform: scale(.17) !important;
     -ms-transform: scale(.17) !important;
     transform: scale(.17) !important;
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
     -webkit-transform: scale(1) !important;
     -ms-transform: scale(1) !important;
     transform: scale(1) !important;
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
     -webkit-transform: scale(.66) !important;
     -ms-transform: scale(.66) !important;
     transform: scale(.66) !important;
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
     -webkit-transform: scale(.33) !important;
     -ms-transform: scale(.33) !important;
     transform: scale(.33) !important;
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
     -webkit-transform: scale(.66) !important;
     -ms-transform: scale(.66) !important;
     transform: scale(.66) !important;
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
     -webkit-transform: scale(.33) !important;
     -ms-transform: scale(.33) !important;
     transform: scale(.33) !important;
  }

  .one-page-slider-pagination .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
     -webkit-transform: rotate(-90deg) scale(.17) !important;
     -ms-transform: rotate(-90deg) scale(.17) !important;
     transform: rotate(-90deg) scale(.17) !important;
  }

  .one-page-slider-pagination .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
     -webkit-transform: rotate(-90deg) scale(1) !important;
     -ms-transform: rotate(-90deg) scale(1) !important;
     transform: rotate(-90deg) scale(1) !important;
  }

  .one-page-slider-pagination .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
     -webkit-transform: rotate(-90deg) scale(.66) !important;
     -ms-transform: rotate(-90deg) scale(.66) !important;
     transform: rotate(-90deg) scale(.66) !important;
  }

  .one-page-slider-pagination .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
     -webkit-transform: rotate(-90deg) scale(.33) !important;
     -ms-transform: rotate(-90deg) scale(.33) !important;
     transform: rotate(-90deg) scale(.33) !important;
  }

  .one-page-slider-pagination .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
     -webkit-transform: rotate(-90deg) scale(.66) !important;
     -ms-transform: rotate(-90deg) scale(.66) !important;
     transform: rotate(-90deg) scale(.66) !important;
  }

  .one-page-slider-pagination .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
     -webkit-transform: rotate(-90deg) scale(.33) !important;
     -ms-transform: rotate(-90deg) scale(.33) !important;
     transform: rotate(-90deg) scale(.33) !important;
  }


/* 14.2. Counter pagination
   ========================================================================== */

   .counter-pagination .swiper-pagination-bullet {
     overflow: hidden;
     width:  26px;
     height: 26px;
     position: relative;
     opacity: 1;
     border-radius: 0;
     background: transparent;
  }

  .counter-pagination .swiper-pagination-bullet {
     margin: 0 5px !important;
  }

  .counter-pagination .swiper-pagination-bullet:first-child {
     margin-left: 0 !important;
  }

  .counter-pagination .swiper-pagination-bullet:last-child {
     margin-right: 0 !important;
  }

  .counter-pagination .swiper-pagination-bullet:before,
  .counter-pagination .swiper-pagination-bullet:after {
     content: '01';
     position: absolute;
     left: 50%;
     top:  50%;
     font-family: 'Montserrat', sans-serif;
     font-size: 13px;
     font-weight: 700;
     line-height: 1;
     color: #fff;
     -webkit-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
     -webkit-transition: .6s cubic-bezier(.19, .94, .336, 1);
     -o-transition: .6s cubic-bezier(.19, .94, .336, 1);
     transition: .6s cubic-bezier(.19, .94, .336, 1);
  }

  .counter-pagination .swiper-pagination-bullet:after {
     font-size: 18px;
     color: var(--main-color);
     -webkit-transform: translateX(-50%) translateY(-40px);
     -ms-transform: translateX(-50%) translateY(-40px);
     transform: translateX(-50%) translateY(-40px);
  }

  .counter-pagination.black .swiper-pagination-bullet:before {
     color: #000;
  }

  .counter-pagination .swiper-pagination-bullet:hover:before,
  .counter-pagination.black .swiper-pagination-bullet:hover:before {
     color: var(--main-color);
     -webkit-transition: .6s cubic-bezier(.17, .85, .438, .99);
     -o-transition: .6s cubic-bezier(.17, .85, .438, .99);
     transition: .6s cubic-bezier(.17, .85, .438, .99);
  }

  .counter-pagination .swiper-pagination-bullet-active:before {
     -webkit-transform: translateX(-50%) translateY(30px);
     -ms-transform: translateX(-50%) translateY(30px);
     transform: translateX(-50%) translateY(30px);
  }

  .counter-pagination .swiper-pagination-bullet-active:after {
     -webkit-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
  }

  .counter-pagination .swiper-pagination-bullet:nth-child(2):before,
  .counter-pagination .swiper-pagination-bullet:nth-child(2):after {
     content: '02';
  }

  .counter-pagination .swiper-pagination-bullet:nth-child(3):before,
  .counter-pagination .swiper-pagination-bullet:nth-child(3):after {
     content: '03';
  }

  .counter-pagination .swiper-pagination-bullet:nth-child(4):before,
  .counter-pagination .swiper-pagination-bullet:nth-child(4):after {
     content: '04';
  }

  .counter-pagination .swiper-pagination-bullet:nth-child(5):before,
  .counter-pagination .swiper-pagination-bullet:nth-child(5):after {
     content: '05';
  }

  .counter-pagination .swiper-pagination-bullet:nth-child(6):before,
  .counter-pagination .swiper-pagination-bullet:nth-child(6):after {
     content: '06';
  }

  .counter-pagination .swiper-pagination-bullet:nth-child(7):before,
  .counter-pagination .swiper-pagination-bullet:nth-child(7):after {
     content: '07';
  }

  .counter-pagination .swiper-pagination-bullet:nth-child(8):before,
  .counter-pagination .swiper-pagination-bullet:nth-child(8):after {
     content: '08';
  }

  .counter-pagination .swiper-pagination-bullet:nth-child(9):before,
  .counter-pagination .swiper-pagination-bullet:nth-child(9):after {
     content: '09';
  }

  .counter-pagination .swiper-pagination-bullet:nth-child(10):before,
  .counter-pagination .swiper-pagination-bullet:nth-child(10):after {
     content: '10';
  }

  .counter-pagination .swiper-pagination-bullet:nth-child(11):before,
  .counter-pagination .swiper-pagination-bullet:nth-child(11):after {
     content: '11';
  }

  .counter-pagination .swiper-pagination-bullet:nth-child(12):before,
  .counter-pagination .swiper-pagination-bullet:nth-child(12):after {
     content: '12';
  }

  .counter-pagination .swiper-pagination-bullet:nth-child(13):before,
  .counter-pagination .swiper-pagination-bullet:nth-child(13):after {
     content: '13';
  }

  .counter-pagination .swiper-pagination-bullet:nth-child(14):before,
  .counter-pagination .swiper-pagination-bullet:nth-child(14):after {
     content: '14';
  }

  .counter-pagination .swiper-pagination-bullet:nth-child(15):before,
  .counter-pagination .swiper-pagination-bullet:nth-child(15):after {
     content: '15';
  }

  .counter-pagination .swiper-pagination-bullet:nth-child(16):before,
  .counter-pagination .swiper-pagination-bullet:nth-child(16):after {
     content: '16';
  }

  .counter-pagination .swiper-pagination-bullet:nth-child(17):before,
  .counter-pagination .swiper-pagination-bullet:nth-child(17):after {
     content: '17';
  }

  .counter-pagination .swiper-pagination-bullet:nth-child(18):before,
  .counter-pagination .swiper-pagination-bullet:nth-child(18):after {
     content: '18';
  }

  .counter-pagination .swiper-pagination-bullet:nth-child(19):before,
  .counter-pagination .swiper-pagination-bullet:nth-child(19):after {
     content: '19';
  }

  .counter-pagination .swiper-pagination-bullet:nth-child(20):before,
  .counter-pagination .swiper-pagination-bullet:nth-child(20):after {
     content: '20';
  }


/* 14.2.1. Counter pagination vertical
   ========================================================================== */

   .swiper-container-vertical .counter-pagination.swiper-pagination-bullets {
     width: 26px !important;
  }

  .swiper-container-vertical .counter-pagination .swiper-pagination-bullet {
     margin: 5px 0 !important;
  }

  .swiper-container-vertical .counter-pagination .swiper-pagination-bullet:first-child {
     margin-top: 0 !important;
  }

  .swiper-container-vertical .counter-pagination .swiper-pagination-bullet:last-child {
     margin-bottom: 0 !important;
  }


/* 14.3. Dots pagination
   ========================================================================== */

   .dots-pagination .swiper-pagination-bullet {
     width:  10px;
     height: 10px;
     margin: 0 10px !important;
     opacity: 1;
     background-color: #fff;
     -webkit-transform: scale(.5);
     -ms-transform: scale(.5);
     transform: scale(.5);
     -webkit-transition: .8s cubic-bezier(.225, 1, .316, .99);
     -o-transition: .8s cubic-bezier(.225, 1, .316, .99);
     transition: .8s cubic-bezier(.225, 1, .316, .99);
  }

  .dots-pagination.black .swiper-pagination-bullet {
     background-color: #000;
  }

  .dots-pagination .swiper-pagination-bullet-active {
     margin: 0 30px !important;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
  }

  .dots-pagination .swiper-pagination-bullet:first-child,
  .dots-pagination .swiper-pagination-bullet-active:first-child {
     margin-left: 0 !important;
  }

  .dots-pagination .swiper-pagination-bullet:last-child,
  .dots-pagination .swiper-pagination-bullet-active:last-child {
     margin-right: 0 !important;
  }


/* 14.3.1. Dots pagination vertical
   ========================================================================== */

   .swiper-container-vertical .dots-pagination.swiper-pagination-bullets {
     width: 10px !important;
  }

  .swiper-container-vertical .dots-pagination .swiper-pagination-bullet {
     margin: 10px 0 !important;
  }

  .swiper-container-vertical .dots-pagination .swiper-pagination-bullet-active {
     margin: 30px 0 !important;
  }

  .swiper-container-vertical .dots-pagination .swiper-pagination-bullet:first-child,
  .swiper-container-vertical .dots-pagination .swiper-pagination-bullet-active:first-child {
     margin-top: 0 !important;
  }

  .swiper-container-vertical .dots-pagination .swiper-pagination-bullet:last-child,
  .swiper-container-vertical .dots-pagination .swiper-pagination-bullet-active:last-child {
     margin-bottom: 0 !important;
  }





/* ==========================================================================
   15. Swiper sliders
   ========================================================================== */

   .one-page-slider {
     height: 100vh;
  }

  .swiper-wrapper {
     -webkit-transition-timing-function: cubic-bezier(.767, .01, .18, 1.01);
     -o-transition-timing-function: cubic-bezier(.767, .01, .18, 1.01);
     transition-timing-function: cubic-bezier(.767, .01, .18, 1.01);
  }

  .fullscreen-slider .swiper-wrapper,
  .one-page-slider .swiper-wrapper,
  .js-parallax-slider-2 .swiper-wrapper {
     -webkit-transition-timing-function: cubic-bezier(.25, .31, .18, 1);
     -o-transition-timing-function: cubic-bezier(.25, .31, .18, 1);
     transition-timing-function: cubic-bezier(.25, .31, .18, 1);
  }

  .js-infinite-slider .swiper-wrapper {
     -webkit-transition-timing-function: linear;
     -o-transition-timing-function: linear;
     transition-timing-function: linear;
  }

  .swiper-slide {
     overflow: hidden;
  }

/* Slider background parallax container */
.swiper-parallax-bg-box {
	width:  100%;
	height: 100%;
	position: absolute;
	left: 0;
	top:  0;
}

/* Parallax bg */
.js-parallax-slide-bg {
	width:  100%;
	height: 100%;
	position: absolute;
	left: 0;
	top:  0;
	z-index: 0;
}

/* Portfolio details */
.portfolio-details {
	width: 100%;
	position: absolute;
	left: 0;
	top: 60px;
}

/* Slide opacity animation */
.slide-opacity-anim {
	opacity: .2;
	-webkit-transition: 1.3s cubic-bezier(.225, 1, .316, .99);
   -o-transition: 1.3s cubic-bezier(.225, 1, .316, .99);
   transition: 1.3s cubic-bezier(.225, 1, .316, .99);
}

.slide-opacity-anim.swiper-slide-active {
	opacity: 1;
}

/* Slider after preloader animation */
.slider-preloader-anim {
	opacity: 0;
	-webkit-transform: translateY(50%);
 -ms-transform: translateY(50%);
 transform: translateY(50%);
 -webkit-transition: 2s cubic-bezier(.225, 1, .316, .99);
 -o-transition: 2s cubic-bezier(.225, 1, .316, .99);
 transition: 2s cubic-bezier(.225, 1, .316, .99);
}

.js-page-in-anim-active .slider-preloader-anim {
	opacity: 1;
	-webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}

/* Portfolio follow slider */
.js-parallax-slider-2,
.js-fade-slider {
	width: 100%;
	height: 33.33vh;
	padding: 33.33vh 0;
	position: absolute;
	left: 0;
	top:  0;
}

@media only screen and (max-width: 549px) {

	.js-parallax-slider-2,
	.js-fade-slider {
		height: 40vh;
		padding: 30vh 0;
	}

}

/* Portfolio horizontal follow slider */
.js-fade-horizontal-slider {
	width: 33.33%;
	height: 100%;
	padding: 0 33.33%;
	position: absolute;
	left: 0;
	top:  0;
}

@media only screen and (max-width: 1399px) {

	.js-fade-horizontal-slider {
		width: 40%;
		padding: 0 30%;
	}

}

@media only screen and (max-width: 1199px) {

	.js-fade-horizontal-slider {
		width: 50%;
		padding: 0 25%;
	}

}

@media only screen and (max-width: 999px) {

	.js-fade-horizontal-slider {
		width: 60%;
		padding: 0 20%;
	}

}

@media only screen and (max-width: 767px) {

	.js-fade-horizontal-slider {
		width: 70%;
		padding: 0 15%;
	}

}

@media only screen and (max-width: 549px) {

	.js-fade-horizontal-slider {
		width: 100%;
		padding: 0;
	}

}

/* Portfolio follow slider background */
.follow-slider-bg,
.follow-slider-bg .swiper-slide {
	pointer-events: none;
}

/* Portfolio columns slider */
.js-columns-slider,
.js-columns-parallax-slider {
	position: static;
}

.js-columns-slider .swiper-slide,
.js-columns-parallax-slider .swiper-slide {
	width: auto;
}

.swiper-parallax-img-box {
	overflow: hidden;
	height: 100%;
}

.portfolio-column-img {
	width: auto;
	height: 100vh;
	-webkit-transition: 2s cubic-bezier(.225, 1, .316, .99);
   -o-transition: 2s cubic-bezier(.225, 1, .316, .99);
   transition: 2s cubic-bezier(.225, 1, .316, .99);
}

.hover-box:hover .portfolio-column-img {
	opacity: .7;
	-webkit-transform: scale(1.05);
 -ms-transform: scale(1.05);
 transform: scale(1.05);
}

.js-columns-parallax-slider .portfolio-column-img,
.js-columns-parallax-slider .hover-box:hover .portfolio-column-img {
	opacity: 1;
	-webkit-transform: scale(1.25);
 -ms-transform: scale(1.25);
 transform: scale(1.25);
}

/* Slider gradient shadow */
.slider-gradient-l-r:before {
	content: '';
	width:  100%;
	height: 100%;
	position: absolute;
	left: 0;
	top:  0;
	z-index: 2;
	background-image: -webkit-gradient(linear, left top, right top, from(#1b2a2f), color-stop(rgba(27, 42, 47, .75)), color-stop(rgba(27, 42, 47, 0)), color-stop(rgba(27, 42, 47, 0)), color-stop(rgba(27, 42, 47, 0)), color-stop(rgba(27, 42, 47, .75)), to(#1b2a2f));
	background-image: -o-linear-gradient(left, #1b2a2f, rgba(27, 42, 47, .75), rgba(27, 42, 47, 0), rgba(27, 42, 47, 0), rgba(27, 42, 47, 0), rgba(27, 42, 47, .75), #1b2a2f);
	background-image: linear-gradient(to right, #1b2a2f, rgba(27, 42, 47, .75), rgba(27, 42, 47, 0), rgba(27, 42, 47, 0), rgba(27, 42, 47, 0), rgba(27, 42, 47, .75), #1b2a2f);
}

@media only screen and (max-width: 999px) {

	.slider-gradient-l-r:before {
		background-image: -webkit-gradient(linear, left top, right top, from(#1b2a2f), color-stop(rgba(27, 42, 47, 0)), color-stop(rgba(27, 42, 47, 0)), color-stop(rgba(27, 42, 47, 0)), to(#1b2a2f));
		background-image: -o-linear-gradient(left, #1b2a2f, rgba(27, 42, 47, 0), rgba(27, 42, 47, 0), rgba(27, 42, 47, 0), #1b2a2f);
		background-image: linear-gradient(to right, #1b2a2f, rgba(27, 42, 47, 0), rgba(27, 42, 47, 0), rgba(27, 42, 47, 0), #1b2a2f);
	}

}

@media only screen and (max-width: 767px) {

	.slider-gradient-l-r:before {
		content: normal;
	}

}

/* Slide scale animation */
.slide-scale-anim {
	-webkit-transform: scale(.85);
 -ms-transform: scale(.85);
 transform: scale(.85);
 -webkit-transition: 5s cubic-bezier(.225, 1, .316, .99);
 -o-transition: 5s cubic-bezier(.225, 1, .316, .99);
 transition: 5s cubic-bezier(.225, 1, .316, .99);
}

.slide-scale-anim.swiper-slide-active {
	-webkit-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
}

/* Slider right gradient shadow */
.slider-gradient-right {
	padding-right: 50%;
}

.slider-gradient-right:before {
	content: '';
	width: 33.33%;
	height: calc(100% - 90px);
	position: absolute;
	top:   0;
	right: 0;
	z-index: 2;
	background-image: -o-linear-gradient(left, rgba(17, 21, 23, 0), rgba(17, 21, 23, .75), #111517);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(17, 21, 23, 0)), color-stop(rgba(17, 21, 23, .75)), to(#111517));
	background-image: linear-gradient(to right, rgba(17, 21, 23, 0), rgba(17, 21, 23, .75), #111517);
}

@media only screen and (max-width: 999px) {

	.slider-gradient-right {
		position: relative;
	}

	.slider-gradient-right:before {
		width: 50%;
	}

}

@media only screen and (max-width: 767px) {

	.slider-gradient-right {
		padding-right: 0;
	}

	.slider-gradient-right:before {
		content: normal;
	}

}

/* About slider */
.about-slider .swiper-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}





/* ==========================================================================
   16. Scroll to buttons
   ========================================================================== */

/* 16.1. To top button
   ========================================================================== */

   .scroll-to-btn {
     overflow: hidden;
     width: 20px;
     position: fixed;
     left: 20px !important;
     top: calc(100vh - 60px) !important;
     z-index: 10;
     pointer-events: auto;
     -webkit-transition: .8s cubic-bezier(.225, 1, .316, .99);
     -o-transition: .8s cubic-bezier(.225, 1, .316, .99);
     transition: .8s cubic-bezier(.225, 1, .316, .99);
  }

  @media only screen and (max-width: 549px) {

     .scroll-to-btn {
       z-index: 5;
    }

 }

 .scroll-to-btn.mPS2id-highlight {
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.scroll-to-btn__box {
	display: block;
	overflow: hidden;
	width: 20px;
	height: 40px;
	position: relative;
}

.scroll-to-btn__arrow {
	width:  100%;
	height: 100%;
	position: absolute;
	left: 0;
	top:  0;
	-webkit-transform: translateY(27px);
 -ms-transform: translateY(27px);
 transform: translateY(27px);
 -webkit-transition: .8s cubic-bezier(.225, 1, .316, .99);
 -o-transition: .8s cubic-bezier(.225, 1, .316, .99);
 transition: .8s cubic-bezier(.225, 1, .316, .99);
}

.js-page-in-anim-active.js-page-out .scroll-to-btn__arrow {
	-webkit-transform: translateY(-18px);
 -ms-transform: translateY(-18px);
 transform: translateY(-18px);
}

.scroll-to-btn:hover .scroll-to-btn__arrow {
	-webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}

.scroll-to-btn__arrow:before {
	content: '';
	width:  15px;
	height: 15px;
	position: absolute;
	left: 50%;
	top: 4px;
	-webkit-transform: translateX(-50%) rotate(-45deg);
 -ms-transform: translateX(-50%) rotate(-45deg);
 transform: translateX(-50%) rotate(-45deg);
 -webkit-transition: .6s cubic-bezier(.225, 1, .316, .99);
 -o-transition: .6s cubic-bezier(.225, 1, .316, .99);
 transition: .6s cubic-bezier(.225, 1, .316, .99);
 -webkit-transition-delay: 1.2s;
 -o-transition-delay: 1.2s;
 transition-delay: 1.2s;
}

.js-nav-active .scroll-to-btn__arrow:before {
	-webkit-transition-delay: 0s;
   -o-transition-delay: 0s;
   transition-delay: 0s;
}

.scroll-to-btn__arrow:after {
	content: '';
	width: 2px;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 2px;
	-webkit-transform: scaleY(0) translateX(-50%);
 -ms-transform: scaleY(0) translateX(-50%);
 transform: scaleY(0) translateX(-50%);
 -webkit-transform-origin: top;
 -ms-transform-origin: top;
 transform-origin: top;
 -webkit-transition: .6s cubic-bezier(.225, 1, .316, .99);
 -o-transition: .6s cubic-bezier(.225, 1, .316, .99);
 transition: .6s cubic-bezier(.225, 1, .316, .99);
}

.scroll-to-btn:hover .scroll-to-btn__arrow:after {
	-webkit-transform: scaleY(1) translateX(-50%);
 -ms-transform: scaleY(1) translateX(-50%);
 transform: scaleY(1) translateX(-50%);
}

.midnightHeader.default .scroll-to-btn__arrow:before,
.dark-nav.js-nav-active .midnightHeader.default .scroll-to-btn__arrow:before,
.dark-nav.js-nav-active .midnightHeader.black .scroll-to-btn__arrow:before {
	border-top:   2px solid #fff;
	border-right: 2px solid #fff;
}

.midnightHeader.black .scroll-to-btn__arrow:before,
.js-nav-active .midnightHeader.default .scroll-to-btn__arrow:before {
	border-top:   2px solid #000;
	border-right: 2px solid #000;
}

.midnightHeader.default .scroll-to-btn__arrow:after,
.dark-nav.js-nav-active .midnightHeader.default .scroll-to-btn__arrow:after,
.dark-nav.js-nav-active .midnightHeader.black .scroll-to-btn__arrow:after {
	background-color: #fff;
}

.midnightHeader.black .scroll-to-btn__arrow:after,
.js-nav-active .midnightHeader.default .scroll-to-btn__arrow:after {
	background-color: #000;
}

/* Landing header */
.landing-page .scroll-to-btn .scroll-to-btn__arrow:before {
	-webkit-transition-delay: .4s;
   -o-transition-delay: .4s;
   transition-delay: .4s;
}


/* 16.2. Scroll down button
   ========================================================================== */

   .scroll-to-btn.to-down.mPS2id-highlight,
   .to-down.scroll-to-btn.js-active {
     pointer-events: none;
     opacity: 0;
     -webkit-transform: translateY(100%);
     -ms-transform: translateY(100%);
     transform: translateY(100%);
  }

  .to-down .scroll-to-btn__arrow,
  .js-page-in-anim-active.js-page-out .to-down .scroll-to-btn__arrow {
     -webkit-transform: translateY(18px);
     -ms-transform: translateY(18px);
     transform: translateY(18px);
  }

  .js-page-in-anim-active .to-down .scroll-to-btn__arrow {
     -webkit-transform: translateY(-27px);
     -ms-transform: translateY(-27px);
     transform: translateY(-27px);
  }

  .js-page-in-anim-active .to-down.scroll-to-btn:hover .scroll-to-btn__arrow {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
  }

  .to-down .scroll-to-btn__arrow:before {
     top: auto;
     bottom: 4px;
     -webkit-transform: translateX(-50%) rotate(135deg);
     -ms-transform: translateX(-50%) rotate(135deg);
     transform: translateX(-50%) rotate(135deg);
  }

  .to-down .scroll-to-btn__arrow:after {
     top: auto;
     bottom: 2px;
     -webkit-transform-origin: bottom;
     -ms-transform-origin: bottom;
     transform-origin: bottom;
  }





/* ==========================================================================
   17. Buttons
   ========================================================================== */

/* 17.1. Skew button
   ========================================================================== */

   .skew-btn {
     display: inline-block;
  }

  .skew-btn__box {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
  }

  .skew-btn_reverse .skew-btn__box {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
     -ms-flex-flow: row-reverse;
     flex-flow: row-reverse;
  }

  .skew-btn__content {
     margin-right: 10px;
     font-family: 'Montserrat', sans-serif;
     font-size: 13px;
     font-weight: 600;
     letter-spacing: 4px;
     line-height: 1.2;
     color: #fff;
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transition: .5s cubic-bezier(.225, 1, .316, .99);
     -o-transition: .5s cubic-bezier(.225, 1, .316, .99);
     transition: .5s cubic-bezier(.225, 1, .316, .99);
  }

  .skew-btn_reverse .skew-btn__content {
     margin-right: 0;
     margin-left: 14px;
  }

  .skew-btn:hover .skew-btn__content {
     color: var(--main-color);
     -webkit-transform: skew(-10deg);
     -ms-transform: skew(-10deg);
     transform: skew(-10deg);
  }

  .skew-btn.skew-btn_reverse:hover .skew-btn__content {
     -webkit-transform: skew(10deg);
     -ms-transform: skew(10deg);
     transform: skew(10deg);
  }

  .skew-btn__arrow {
     display: inline-block;
     width: 40px;
     height: 20px;
     position: relative;
     z-index: 2;
  }

  .skew-btn__arrow:before {
     content: '';
     width:  10px;
     height: 10px;
     position: absolute;
     left: 50%;
     top:  50%;
     border-top:   2px solid #fff;
     border-right: 2px solid #fff;
     -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
     -ms-transform: translateY(-50%) translateX(-50%) rotate(45deg);
     transform: translateY(-50%) translateX(-50%) rotate(45deg);
     -webkit-transition: .5s cubic-bezier(.225, 1, .316, .99);
     -o-transition: .5s cubic-bezier(.225, 1, .316, .99);
     transition: .5s cubic-bezier(.225, 1, .316, .99);
  }

  .skew-btn__arrow.black:before {
     border-top:   2px solid #000;
     border-right: 2px solid #000;
  }

  .skew-btn:hover .skew-btn__arrow:before {
     border-top:   2px solid var(--main-color);
     border-right: 2px solid var(--main-color);
     -webkit-transform: translateY(-50%) translateX(6px) rotate(45deg);
     -ms-transform: translateY(-50%) translateX(6px) rotate(45deg);
     transform: translateY(-50%) translateX(6px) rotate(45deg);
  }

  .skew-btn__arrow:after {
     content: '';
     width: 28px;
     height: 2px;
     position: absolute;
     top: 50%;
     right: 0;
     background-color: var(--main-color);
     -webkit-transform: translateY(-50%) scaleX(0);
     -ms-transform: translateY(-50%) scaleX(0);
     transform: translateY(-50%) scaleX(0);
     -webkit-transition: .5s cubic-bezier(.225, 1, .316, .99);
     -o-transition: .5s cubic-bezier(.225, 1, .316, .99);
     transition: .5s cubic-bezier(.225, 1, .316, .99);
  }

  .skew-btn:hover .skew-btn__arrow:after {
     -webkit-transform: translateY(-50%) scaleX(1);
     -ms-transform: translateY(-50%) scaleX(1);
     transform: translateY(-50%) scaleX(1);
  }

  .skew-btn_reverse .skew-btn__arrow:before {
     -webkit-transform: translateY(-50%) translateX(-50%) rotate(-135deg);
     -ms-transform: translateY(-50%) translateX(-50%) rotate(-135deg);
     transform: translateY(-50%) translateX(-50%) rotate(-135deg);
  }

  .skew-btn.skew-btn_reverse:hover .skew-btn__arrow:before {
     -webkit-transform: translateY(-50%) translateX(-18px) rotate(-135deg);
     -ms-transform: translateY(-50%) translateX(-18px) rotate(-135deg);
     transform: translateY(-50%) translateX(-18px) rotate(-135deg);
  }

  .skew-btn_reverse .skew-btn__arrow:after {
     left: 0;
     right: auto;
  }


/* 17.2. Overlay button
   ========================================================================== */

   .overlay-btn {
     display: inline-block;
     overflow: hidden;
     padding: 15px 34px 15px 40px;
     position: relative;
     z-index: 2;
     font-family: 'Montserrat', sans-serif;
     font-size: 13px;
     font-weight: 400;
     letter-spacing: 6px;
     line-height: 1.2;
     color: #fff;
     -webkit-transition: .5s cubic-bezier(.225, 1, .316, .99);
     -o-transition: .5s cubic-bezier(.225, 1, .316, .99);
     transition: .5s cubic-bezier(.225, 1, .316, .99);
  }

  .overlay-btn.black {
     color: #000;
  }

  .overlay-btn:hover {
     color: #000;
     -webkit-transition-delay: .5s;
     -o-transition-delay: .5s;
     transition-delay: .5s;
  }

  .overlay-btn.black:hover {
     color: #fff;
  }

  .overlay-btn:before,
  .overlay-btn:after {
     content: '';
     width:  100%;
     height: 100%;
     position: absolute;
     left:   0;
     bottom: 0;
     z-index: -1;
     background-color: #fff;
     -webkit-transition: .5s cubic-bezier(.225, 1, .316, .99);
     -o-transition: .5s cubic-bezier(.225, 1, .316, .99);
     transition: .5s cubic-bezier(.225, 1, .316, .99);
  }

  .overlay-btn.black:before,
  .overlay-btn.black:after {
     background-color: #000;
  }

  .overlay-btn:before {
     height: 2px;
     -webkit-transform: scaleX(0);
     -ms-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transition-delay: .5s;
     -o-transition-delay: .5s;
     transition-delay: .5s;
  }

  .overlay-btn:hover:before {
     -webkit-transform: scaleX(1);
     -ms-transform: scaleX(1);
     transform: scaleX(1);
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
  }

  .overlay-btn:after {
     -webkit-transform: scaleY(0);
     -ms-transform: scaleY(0);
     transform: scaleY(0);
     -webkit-transform-origin: bottom;
     -ms-transform-origin: bottom;
     transform-origin: bottom;
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
  }

  .overlay-btn:hover:after {
     -webkit-transform: scaleY(1);
     -ms-transform: scaleY(1);
     transform: scaleY(1);
     -webkit-transition-delay: .5s;
     -o-transition-delay: .5s;
     transition-delay: .5s;
  }


/* 17.3. Background button
   ========================================================================== */

   .bg-btn {
     display: inline-block;
     padding: 15px 33px 15px 40px;
     font-family: 'Montserrat', sans-serif;
     font-size: 11px;
     font-weight: 700;
     line-height: 1.2;
     background-color: #fff;
     color: #000;
     -webkit-transition: .5s cubic-bezier(.17, .85, .438, .99);
     -o-transition: .5s cubic-bezier(.17, .85, .438, .99);
     transition: .5s cubic-bezier(.17, .85, .438, .99);
  }

  .bg-btn.black {
     background-color: #000;
     color: #fff;
  }

  .bg-btn:hover,
  .bg-btn.black:hover {
     color: var(--main-color);
  }


/* 17.4. Border button
   ========================================================================== */

   .border-btn {
     display: inline-block;
     position: relative;
  }

  .border-btn__inner {
     display: inline-block;
     padding: 20px 33px 20px 40px;
     font-family: 'Montserrat', sans-serif;
     font-size: 16px;
     font-weight: 700;
     line-height: 1.2;
     color: #555;
     -webkit-transition: .5s cubic-bezier(.17, .85, .438, .99);
     -o-transition: .5s cubic-bezier(.17, .85, .438, .99);
     transition: .5s cubic-bezier(.17, .85, .438, .99);
  }

  .border-btn.black .border-btn__inner {
     color: #000;
  }

  .border-btn:hover .border-btn__inner,
  .border-btn.black:hover .border-btn__inner {
     color: var(--main-color);
  }

  .border-btn:before,
  .border-btn:after,
  .border-btn__inner:before,
  .border-btn__inner:after {
     content: '';
     position: absolute;
     background-color: #fff;
     -webkit-transition: .5s cubic-bezier(.17, .85, .438, .99);
     -o-transition: .5s cubic-bezier(.17, .85, .438, .99);
     transition: .5s cubic-bezier(.17, .85, .438, .99);
  }

  .border-btn.black:before,
  .border-btn.black:after,
  .border-btn.black .border-btn__inner:before,
  .border-btn.black .border-btn__inner:after {
     background-color: #000;
  }

  .border-btn:before {
     width: 100%;
     height: 1px;
     left: 0;
     top:  0;
     -webkit-transform: scaleX(1);
     -ms-transform: scaleX(1);
     transform: scaleX(1);
     -webkit-transform-origin: right;
     -ms-transform-origin: right;
     transform-origin: right;
  }

  .border-btn:after {
     width: 1px;
     height: 100%;
     top:   0;
     right: 0;
     -webkit-transform: scaleY(1);
     -ms-transform: scaleY(1);
     transform: scaleY(1);
     -webkit-transform-origin: bottom;
     -ms-transform-origin: bottom;
     transform-origin: bottom;
  }

  .border-btn__inner:before {
     width: 100%;
     height: 1px;
     left:   0;
     bottom: 0;
     -webkit-transform: scaleX(1);
     -ms-transform: scaleX(1);
     transform: scaleX(1);
     -webkit-transform-origin: left;
     -ms-transform-origin: left;
     transform-origin: left;
  }

  .border-btn__inner:after {
     width: 1px;
     height: 100%;
     left: 0;
     top:  0;
     -webkit-transform: scaleY(1);
     -ms-transform: scaleY(1);
     transform: scaleY(1);
     -webkit-transform-origin: top;
     -ms-transform-origin: top;
     transform-origin: top;
  }

  .border-btn:hover:before,
  .border-btn:hover .border-btn__inner:before {
     -webkit-transform: scaleX(0);
     -ms-transform: scaleX(0);
     transform: scaleX(0);
  }

  .border-btn:hover:after,
  .border-btn:hover .border-btn__inner:after {
     -webkit-transform: scaleY(0);
     -ms-transform: scaleY(0);
     transform: scaleY(0);
  }

  .border-btn__lines-1:before,
  .border-btn__lines-1:after,
  .border-btn__lines-2:before,
  .border-btn__lines-2:after {
     content: '';
     position: absolute;
     background-color: var(--main-color);
     -webkit-transition: .5s cubic-bezier(.17, .85, .438, .99);
     -o-transition: .5s cubic-bezier(.17, .85, .438, .99);
     transition: .5s cubic-bezier(.17, .85, .438, .99);
  }

  .border-btn__lines-1:before {
     width: 100%;
     height: 1px;
     left: 0;
     top:  0;
     -webkit-transform: scaleX(0);
     -ms-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transform-origin: left;
     -ms-transform-origin: left;
     transform-origin: left;
  }

  .border-btn__lines-1:after {
     width: 1px;
     height: 100%;
     top:   0;
     right: 0;
     -webkit-transform: scaleY(0);
     -ms-transform: scaleY(0);
     transform: scaleY(0);
     -webkit-transform-origin: top;
     -ms-transform-origin: top;
     transform-origin: top;
  }

  .border-btn__lines-2:before {
     width: 100%;
     height: 1px;
     left:   0;
     bottom: 0;
     -webkit-transform: scaleX(0);
     -ms-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transform-origin: right;
     -ms-transform-origin: right;
     transform-origin: right;
  }

  .border-btn__lines-2:after {
     width: 1px;
     height: 100%;
     left: 0;
     top:  0;
     -webkit-transform: scaleY(0);
     -ms-transform: scaleY(0);
     transform: scaleY(0);
     -webkit-transform-origin: bottom;
     -ms-transform-origin: bottom;
     transform-origin: bottom;
  }

  .border-btn:hover .border-btn__lines-1:before,
  .border-btn:hover .border-btn__lines-2:before {
     -webkit-transform: scaleX(1);
     -ms-transform: scaleX(1);
     transform: scaleX(1);
  }

  .border-btn:hover .border-btn__lines-1:after,
  .border-btn:hover .border-btn__lines-2:after {
     -webkit-transform: scaleY(1);
     -ms-transform: scaleY(1);
     transform: scaleY(1);
  }


/* 17.5. Icon overlay button
   ========================================================================== */

   .icon-overlay-btn {
     display: inline-block;
     width:  40px;
     height: 40px;
     position: relative;
     z-index: 2;
     text-align: center;
  }

  .icon-overlay-btn:before {
     content: '';
     width:  100%;
     height: 100%;
     position: absolute;
     left: 0;
     top:  0;
     z-index: -1;
     border-radius: 50%;
     background-color: #fff;
     -webkit-transform: scale(0);
     -ms-transform: scale(0);
     transform: scale(0);
     -webkit-transition: .7s cubic-bezier(.19, .94, .336, 1);
     -o-transition: .7s cubic-bezier(.19, .94, .336, 1);
     transition: .7s cubic-bezier(.19, .94, .336, 1);
  }

  .icon-overlay-btn.black:before {
     background-color: #000;
  }

  .icon-overlay-btn:hover:before {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
  }

  .icon-overlay-btn__inner {
     font-size: 15px;
     line-height: 40px;
     color: #fff;
     -webkit-transition: .7s cubic-bezier(.19, .94, .336, 1);
     -o-transition: .7s cubic-bezier(.19, .94, .336, 1);
     transition: .7s cubic-bezier(.19, .94, .336, 1);
  }

  .icon-overlay-btn:hover .icon-overlay-btn__inner {
     color: #000;
  }

  .icon-overlay-btn.black .icon-overlay-btn__inner {
     color: #000;
  }

  .icon-overlay-btn.black:hover .icon-overlay-btn__inner {
     color: #fff;
  }


/* 17.6. Icon shadow button
   ========================================================================== */

   .icon-shadow-btn {
     display: inline-block;
     width:  40px;
     height: 40px;
     position: relative;
     text-align: center;
     border-radius: 50%;
     -webkit-box-shadow: 0 0 10px #fff;
     box-shadow: 0 0 10px #fff;
     -webkit-transition: .7s cubic-bezier(.225, 1, .316, .99);
     -o-transition: .7s cubic-bezier(.225, 1, .316, .99);
     transition: .7s cubic-bezier(.225, 1, .316, .99);
  }

  .icon-shadow-btn.black-shadow {
     -webkit-box-shadow: 0 0 10px #000;
     box-shadow: 0 0 10px #000;
  }

  .icon-shadow-btn:hover,
  .icon-shadow-btn.black-shadow:hover {
     -webkit-box-shadow: 0 0 15px var(--main-color);
     box-shadow: 0 0 15px var(--main-color);
  }

  .icon-shadow-btn__inner {
     font-size: 15px;
     line-height: 40px;
     color: #fff;
     -webkit-transition: .7s cubic-bezier(.225, 1, .316, .99);
     -o-transition: .7s cubic-bezier(.225, 1, .316, .99);
     transition: .7s cubic-bezier(.225, 1, .316, .99);
  }

  .icon-shadow-btn:hover .icon-shadow-btn__inner {
     color: var(--main-color);
  }


/* 17.7. Fill button
   ========================================================================== */

   .fill-btn {
     display: inline-block;
     position: relative;
     font-family: 'Montserrat', sans-serif;
     font-size: 11px;
     font-weight: 700;
     line-height: 1.2;
     white-space: nowrap;
     color: #fff;
  }

  .fill-btn:after {
     content: attr(data-text);
     overflow: hidden;
     width: 0%;
     position: absolute;
     left: 0;
     top: 50%;
     white-space: nowrap;
     background-color: #000;
     color: var(--main-color);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     -webkit-transition: .7s cubic-bezier(.767, .01, .18, 1.01);
     -o-transition: .7s cubic-bezier(.767, .01, .18, 1.01);
     transition: .7s cubic-bezier(.767, .01, .18, 1.01);
  }

  .fill-btn:hover:after {
     width: 100%;
  }

  .fill-btn.to-white:after {
     color: #fff;
  }

  .fill-btn.to-black:after {
     color: #000;
  }

  .section-bg-black .fill-btn:after,
  body .content-bg-black .fill-btn:after,
  html body .text-bg-black.fill-btn:after {
     background-color: #000;
  }

  .section-bg-white .fill-btn:after,
  body .content-bg-white .fill-btn:after,
  html body .text-bg-white.fill-btn:after {
     background-color: #fff;
  }

  .section-bg-light-1 .fill-btn:after,
  body .content-bg-light-1 .fill-btn:after,
  html body .text-bg-light-1.fill-btn:after {
     background-color: var(--bg-light-1);
  }

  .section-bg-light-2 .fill-btn:after,
  body .content-bg-light-2 .fill-btn:after,
  html body .text-bg-light-2.fill-btn:after {
     background-color: var(--bg-light-2);
  }

  .section-bg-dark-1 .fill-btn:after,
  body .content-bg-dark-1 .fill-btn:after,
  html body .text-bg-dark-1.fill-btn:after {
     background-color: var(--bg-dark-1);
  }

  .section-bg-dark-2 .fill-btn:after,
  body .content-bg-dark-2 .fill-btn:after,
  html body .text-bg-dark-2.fill-btn:after {
     background-color: var(--bg-dark-2);
  }

  body .content-bg-red .fill-btn:after,
  html body .text-bg-red.fill-btn:after {
     background-color: var(--main-color);
  }

  .js-filter-button .fill-btn:hover:after,
  .js-filter-button.fill-btn:hover:after {
     width: 0%;
  }

  body .js-filter-button.js-filter-button-active .fill-btn:after,
  body .js-filter-button.js-filter-button-active.fill-btn:after {
     width: 100%;
  }


/* 17.8. Flip button
   ========================================================================== */

   .flip-btn {
     display: inline-block;
     overflow: hidden;
     position: relative;
     font-family: 'Montserrat', sans-serif;
     font-size: 12px;
     font-weight: 500;
     letter-spacing: 3px;
     line-height: 1;
     color: transparent !important;
  }

  .flip-btn:before,
  .flip-btn:after {
     content: attr(data-text);
     position: absolute;
     left: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     -webkit-transition: .5s cubic-bezier(.858, .01, .068, .99);
     -o-transition: .5s cubic-bezier(.858, .01, .068, .99);
     transition: .5s cubic-bezier(.858, .01, .068, .99);
  }

  .flip-btn:before {
     color: #fff;
  }

  .flip-btn:after {
     color: var(--main-color);
     -webkit-transform: translateY(-170%);
     -ms-transform: translateY(-170%);
     transform: translateY(-170%);
  }

  .flip-btn.to-white:after {
     color: #fff;
  }

  .flip-btn.to-black:after {
     color: #000;
  }

  .flip-btn:hover:before {
     -webkit-transform: translateY(70%);
     -ms-transform: translateY(70%);
     transform: translateY(70%);
  }

  .flip-btn:hover:after {
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
  }

  .js-filter-button .flip-btn:hover:before,
  .js-filter-button.flip-btn:hover:before {
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
  }

  body .js-filter-button.js-filter-button-active .flip-btn:before,
  body .js-filter-button.js-filter-button-active.flip-btn:before {
     -webkit-transform: translateY(70%);
     -ms-transform: translateY(70%);
     transform: translateY(70%);
  }

  .js-filter-button .flip-btn:hover:after,
  .js-filter-button.flip-btn:hover:after {
     -webkit-transform: translateY(-170%);
     -ms-transform: translateY(-170%);
     transform: translateY(-170%);
  }

  body .js-filter-button.js-filter-button-active .flip-btn:after,
  body .js-filter-button.js-filter-button-active.flip-btn:after {
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
  }


/* 17.9. Ellipse button
   ========================================================================== */

   .ellipse-btn {
     display: inline-block;
     height:      50px;
     line-height: 50px;
     padding: 0 38px 0 40px;
     border: 1px solid #fff;
     border-radius: 25px;
     font-family: 'Montserrat', sans-serif;
     font-size: 13px;
     font-weight: 500;
     letter-spacing: 2px;
     color: #fff;
     -webkit-transition: .7s cubic-bezier(.17, .85, .438, .99);
     -o-transition: .7s cubic-bezier(.17, .85, .438, .99);
     transition: .7s cubic-bezier(.17, .85, .438, .99);
  }

  .ellipse-btn.black-border {
     border: 1px solid #000;
  }

  .ellipse-btn:hover,
  .ellipse-btn.black-border:hover,
  body .ellipse-btn.ellipse-btn_red {
     border: 1px solid var(--main-color);
     background-color: var(--main-color);
  }


/* 17.10. Play button
   ========================================================================== */

   .play-button {
     display: block;
     width: 32px;
     height: 44px;
     padding: 18px 20px 18px 28px;
     position: absolute;
     left: 50%;
     top:  50%;
     -webkit-box-sizing: content-box;
     box-sizing: content-box;
     border: 1px solid rgba(250, 250, 250, .2);
     border-radius: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
  }

  .play-button:before,
  .play-button:after {
     content: '';
     width:  100%;
     height: 100%;
     position: absolute;
     left: 0;
     top:  0;
     opacity: 0;
     border-radius: 50%;
     -webkit-box-shadow: 0 0 0 30px rgba(250, 250, 250, .3);
     box-shadow: 0 0 0 30px rgba(250, 250, 250, .3);
     background-color: rgba(250, 250, 250, .3);
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     -webkit-animation: 1.5s pulse-anim cubic-bezier(.17, .85, .438, .99) infinite;
     animation: 1.5s pulse-anim cubic-bezier(.17, .85, .438, .99) infinite;
  }

  .play-button:after {
     -webkit-animation-duration: 3s;
     animation-duration: 3s;
     -webkit-animation-delay: .15s;
     animation-delay: .15s;
  }

  .play-button__inner {
     display: block;
     width:  0;
     height: 0;
     border-left: 32px solid rgba(250, 250, 250, .5);
     border-top:    22px solid transparent;
     border-bottom: 22px solid transparent;
  }





/* ==========================================================================
   18. Typography
   ========================================================================== */

   body {
     font-family: 'Montserrat', sans-serif;
     font-size: 14px;
     font-weight: 400;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
  }

  button,
  input,
  select,
  textarea {
     font-family: 'Montserrat', sans-serif;
     font-size: 14px;
     line-height: 1.75;
  }

  p {
     margin: 0;
     font-family: 'Montserrat', sans-serif;
  }

  a {
     font-family: 'Montserrat', sans-serif;
     text-decoration: none;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
     margin: 0;
     font-family: 'Montserrat', sans-serif;
     line-height: 1.2;
  }

  h1,
  h2,
  h3 {
     font-weight: 700;
  }

  h4,
  h5 {
     font-weight: 600;
  }

  h6 {
     font-weight: 500;
  }

  h1 {
     font-size: 42px;
  }

  h2 {
     font-size: 30px;
  }

  h3 {
     font-size: 26px;
  }

  h4 {
     font-size: 22px;
  }

  h5 {
     font-size: 18px;
  }

  h6 {
     font-size: 14px;
  }

  @media only screen and (max-width: 999px) {

     h1 {
       font-size: 38px;
    }

    h2 {
       font-size: 28px;
    }

    h3 {
       font-size: 24px;
    }

 }

 @media only screen and (max-width: 767px) {

  h1 {
    font-size: 36px;
 }

 h2 {
    font-size: 26px;
 }

 h3 {
    font-size: 24px;
 }

}

@media only screen and (max-width: 549px) {

	h1 {
		font-size: 34px;
	}

}

.text-italic {
	font-style: italic;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.text-justify {
	text-align: justify;
}

.text-up {
	text-transform: uppercase !important;
}

.text-up-none {
	text-transform: none !important;
}

.text-weight-900 {
	font-weight: 900 !important;
}

.text-weight-800 {
	font-weight: 800 !important;
}

.text-weight-700 {
	font-weight: 700 !important;
}

.text-weight-600 {
	font-weight: 600 !important;
}

.text-weight-500 {
	font-weight: 500 !important;
}

.text-weight-400 {
	font-weight: 400 !important;
}

.text-weight-300 {
	font-weight: 300 !important;
}

.text-weight-200 {
	font-weight: 200 !important;
}

.text-weight-100 {
	font-weight: 100 !important;
}

.text-spacing1px {
	letter-spacing: 1px !important;
}

.text-spacing2px {
	letter-spacing: 2px !important;
}

.text-spacing3px {
	letter-spacing: 3px !important;
}

.text-spacing4px {
	letter-spacing: 4px !important;
}

.text-spacing5px {
	letter-spacing: 5px !important;
}

.text-spacing0px {
	letter-spacing: 0px !important;
}

.text-spacing-1px {
	letter-spacing: -1px !important;
}

.text-spacing-2px {
	letter-spacing: -2px !important;
}

.text-height-05 {
	line-height: .5 !important;
}

.text-height-06 {
	line-height: .6 !important;
}

.text-height-07 {
	line-height: .7 !important;
}

.text-height-08 {
	line-height: .8 !important;
}

.text-height-09 {
	line-height: .9 !important;
}

.text-height-10 {
	line-height: 1 !important;
}

.text-height-11 {
	line-height: 1.1 !important;
}

.text-height-12 {
	line-height: 1.2 !important;
}

.text-height-13 {
	line-height: 1.3 !important;
}

.text-height-14 {
	line-height: 1.4 !important;
}

.text-height-15 {
	line-height: 1.5 !important;
}

.text-height-16 {
	line-height: 1.6 !important;
}

.text-height-17 {
	line-height: 1.7 !important;
}

.text-height-18 {
	line-height: 1.8 !important;
}

.text-height-19 {
	line-height: 1.9 !important;
}

.text-height-20 {
	line-height: 2 !important;
}


/* 18.1. Headline
   ========================================================================== */

   .headline-xxxxl {
     font-family: 'Montserrat', sans-serif;
     font-size: 94px;
     font-weight: 300;
     line-height: 1.2;
  }

  .headline-xxxl {
     font-family: 'Montserrat', sans-serif;
     font-size: 86px;
     font-weight: 300;
     line-height: 1.2;
  }

  .headline-xxl {
     font-family: 'Montserrat', sans-serif;
     font-size: 78px;
     font-weight: 300;
     line-height: 1.2;
  }

  .headline-xl {
     font-family: 'Montserrat', sans-serif;
     font-size: 70px;
     font-weight: 300;
     line-height: 1.2;
  }

  .headline-l {
     font-family: 'Montserrat', sans-serif;
     font-size: 62px;
     font-weight: 300;
     line-height: 1.2;
  }

  .headline-m {
     font-family: 'Montserrat', sans-serif;
     font-size: 54px;
     font-weight: 300;
     line-height: 1.2;
  }

  .headline-s {
     font-family: 'Montserrat', sans-serif;
     font-size: 46px;
     font-weight: 300;
     line-height: 1.2;
  }

  .headline-xs {
     font-family: 'Montserrat', sans-serif;
     font-size: 38px;
     font-weight: 300;
     line-height: 1.2;
  }

  .headline-xxs {
     font-family: 'Montserrat', sans-serif;
     font-size: 30px;
     font-weight: 300;
     line-height: 1.2;
  }

  .headline-xxxs {
     font-family: 'Montserrat', sans-serif;
     font-size: 22px;
     font-weight: 300;
     line-height: 1.2;
  }

  .headline-xxxxs {
     font-family: 'Montserrat', sans-serif;
     font-size: 14px;
     font-weight: 300;
     line-height: 1.2;
  }

  @media only screen and (max-width: 1199px) {

     .headline-xxxxl {
       font-size: 86.5px;
    }

    .headline-xxxl {
       font-size: 79.25px;
    }

    .headline-xxl {
       font-size: 72px;
    }

    .headline-xl {
       font-size: 60px;
    }

    .headline-l {
       font-size: 57.5px;
    }

    .headline-m {
       font-size: 50.25px;
    }

    .headline-s {
       font-size: 43px;
    }

    .headline-xs {
       font-size: 35.75px;
    }

    .headline-xxs {
       font-size: 28.5px;
    }

    .headline-xxxs {
       font-size: 21.25px;
    }

 }

 @media only screen and (max-width: 999px) {

  .headline-xxxxl {
    font-size: 79px;
 }

 .headline-xxxl {
    font-size: 72.5px;
 }

 .headline-xxl {
    font-size: 66px;
 }

 .headline-xl {
    font-size: 55px;
 }

 .headline-l {
    font-size: 53px;
 }

 .headline-m {
    font-size: 46.5px;
 }

 .headline-s {
    font-size: 40px;
 }

 .headline-xs {
    font-size: 33.5px;
 }

 .headline-xxs {
    font-size: 27px;
 }

 .headline-xxxs {
    font-size: 20.5px;
 }

}

@media only screen and (max-width: 767px) {

	.headline-xxxxl {
		font-size: 71.5px;
	}

	.headline-xxxl {
		font-size: 65.75px;
	}

	.headline-xxl {
		font-size: 60px;
	}

	.headline-xl {
		font-size: 50px;
	}

	.headline-l {
		font-size: 48.5px;
	}

	.headline-m {
		font-size: 42.75px;
	}

	.headline-s {
		font-size: 37px;
	}

	.headline-xs {
		font-size: 31.25px;
	}

	.headline-xxs {
		font-size: 25.5px;
	}

	.headline-xxxs {
		font-size: 19.75px;
	}

}

@media only screen and (max-width: 549px) {

	.headline-xxxxl {
		font-size: 64px;
	}

	.headline-xxxl {
		font-size: 59px;
	}

	.headline-xxl {
		font-size: 54px;
	}

	.headline-xl {
		font-size: 45px;
	}

	.headline-l {
		font-size: 44px;
	}

	.headline-m {
		font-size: 39px;
	}

	.headline-s {
		font-size: 34px;
	}

	.headline-xs {
		font-size: 29px;
	}

	.headline-xxs {
		font-size: 24px;
	}

	.headline-xxxs {
		font-size: 19px;
	}

}

@media only screen and (max-width: 399px) {

	.headline-xxxxl {
		font-size: 56.5px;
	}

	.headline-xxxl {
		font-size: 52.25px;
	}

	.headline-xxl {
		font-size: 48px;
	}

	.headline-xl {
		font-size: 40px;
	}

	.headline-l {
		font-size: 39.5px;
	}

	.headline-m {
		font-size: 35.25px;
	}

	.headline-s {
		font-size: 31px;
	}

	.headline-xs {
		font-size: 26.75px;
	}

	.headline-xxs {
		font-size: 22.5px;
	}

	.headline-xxxs {
		font-size: 18.25px;
	}

}


/* 18.2. Subhead
   ========================================================================== */

   .subhead-xxl {
     font-family: 'Montserrat', sans-serif;
     font-size: 33px;
     font-weight: 400;
     line-height: 1.4;
  }

  .subhead-xl {
     font-family: 'Montserrat', sans-serif;
     font-size: 30px;
     font-weight: 400;
     line-height: 1.4;
  }

  .subhead-l {
     font-family: 'Montserrat', sans-serif;
     font-size: 27px;
     font-weight: 400;
     line-height: 1.4;
  }

  .subhead-m {
     font-family: 'Montserrat', sans-serif;
     font-size: 24px;
     font-weight: 400;
     line-height: 1.4;
  }

  .subhead-s {
     font-family: 'Montserrat', sans-serif;
     font-size: 21px;
     font-weight: 400;
     line-height: 1.4;
  }

  .subhead-xs {
     font-family: 'Montserrat', sans-serif;
     font-size: 18px;
     font-weight: 400;
     line-height: 1.4;
  }

  .subhead-xxs {
     font-family: 'Montserrat', sans-serif;
     font-size: 15px;
     font-weight: 400;
     line-height: 1.4;
  }

  @media only screen and (max-width: 1199px) {

     .subhead-xxl {
       font-size: 31.5px;
    }

    .subhead-xl {
       font-size: 28.75px;
    }

    .subhead-l {
       font-size: 26px;
    }

    .subhead-m {
       font-size: 23.25px;
    }

    .subhead-s {
       font-size: 20.5px;
    }

    .subhead-xs {
       font-size: 17.75px;
    }

 }

 @media only screen and (max-width: 999px) {

  .subhead-xxl {
    font-size: 30px;
 }

 .subhead-xl {
    font-size: 27.5px;
 }

 .subhead-l {
    font-size: 25px;
 }

 .subhead-m {
    font-size: 22.5px;
 }

 .subhead-s {
    font-size: 20px;
 }

 .subhead-xs {
    font-size: 17.5px;
 }

}

@media only screen and (max-width: 767px) {

	.subhead-xxl {
		font-size: 28.5px;
	}

	.subhead-xl {
		font-size: 26.25px;
	}

	.subhead-l {
		font-size: 24px;
	}

	.subhead-m {
		font-size: 21.75px;
	}

	.subhead-s {
		font-size: 19.5px;
	}

	.subhead-xs {
		font-size: 17.25px;
	}

}

@media only screen and (max-width: 549px) {

	.subhead-xxl {
		font-size: 27px;
	}

	.subhead-xl {
		font-size: 25px;
	}

	.subhead-l {
		font-size: 23px;
	}

	.subhead-m {
		font-size: 21px;
	}

	.subhead-s {
		font-size: 19px;
	}

	.subhead-xs {
		font-size: 17px;
	}

}

@media only screen and (max-width: 399px) {

	.subhead-xxl {
		font-size: 25.5px;
	}

	.subhead-xl {
		font-size: 23.75px;
	}

	.subhead-l {
		font-size: 22px;
	}

	.subhead-m {
		font-size: 20.25px;
	}

	.subhead-s {
		font-size: 18.5px;
	}

	.subhead-xs {
		font-size: 16.75px;
	}

}


/* 18.3. Body text
   ========================================================================== */

   .body-text-xl {
     font-family: 'Montserrat', sans-serif;
     font-size: 21px;
     font-weight: 200;
     line-height: 1.9;
  }

  .body-text-l {
     font-family: 'Montserrat', sans-serif;
     font-size: 19px;
     font-weight: 200;
     line-height: 1.9;
  }

  .body-text-m {
     font-family: 'Montserrat', sans-serif;
     font-size: 17px;
     font-weight: 200;
     line-height: 1.9;
  }

  .body-text-s {
     font-family: 'Montserrat', sans-serif;
     font-size: 15px;
     font-weight: 200;
     line-height: 1.9;
  }

  .body-text-xs {
     font-family: 'Montserrat', sans-serif;
     font-size: 13px;
     font-weight: 200;
     line-height: 1.9;
  }

  @media only screen and (max-width: 1199px) {

     .body-text-xl {
       font-size: 20.5px;
    }

    .body-text-l {
       font-size: 18.625px;
    }

    .body-text-m {
       font-size: 16.75px;
    }

    .body-text-s {
       font-size: 14.875px;
    }

 }

 @media only screen and (max-width: 999px) {

  .body-text-xl {
    font-size: 20px;
 }

 .body-text-l {
    font-size: 18.25px;
 }

 .body-text-m {
    font-size: 16.5px;
 }

 .body-text-s {
    font-size: 14.75px;
 }

}

@media only screen and (max-width: 767px) {

	.body-text-xl {
		font-size: 19.5px;
	}

	.body-text-l {
		font-size: 17.875px;
	}

	.body-text-m {
		font-size: 16.25px;
	}

	.body-text-s {
		font-size: 14.625px;
	}

}

@media only screen and (max-width: 549px) {

	.body-text-xl {
		font-size: 19px;
	}

	.body-text-l {
		font-size: 17.5px;
	}

	.body-text-m {
		font-size: 16px;
	}

	.body-text-s {
		font-size: 14.5px;
	}

}

@media only screen and (max-width: 399px) {

	.body-text-xl {
		font-size: 18.5px;
	}

	.body-text-l {
		font-size: 17.125px;
	}

	.body-text-m {
		font-size: 15.75px;
	}

	.body-text-s {
		font-size: 14.375px;
	}

}


/* 18.4. Copyright
   ========================================================================== */

   .copyright-style {
     font-size: 10px;
     font-weight: 400;
     line-height: 1.4;
  }


/* 18.5. Quote
   ========================================================================== */

   .quote {
     padding-left: 50px;
     position: relative;
  }

  .quote:after {
     content: '\f10e';
     position: absolute;
     left: 0;
     top:  0;
     z-index: 4;
     font-family: Font Awesome;
     font-size:   25px;
     line-height: 25px;
     color: var(--main-color);
  }

  .quote.quote_top {
     padding-left: 0;
     padding-top: 55px;
  }

  .quote.quote_top:after {
     left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
  }

  .quote.quote_bottom {
     padding-left: 0;
     padding-bottom: 55px;
  }

  .quote.quote_bottom:after {
     left: 50%;
     top: auto;
     bottom: 0;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
  }


/* 18.6. Vertical text
   ========================================================================== */

   .vertical-text {
     display: inline-block;
     -webkit-transform: rotate(90deg) scaleY(-1);
     -ms-transform: rotate(90deg) scaleY(-1);
     transform: rotate(90deg) scaleY(-1);
     -webkit-transform-origin: left top;
     -ms-transform-origin: left top;
     transform-origin: left top;
  }

  .vertical-text.right {
     display: inline-block;
     -webkit-transform: rotate(-90deg) scaleY(-1);
     -ms-transform: rotate(-90deg) scaleY(-1);
     transform: rotate(-90deg) scaleY(-1);
     -webkit-transform-origin: right top;
     -ms-transform-origin: right top;
     transform-origin: right top;
  }

  .vertical-text.center {
     -webkit-transform: rotate(90deg) scaleY(-1) translateX(-50%) translateY(50%);
     -ms-transform: rotate(90deg) scaleY(-1) translateX(-50%) translateY(50%);
     transform: rotate(90deg) scaleY(-1) translateX(-50%) translateY(50%);
     -webkit-transform-origin: left center;
     -ms-transform-origin: left center;
     transform-origin: left center;
  }

  .vertical-text.right.center {
     -webkit-transform: rotate(-90deg) scaleY(-1) translateX(50%) translateY(50%);
     -ms-transform: rotate(-90deg) scaleY(-1) translateX(50%) translateY(50%);
     transform: rotate(-90deg) scaleY(-1) translateX(50%) translateY(50%);
     -webkit-transform-origin: right center;
     -ms-transform-origin: right center;
     transform-origin: right center;
  }

  .vertical-text.bottom {
     -webkit-transform: rotate(90deg) scaleY(-1) translateX(-100%) translateY(100%);
     -ms-transform: rotate(90deg) scaleY(-1) translateX(-100%) translateY(100%);
     transform: rotate(90deg) scaleY(-1) translateX(-100%) translateY(100%);
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
  }

  .vertical-text.right.bottom {
     -webkit-transform: rotate(-90deg) scaleY(-1) translateX(100%) translateY(100%);
     -ms-transform: rotate(-90deg) scaleY(-1) translateX(100%) translateY(100%);
     transform: rotate(-90deg) scaleY(-1) translateX(100%) translateY(100%);
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
  }

  .vertical-text__inner {
     display: inline-block;
     -webkit-transform: scaleX(-1);
     -ms-transform: scaleX(-1);
     transform: scaleX(-1);
  }


/* 18.7. Description
   ========================================================================== */

   .description {
     width: 100%;
     position: absolute;
     left: 0;
     bottom: 20px;
  }


/* 18.8. Fontawesome icon
   ========================================================================== */

   .fontawesome-icon {
     font-size:   25px;
     line-height: 25px;
  }





/* ==========================================================================
   19. Animations
   ========================================================================== */

   .js-scrollanim  {
     pointer-events: none;
  }

  .js-scrollanim.js-scrollanim-active  {
     pointer-events: auto;
  }


/* 19.1. Animation delays
   ========================================================================== */

   .tr-delay-01,
   .tr-delay-01:before,
   .tr-delay-01:after {
     -webkit-transition-delay: .1s !important;
     -o-transition-delay: .1s !important;
     transition-delay: .1s !important;
  }

  .tr-delay-02,
  .tr-delay-02:before,
  .tr-delay-02:after {
     -webkit-transition-delay: .2s !important;
     -o-transition-delay: .2s !important;
     transition-delay: .2s !important;
  }

  .tr-delay-03,
  .tr-delay-03:before,
  .tr-delay-03:after {
     -webkit-transition-delay: .3s !important;
     -o-transition-delay: .3s !important;
     transition-delay: .3s !important;
  }

  .tr-delay-04,
  .tr-delay-04:before,
  .tr-delay-04:after {
     -webkit-transition-delay: .4s !important;
     -o-transition-delay: .4s !important;
     transition-delay: .4s !important;
  }

  .tr-delay-05,
  .tr-delay-05:before,
  .tr-delay-05:after {
     -webkit-transition-delay: .5s !important;
     -o-transition-delay: .5s !important;
     transition-delay: .5s !important;
  }

  .tr-delay-06,
  .tr-delay-06:before,
  .tr-delay-06:after {
     -webkit-transition-delay: .6s !important;
     -o-transition-delay: .6s !important;
     transition-delay: .6s !important;
  }

  .tr-delay-07,
  .tr-delay-07:before,
  .tr-delay-07:after {
     -webkit-transition-delay: .7s !important;
     -o-transition-delay: .7s !important;
     transition-delay: .7s !important;
  }

  .tr-delay-08,
  .tr-delay-08:before,
  .tr-delay-08:after {
     -webkit-transition-delay: .8s !important;
     -o-transition-delay: .8s !important;
     transition-delay: .8s !important;
  }

  .tr-delay-09,
  .tr-delay-09:before,
  .tr-delay-09:after {
     -webkit-transition-delay: .9s !important;
     -o-transition-delay: .9s !important;
     transition-delay: .9s !important;
  }

  .tr-delay-10,
  .tr-delay-10:before,
  .tr-delay-10:after {
     -webkit-transition-delay: 1s !important;
     -o-transition-delay: 1s !important;
     transition-delay: 1s !important;
  }

  .swiper-slide .tr-delay-01,
  .swiper-slide .tr-delay-02,
  .swiper-slide .tr-delay-03,
  .swiper-slide .tr-delay-04,
  .swiper-slide .tr-delay-05,
  .swiper-slide .tr-delay-06,
  .swiper-slide .tr-delay-07,
  .swiper-slide .tr-delay-08,
  .swiper-slide .tr-delay-09,
  .swiper-slide .tr-delay-10,
  .swiper-slide .tr-delay-01:before,
  .swiper-slide .tr-delay-02:before,
  .swiper-slide .tr-delay-03:before,
  .swiper-slide .tr-delay-04:before,
  .swiper-slide .tr-delay-05:before,
  .swiper-slide .tr-delay-06:before,
  .swiper-slide .tr-delay-07:before,
  .swiper-slide .tr-delay-08:before,
  .swiper-slide .tr-delay-09:before,
  .swiper-slide .tr-delay-10:before,
  .swiper-slide .tr-delay-01:after,
  .swiper-slide .tr-delay-02:after,
  .swiper-slide .tr-delay-03:after,
  .swiper-slide .tr-delay-04:after,
  .swiper-slide .tr-delay-05:after,
  .swiper-slide .tr-delay-06:after,
  .swiper-slide .tr-delay-07:after,
  .swiper-slide .tr-delay-08:after,
  .swiper-slide .tr-delay-09:after,
  .swiper-slide .tr-delay-10:after {
     -webkit-transition-delay: .7s !important;
     -o-transition-delay: .7s !important;
     transition-delay: .7s !important;
  }

  .swiper-slide.swiper-slide-active .tr-delay-01,
  .swiper-slide.swiper-slide-active .tr-delay-01:before,
  .swiper-slide.swiper-slide-active .tr-delay-01:after {
     -webkit-transition-delay: 1.1s !important;
     -o-transition-delay: 1.1s !important;
     transition-delay: 1.1s !important;
  }

  .swiper-slide.swiper-slide-active .tr-delay-02,
  .swiper-slide.swiper-slide-active .tr-delay-02:before,
  .swiper-slide.swiper-slide-active .tr-delay-02:after {
     -webkit-transition-delay: 1.2s !important;
     -o-transition-delay: 1.2s !important;
     transition-delay: 1.2s !important;
  }

  .swiper-slide.swiper-slide-active .tr-delay-03,
  .swiper-slide.swiper-slide-active .tr-delay-03:before,
  .swiper-slide.swiper-slide-active .tr-delay-03:after {
     -webkit-transition-delay: 1.3s !important;
     -o-transition-delay: 1.3s !important;
     transition-delay: 1.3s !important;
  }

  .swiper-slide.swiper-slide-active .tr-delay-04,
  .swiper-slide.swiper-slide-active .tr-delay-04:before,
  .swiper-slide.swiper-slide-active .tr-delay-04:after {
     -webkit-transition-delay: 1.4s !important;
     -o-transition-delay: 1.4s !important;
     transition-delay: 1.4s !important;
  }

  .swiper-slide.swiper-slide-active .tr-delay-05,
  .swiper-slide.swiper-slide-active .tr-delay-05:before,
  .swiper-slide.swiper-slide-active .tr-delay-05:after {
     -webkit-transition-delay: 1.5s !important;
     -o-transition-delay: 1.5s !important;
     transition-delay: 1.5s !important;
  }

  .swiper-slide.swiper-slide-active .tr-delay-06,
  .swiper-slide.swiper-slide-active .tr-delay-06:before,
  .swiper-slide.swiper-slide-active .tr-delay-06:after {
     -webkit-transition-delay: 1.6s !important;
     -o-transition-delay: 1.6s !important;
     transition-delay: 1.6s !important;
  }

  .swiper-slide.swiper-slide-active .tr-delay-07,
  .swiper-slide.swiper-slide-active .tr-delay-07:before,
  .swiper-slide.swiper-slide-active .tr-delay-07:after {
     -webkit-transition-delay: 1.7s !important;
     -o-transition-delay: 1.7s !important;
     transition-delay: 1.7s !important;
  }

  .swiper-slide.swiper-slide-active .tr-delay-08,
  .swiper-slide.swiper-slide-active .tr-delay-08:before,
  .swiper-slide.swiper-slide-active .tr-delay-08:after {
     -webkit-transition-delay: 1.8s !important;
     -o-transition-delay: 1.8s !important;
     transition-delay: 1.8s !important;
  }

  .swiper-slide.swiper-slide-active .tr-delay-09,
  .swiper-slide.swiper-slide-active .tr-delay-09:before,
  .swiper-slide.swiper-slide-active .tr-delay-09:after {
     -webkit-transition-delay: 1.9s !important;
     -o-transition-delay: 1.9s !important;
     transition-delay: 1.9s !important;
  }

  .swiper-slide.swiper-slide-active .tr-delay-10,
  .swiper-slide.swiper-slide-active .tr-delay-10:before,
  .swiper-slide.swiper-slide-active .tr-delay-10:after {
     -webkit-transition-delay: 2s !important;
     -o-transition-delay: 2s !important;
     transition-delay: 2s !important;
  }


/* 19.2. Image scale animation
   ========================================================================== */

   .anim-img-scale {
     overflow: hidden;
     -webkit-transform: scale(.5);
     -ms-transform: scale(.5);
     transform: scale(.5);
  }

  .anim-img-scale__inner {
     -webkit-transform: scale(1.6);
     -ms-transform: scale(1.6);
     transform: scale(1.6);
  }

  .js-img-scale.js-img-scale-active.anim-img-scale,
  .js-img-scale.js-img-scale-active .anim-img-scale__inner,
  .js-slider-scroll-anim-active .swiper-slide.swiper-slide-active .anim-img-scale,
  .js-slider-scroll-anim-active .swiper-slide.swiper-slide-active .anim-img-scale__inner,
  .js-page-in-anim-active .after-preloader-anim.anim-img-scale,
  .js-page-in-anim-active .after-preloader-anim .anim-img-scale,
  .js-page-in-anim-active .after-preloader-anim .anim-img-scale__inner {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
  }

  .js-img-scale-active.anim-img-scale,
  .after-preloader-anim.anim-img-scale,
  .after-preloader-anim .anim-img-scale {
     -webkit-transition: 1.8s cubic-bezier(.17, .85, .438, .99);
     -o-transition: 1.8s cubic-bezier(.17, .85, .438, .99);
     transition: 1.8s cubic-bezier(.17, .85, .438, .99);
  }

  .swiper-slide .anim-img-scale {
     -webkit-transform: scale(.8);
     -ms-transform: scale(.8);
     transform: scale(.8);
  }

  .js-slider-scroll-anim-active .swiper-slide .anim-img-scale {
     -webkit-transition: 2.2s cubic-bezier(.17, .85, .438, .99);
     -o-transition: 2.2s cubic-bezier(.17, .85, .438, .99);
     transition: 2.2s cubic-bezier(.17, .85, .438, .99);
     -webkit-transition-delay: .5s;
     -o-transition-delay: .5s;
     transition-delay: .5s;
  }

  .js-img-scale-active .anim-img-scale__inner,
  .after-preloader-anim .anim-img-scale__inner {
     -webkit-transition: 1.2s cubic-bezier(.17, .85, .438, .99);
     -o-transition: 1.2s cubic-bezier(.17, .85, .438, .99);
     transition: 1.2s cubic-bezier(.17, .85, .438, .99);
  }

  .swiper-slide .anim-img-scale__inner {
     -webkit-transform: scale(1.5);
     -ms-transform: scale(1.5);
     transform: scale(1.5);
  }

  .js-slider-scroll-anim-active .swiper-slide .anim-img-scale__inner {
     -webkit-transition: 1.9s cubic-bezier(.17, .85, .438, .99);
     -o-transition: 1.9s cubic-bezier(.17, .85, .438, .99);
     transition: 1.9s cubic-bezier(.17, .85, .438, .99);
     -webkit-transition-delay: .5s;
     -o-transition-delay: .5s;
     transition-delay: .5s;
  }

  body .hover-box:hover .anim-img-scale_hover {
     -webkit-transform: scale(.9);
     -ms-transform: scale(.9);
     transform: scale(.9);
     -webkit-transition: 1.8s cubic-bezier(.17, .85, .438, .99);
     -o-transition: 1.8s cubic-bezier(.17, .85, .438, .99);
     transition: 1.8s cubic-bezier(.17, .85, .438, .99);
  }

  .hover-box:hover .anim-img-scale_hover .anim-img-scale__inner {
     -webkit-transform: scale(1.15);
     -ms-transform: scale(1.15);
     transform: scale(1.15);
     -webkit-transition: 1.2s cubic-bezier(.17, .85, .438, .99);
     -o-transition: 1.2s cubic-bezier(.17, .85, .438, .99);
     transition: 1.2s cubic-bezier(.17, .85, .438, .99);
  }


/* 19.3. Image reveal animation
   ========================================================================== */

   .anim-img-reveal {
     overflow: hidden;
     position: relative;
  }

  .anim-img-reveal:before,
  .anim-img-reveal:after,
  .anim-img-reveal__hidden:before,
  .anim-img-reveal__hidden:after {
     content: '';
     position: absolute;
     z-index: 2;
     background-color: #000;
     -webkit-transition: 1s cubic-bezier(.17, .85, .438, .99);
     -o-transition: 1s cubic-bezier(.17, .85, .438, .99);
     transition: 1s cubic-bezier(.17, .85, .438, .99);
  }

  .section-bg-black .anim-img-reveal:before,
  .section-bg-black .anim-img-reveal:after,
  .section-bg-black .anim-img-reveal__hidden:before,
  .section-bg-black .anim-img-reveal__hidden:after,
  body .content-bg-black .anim-img-reveal:before,
  body .content-bg-black .anim-img-reveal:after,
  body .content-bg-black .anim-img-reveal__hidden:before,
  body .content-bg-black .anim-img-reveal__hidden:after {
     background-color: #000;
  }

  .section-bg-white .anim-img-reveal:before,
  .section-bg-white .anim-img-reveal:after,
  .section-bg-white .anim-img-reveal__hidden:before,
  .section-bg-white .anim-img-reveal__hidden:after,
  body .content-bg-white .anim-img-reveal:before,
  body .content-bg-white .anim-img-reveal:after,
  body .content-bg-white .anim-img-reveal__hidden:before,
  body .content-bg-white .anim-img-reveal__hidden:after {
     background-color: #fff;
  }

  .section-bg-light-1 .anim-img-reveal:before,
  .section-bg-light-1 .anim-img-reveal:after,
  .section-bg-light-1 .anim-img-reveal__hidden:before,
  .section-bg-light-1 .anim-img-reveal__hidden:after,
  body .content-bg-light-1 .anim-img-reveal:before,
  body .content-bg-light-1 .anim-img-reveal:after,
  body .content-bg-light-1 .anim-img-reveal__hidden:before,
  body .content-bg-light-1 .anim-img-reveal__hidden:after {
     background-color: var(--bg-light-1);
  }

  .section-bg-light-2 .anim-img-reveal:before,
  .section-bg-light-2 .anim-img-reveal:after,
  .section-bg-light-2 .anim-img-reveal__hidden:before,
  .section-bg-light-2 .anim-img-reveal__hidden:after,
  body .content-bg-light-2 .anim-img-reveal:before,
  body .content-bg-light-2 .anim-img-reveal:after,
  body .content-bg-light-2 .anim-img-reveal__hidden:before,
  body .content-bg-light-2 .anim-img-reveal__hidden:after {
     background-color: var(--bg-light-2);
  }

  .section-bg-dark-1 .anim-img-reveal:before,
  .section-bg-dark-1 .anim-img-reveal:after,
  .section-bg-dark-1 .anim-img-reveal__hidden:before,
  .section-bg-dark-1 .anim-img-reveal__hidden:after,
  body .content-bg-dark-1 .anim-img-reveal:before,
  body .content-bg-dark-1 .anim-img-reveal:after,
  body .content-bg-dark-1 .anim-img-reveal__hidden:before,
  body .content-bg-dark-1 .anim-img-reveal__hidden:after {
     background-color: var(--bg-dark-1);
  }

  .section-bg-dark-2 .anim-img-reveal:before,
  .section-bg-dark-2 .anim-img-reveal:after,
  .section-bg-dark-2 .anim-img-reveal__hidden:before,
  .section-bg-dark-2 .anim-img-reveal__hidden:after,
  body .content-bg-dark-2 .anim-img-reveal:before,
  body .content-bg-dark-2 .anim-img-reveal:after,
  body .content-bg-dark-2 .anim-img-reveal__hidden:before,
  body .content-bg-dark-2 .anim-img-reveal__hidden:after {
     background-color: var(--bg-dark-2);
  }

  .section-bg-turquoise {
   background-color: #4593A0;
  }

  body .content-bg-red .anim-img-reveal:before,
  body .content-bg-red .anim-img-reveal:after,
  body .content-bg-red .anim-img-reveal__hidden:before,
  body .content-bg-red .anim-img-reveal__hidden:after {
     background-color: var(--main-color);
  }

  .anim-img-reveal:before {
     left:  -1%;
     top:   -1%;
     right: -1%;
     bottom: 66%;
  }

  .anim-img-reveal:after {
     left:   -1%;
     right:  -1%;
     bottom: -1%;
     top: 66%;
     -webkit-transition-delay: .2s;
     -o-transition-delay: .2s;
     transition-delay: .2s;
  }

  .anim-img-reveal__hidden:before {
     left: -1%;
     top: 33%;
     right: 49%;
     bottom: 33%;
     -webkit-transition-delay: .1s;
     -o-transition-delay: .1s;
     transition-delay: .1s;
  }

  .anim-img-reveal__hidden:after  {
     left: 49%;
     top: 33%;
     right: -1%;
     bottom: 33%;
     -webkit-transition-delay: .1s;
     -o-transition-delay: .1s;
     transition-delay: .1s;
  }

  .js-scrollanim.js-scrollanim-active.anim-img-reveal:before,
  .js-scrollanim.js-scrollanim-active .anim-img-reveal:before,
  .js-page-in-anim-active .after-preloader-anim.anim-img-reveal:before,
  .js-page-in-anim-active .after-preloader-anim .anim-img-reveal:before,
  .js-scrollanim.js-scrollanim-active .anim-img-reveal__hidden:after,
  .js-page-in-anim-active .after-preloader-anim .anim-img-reveal__hidden:after {
     -webkit-transform: translateX(105%);
     -ms-transform: translateX(105%);
     transform: translateX(105%);
  }

  .js-scrollanim.js-scrollanim-active.anim-img-reveal:after,
  .js-scrollanim.js-scrollanim-active .anim-img-reveal:after,
  .js-page-in-anim-active .after-preloader-anim.anim-img-reveal:after,
  .js-page-in-anim-active .after-preloader-anim .anim-img-reveal:after,
  .js-scrollanim.js-scrollanim-active .anim-img-reveal__hidden:before,
  .js-page-in-anim-active .after-preloader-anim .anim-img-reveal__hidden:before {
     -webkit-transform: translateX(-105%);
     -ms-transform: translateX(-105%);
     transform: translateX(-105%);
  }

  .anim-img-reveal__hidden {
     overflow: hidden;
     border: 1px solid #000;
  }

  .section-bg-black .anim-img-reveal__hidden,
  body .content-bg-black .anim-img-reveal__hidden {
     border: 1px solid #000;
  }

  .section-bg-white .anim-img-reveal__hidden,
  body .content-bg-white .anim-img-reveal__hidden {
     border: 1px solid #fff;
  }

  .section-bg-light-1 .anim-img-reveal__hidden,
  body .content-bg-light-1 .anim-img-reveal__hidden {
     border: 1px solid var(--bg-light-1);
  }

  .section-bg-light-2 .anim-img-reveal__hidden,
  body .content-bg-light-2 .anim-img-reveal__hidden {
     border: 1px solid var(--bg-light-2);
  }

  .section-bg-dark-1 .anim-img-reveal__hidden,
  body .content-bg-dark-1 .anim-img-reveal__hidden {
     border: 1px solid var(--bg-dark-1);
  }

  .section-bg-dark-2 .anim-img-reveal__hidden,
  body .content-bg-dark-2 .anim-img-reveal__hidden {
     border: 1px solid var(--bg-dark-2);
  }

  body .content-bg-red .anim-img-reveal__hidden {
     border: 1px solid var(--main-color);
  }

  .anim-img-reveal__scale {
     -webkit-transform: rotate(10deg) scale(1.4);
     -ms-transform: rotate(10deg) scale(1.4);
     transform: rotate(10deg) scale(1.4);
     -webkit-transition: 1.5s cubic-bezier(.225, 1, .316, .99);
     -o-transition: 1.5s cubic-bezier(.225, 1, .316, .99);
     transition: 1.5s cubic-bezier(.225, 1, .316, .99);
  }

  .js-scrollanim.js-scrollanim-active .anim-img-reveal__scale,
  .js-page-in-anim-active .after-preloader-anim .anim-img-reveal__scale {
     -webkit-transform: rotate(0deg) scale(1);
     -ms-transform: rotate(0deg) scale(1);
     transform: rotate(0deg) scale(1);
  }


/* 19.4. Text reveal animation
   ========================================================================== */

   .anim-text-reveal {
     overflow: hidden;
     position: relative;
  }

  .anim-text-reveal:before {
     content: '';
     position: absolute;
     left:   0;
     top:    0;
     right:  0;
     bottom: 0;
     z-index: 3;
     background-color: #000;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition: 3s cubic-bezier(.225, 1, .316, .99);
     -o-transition: 3s cubic-bezier(.225, 1, .316, .99);
     transition: 3s cubic-bezier(.225, 1, .316, .99);
  }

  .section-bg-black .anim-text-reveal:before,
  body .content-bg-black .anim-text-reveal:before,
  html body .text-bg-black.anim-text-reveal:before {
     background-color: #000;
  }

  .section-bg-white .anim-text-reveal:before,
  body .content-bg-white .anim-text-reveal:before,
  html body .text-bg-white.anim-text-reveal:before {
     background-color: #fff;
  }

  .section-bg-light-1 .anim-text-reveal:before,
  body .content-bg-light-1 .anim-text-reveal:before,
  html body .text-bg-light-1.anim-text-reveal:before {
     background-color: var(--bg-light-1);
  }

  .section-bg-light-2 .anim-text-reveal:before,
  body .content-bg-light-2 .anim-text-reveal:before,
  html body .text-bg-light-2.anim-text-reveal:before {
     background-color: var(--bg-light-2);
  }

  .section-bg-dark-1 .anim-text-reveal:before,
  body .content-bg-dark-1 .anim-text-reveal:before,
  html body .text-bg-dark-1.anim-text-reveal:before {
     background-color: var(--bg-dark-1);
  }

  .section-bg-dark-2 .anim-text-reveal:before,
  body .content-bg-dark-2 .anim-text-reveal:before,
  html body .text-bg-dark-2.anim-text-reveal:before {
     background-color: var(--bg-dark-2);
  }

  body .content-bg-red .anim-text-reveal:before,
  html body .text-bg-red.anim-text-reveal:before {
     background-color: var(--main-color);
  }

  .js-page-in-anim-active .after-preloader-anim.anim-text-reveal:before,
  .js-page-in-anim-active .after-preloader-anim .anim-text-reveal:before,
  .js-scrollanim.js-scrollanim-active.anim-text-reveal:before,
  .js-scrollanim.js-scrollanim-active .anim-text-reveal:before {
     -webkit-transform: translateY(110%);
     -ms-transform: translateY(110%);
     transform: translateY(110%);
  }


/* 19.5. Fade animation
   ========================================================================== */

   .anim-fade {
     display: inline-block;
     opacity: 0;
     -webkit-transform: translateY(30px);
     -ms-transform: translateY(30px);
     transform: translateY(30px);
     -webkit-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     -o-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     transition: 1s cubic-bezier(.767, .01, .18, 1.01);
  }

  .js-page-in-anim-active .after-preloader-anim.anim-fade,
  .js-page-in-anim-active .after-preloader-anim .anim-fade,
  .js-scrollanim.js-scrollanim-active.anim-fade,
  .js-scrollanim.js-scrollanim-active .anim-fade,
  .swiper-slide.swiper-slide-active .anim-fade {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
  }

  .swiper-slide .anim-fade {
     pointer-events: none;
  }

  .swiper-slide.swiper-slide-active .anim-fade {
     pointer-events: auto;
  }

  .swiper-slide .anim-fade {
     -webkit-transition-delay: .7s;
     -o-transition-delay: .7s;
     transition-delay: .7s;
  }

  .swiper-slide.swiper-slide-active .anim-fade {
     -webkit-transition-delay: 1s;
     -o-transition-delay: 1s;
     transition-delay: 1s;
  }


/* 19.6. Slide animation
   ========================================================================== */

   .anim-slide {
     display: inline-block;
     -webkit-transform: translateY(105%);
     -ms-transform: translateY(105%);
     transform: translateY(105%);
     -webkit-transition: 1.6s cubic-bezier(.17, .85, .438, .99);
     -o-transition: 1.6s cubic-bezier(.17, .85, .438, .99);
     transition: 1.6s cubic-bezier(.17, .85, .438, .99);
  }

  .js-page-in-anim-active .after-preloader-anim.anim-slide,
  .js-page-in-anim-active .after-preloader-anim .anim-slide,
  .js-scrollanim.js-scrollanim-active.anim-slide,
  .js-scrollanim.js-scrollanim-active .anim-slide,
  .swiper-slide.swiper-slide-active .anim-slide {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
  }

  .swiper-slide .anim-slide {
     pointer-events: none;
  }

  .swiper-slide.swiper-slide-active .anim-slide {
     pointer-events: auto;
  }

  .swiper-slide .anim-slide {
     -webkit-transition-delay: .7s;
     -o-transition-delay: .7s;
     transition-delay: .7s;
  }

  .swiper-slide.swiper-slide-active .anim-slide {
     -webkit-transition-delay: 1s;
     -o-transition-delay: 1s;
     transition-delay: 1s;
  }


/* 19.7. Text fill animation
   ========================================================================== */

   .anim-text-fill {
     display: inline-block;
     position: relative;
     white-space: nowrap;
     color: transparent !important;
  }

  .anim-text-fill:before {
     content: attr(data-text);
     overflow: hidden;
     width: 0%;
     position: absolute;
     left: 0;
     top: 50%;
     white-space: nowrap;
     color: #fff;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     -webkit-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     -o-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     transition: 1s cubic-bezier(.767, .01, .18, 1.01);
  }

  .js-page-in-anim-active .after-preloader-anim.anim-text-fill:before,
  .js-page-in-anim-active .after-preloader-anim .anim-text-fill:before,
  .js-scrollanim.js-scrollanim-active.anim-text-fill:before,
  .js-scrollanim.js-scrollanim-active .anim-text-fill:before,
  .swiper-slide.swiper-slide-active .anim-text-fill:before {
     width: 100%;
  }

  .swiper-slide .anim-text-fill:before {
     pointer-events: none;
  }

  .swiper-slide.swiper-slide-active .anim-text-fill:before {
     pointer-events: auto;
  }

  .swiper-slide .anim-text-fill:before {
     -webkit-transition-delay: .7s;
     -o-transition-delay: .7s;
     transition-delay: .7s;
  }

  .swiper-slide.swiper-slide-active .anim-text-fill:before {
     -webkit-transition-delay: 1s;
     -o-transition-delay: 1s;
     transition-delay: 1s;
  }


/* 19.8. Overlay animation
   ========================================================================== */

   .anim-overlay {
     display: inline-block;
     overflow: hidden;
     position: relative;
  }

  .anim-overlay:before {
     content: '';
     position: absolute;
     left:   0;
     top:    0;
     right:  0;
     bottom: 0;
     z-index: 3;
     background-color: #000;
     -webkit-transition: 1s cubic-bezier(.858, .01, .068, .99);
     -o-transition: 1s cubic-bezier(.858, .01, .068, .99);
     transition: 1s cubic-bezier(.858, .01, .068, .99);
  }

  .section-bg-black .anim-overlay:before,
  body .content-bg-black .anim-overlay:before,
  html body .text-bg-black.anim-overlay:before {
     background-color: #000;
  }

  .section-bg-white .anim-overlay:before,
  body .content-bg-white .anim-overlay:before,
  html body .text-bg-white.anim-overlay:before {
     background-color: #fff;
  }

  .section-bg-light-1 .anim-overlay:before,
  body .content-bg-light-1 .anim-overlay:before,
  html body .text-bg-light-1.anim-overlay:before {
     background-color: var(--bg-light-1);
  }

  .section-bg-light-2 .anim-overlay:before,
  body .content-bg-light-2 .anim-overlay:before,
  html body .text-bg-light-2.anim-overlay:before {
     background-color: var(--bg-light-2);
  }

  .section-bg-dark-1 .anim-overlay:before,
  body .content-bg-dark-1 .anim-overlay:before,
  html body .text-bg-dark-1.anim-overlay:before {
     background-color: var(--bg-dark-1);
  }

  .section-bg-dark-2 .anim-overlay:before,
  body .content-bg-dark-2 .anim-overlay:before,
  html body .text-bg-dark-2.anim-overlay:before {
     background-color: var(--bg-dark-2);
  }

  body .content-bg-red .anim-overlay:before,
  html body .text-bg-red.anim-overlay:before {
     background-color: var(--main-color);
  }

  .anim-overlay.white:before {
     background-color: #fff !important;
  }

  .anim-overlay.black:before {
     background-color: #000 !important;
  }

  .anim-overlay.red:before {
     background-color: var(--main-color) !important;
  }

  .js-page-in-anim-active .after-preloader-anim.anim-overlay:before,
  .js-page-in-anim-active .after-preloader-anim .anim-overlay:before,
  .js-scrollanim.js-scrollanim-active.anim-overlay:before,
  .js-scrollanim.js-scrollanim-active .anim-overlay:before,
  .swiper-slide.swiper-slide-active .anim-overlay:before {
     -webkit-transform: translateX(105%);
     -ms-transform: translateX(105%);
     transform: translateX(105%);
  }

  .swiper-slide .anim-overlay {
     pointer-events: none;
  }

  .swiper-slide.swiper-slide-active .anim-overlay {
     pointer-events: auto;
  }

  .swiper-slide .anim-overlay:before {
     -webkit-transition-delay: .7s;
     -o-transition-delay: .7s;
     transition-delay: .7s;
  }

  .swiper-slide.swiper-slide-active .anim-overlay:before {
     -webkit-transition-delay: 1s;
     -o-transition-delay: 1s;
     transition-delay: 1s;
  }


/* 19.9. Reveal animation
   ========================================================================== */

   .anim-reveal {
     display: inline-block;
     position: relative;
     -webkit-transform: translateX(-105%);
     -ms-transform: translateX(-105%);
     transform: translateX(-105%);
     -webkit-transition: .5s cubic-bezier(.767, .01, .18, 1.01);
     -o-transition: .5s cubic-bezier(.767, .01, .18, 1.01);
     transition: .5s cubic-bezier(.767, .01, .18, 1.01);
     -webkit-transition-delay: .5s;
     -o-transition-delay: .5s;
     transition-delay: .5s;
  }

  .js-page-in-anim-active .after-preloader-anim.anim-reveal,
  .js-page-in-anim-active .after-preloader-anim .anim-reveal,
  .js-scrollanim.js-scrollanim-active.anim-reveal,
  .js-scrollanim.js-scrollanim-active .anim-reveal,
  .swiper-slide.swiper-slide-active .anim-reveal {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
  }

  .swiper-slide .anim-reveal {
     pointer-events: none;
  }

  .swiper-slide.swiper-slide-active .anim-reveal {
     pointer-events: auto;
  }

  .swiper-slide .anim-reveal {
     -webkit-transition-delay: 1.2s;
     -o-transition-delay: 1.2s;
     transition-delay: 1.2s;
  }

  .swiper-slide.swiper-slide-active .anim-reveal {
     -webkit-transition-delay: 1s;
     -o-transition-delay: 1s;
     transition-delay: 1s;
  }

  .anim-reveal:before {
     content: '';
     width:  100%;
     height: 100%;
     position: absolute;
     left: 0;
     top:  0;
     z-index: 3;
     background-color: #fff;
     -webkit-transition: .5s cubic-bezier(.767, .01, .18, 1.01);
     -o-transition: .5s cubic-bezier(.767, .01, .18, 1.01);
     transition: .5s cubic-bezier(.767, .01, .18, 1.01);
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
  }

  .anim-reveal.black:before {
     background-color: #000;
  }

  .anim-reveal.red:before {
     background-color: var(--main-color);
  }

  .js-page-in-anim-active .after-preloader-anim.anim-reveal:before,
  .js-page-in-anim-active .after-preloader-anim .anim-reveal:before,
  .js-scrollanim.js-scrollanim-active.anim-reveal:before,
  .js-scrollanim.js-scrollanim-active .anim-reveal:before,
  .swiper-slide.swiper-slide-active .anim-reveal:before {
     -webkit-transform: translateX(105%);
     -ms-transform: translateX(105%);
     transform: translateX(105%);
     -webkit-transition-delay: .5s;
     -o-transition-delay: .5s;
     transition-delay: .5s;
  }

  .swiper-slide .anim-reveal:before {
     -webkit-transition-delay: .7s;
     -o-transition-delay: .7s;
     transition-delay: .7s;
  }

  .swiper-slide.swiper-slide-active .anim-reveal:before {
     -webkit-transition-delay: 1.5s;
     -o-transition-delay: 1.5s;
     transition-delay: 1.5s;
  }

/* Reveal animation delays */
.anim-reveal.tr-delay-01:before {
	-webkit-transition-delay: .6s !important;
   -o-transition-delay: .6s !important;
   transition-delay: .6s !important;
}

.anim-reveal.tr-delay-02:before {
	-webkit-transition-delay: .7s !important;
   -o-transition-delay: .7s !important;
   transition-delay: .7s !important;
}

.anim-reveal.tr-delay-03:before {
	-webkit-transition-delay: .8s !important;
   -o-transition-delay: .8s !important;
   transition-delay: .8s !important;
}

.anim-reveal.tr-delay-04:before {
	-webkit-transition-delay: .9s !important;
   -o-transition-delay: .9s !important;
   transition-delay: .9s !important;
}

.anim-reveal.tr-delay-05:before {
	-webkit-transition-delay: 1s !important;
   -o-transition-delay: 1s !important;
   transition-delay: 1s !important;
}

.anim-reveal.tr-delay-06:before {
	-webkit-transition-delay: 1.1s !important;
   -o-transition-delay: 1.1s !important;
   transition-delay: 1.1s !important;
}

.anim-reveal.tr-delay-07:before {
	-webkit-transition-delay: 1.2s !important;
   -o-transition-delay: 1.2s !important;
   transition-delay: 1.2s !important;
}

.anim-reveal.tr-delay-08:before {
	-webkit-transition-delay: 1.3s !important;
   -o-transition-delay: 1.3s !important;
   transition-delay: 1.3s !important;
}

.anim-reveal.tr-delay-09:before {
	-webkit-transition-delay: 1.4s !important;
   -o-transition-delay: 1.4s !important;
   transition-delay: 1.4s !important;
}

.anim-reveal.tr-delay-10:before {
	-webkit-transition-delay: 1.5s !important;
   -o-transition-delay: 1.5s !important;
   transition-delay: 1.5s !important;
}

.swiper-slide .anim-reveal.tr-delay-01,
.swiper-slide .anim-reveal.tr-delay-02,
.swiper-slide .anim-reveal.tr-delay-03,
.swiper-slide .anim-reveal.tr-delay-04,
.swiper-slide .anim-reveal.tr-delay-05,
.swiper-slide .anim-reveal.tr-delay-06,
.swiper-slide .anim-reveal.tr-delay-07,
.swiper-slide .anim-reveal.tr-delay-08,
.swiper-slide .anim-reveal.tr-delay-09,
.swiper-slide .anim-reveal.tr-delay-10 {
	-webkit-transition-delay: 1.2s !important;
   -o-transition-delay: 1.2s !important;
   transition-delay: 1.2s !important;
}

.swiper-slide.swiper-slide-active .anim-reveal.tr-delay-01 {
	-webkit-transition-delay: 1.1s !important;
   -o-transition-delay: 1.1s !important;
   transition-delay: 1.1s !important;
}

.swiper-slide.swiper-slide-active .anim-reveal.tr-delay-02 {
	-webkit-transition-delay: 1.2s !important;
   -o-transition-delay: 1.2s !important;
   transition-delay: 1.2s !important;
}

.swiper-slide.swiper-slide-active .anim-reveal.tr-delay-03 {
	-webkit-transition-delay: 1.3s !important;
   -o-transition-delay: 1.3s !important;
   transition-delay: 1.3s !important;
}

.swiper-slide.swiper-slide-active .anim-reveal.tr-delay-04 {
	-webkit-transition-delay: 1.4s !important;
   -o-transition-delay: 1.4s !important;
   transition-delay: 1.4s !important;
}

.swiper-slide.swiper-slide-active .anim-reveal.tr-delay-05 {
	-webkit-transition-delay: 1.5s !important;
   -o-transition-delay: 1.5s !important;
   transition-delay: 1.5s !important;
}

.swiper-slide.swiper-slide-active .anim-reveal.tr-delay-06 {
	-webkit-transition-delay: 1.6s !important;
   -o-transition-delay: 1.6s !important;
   transition-delay: 1.6s !important;
}

.swiper-slide.swiper-slide-active .anim-reveal.tr-delay-07 {
	-webkit-transition-delay: 1.7s !important;
   -o-transition-delay: 1.7s !important;
   transition-delay: 1.7s !important;
}

.swiper-slide.swiper-slide-active .anim-reveal.tr-delay-08 {
	-webkit-transition-delay: 1.8s !important;
   -o-transition-delay: 1.8s !important;
   transition-delay: 1.8s !important;
}

.swiper-slide.swiper-slide-active .anim-reveal.tr-delay-09 {
	-webkit-transition-delay: 1.9s !important;
   -o-transition-delay: 1.9s !important;
   transition-delay: 1.9s !important;
}

.swiper-slide.swiper-slide-active .anim-reveal.tr-delay-10 {
	-webkit-transition-delay: 2s !important;
   -o-transition-delay: 2s !important;
   transition-delay: 2s !important;
}

.swiper-slide .anim-reveal.tr-delay-01:before,
.swiper-slide .anim-reveal.tr-delay-02:before,
.swiper-slide .anim-reveal.tr-delay-03:before,
.swiper-slide .anim-reveal.tr-delay-04:before,
.swiper-slide .anim-reveal.tr-delay-05:before,
.swiper-slide .anim-reveal.tr-delay-06:before,
.swiper-slide .anim-reveal.tr-delay-07:before,
.swiper-slide .anim-reveal.tr-delay-08:before,
.swiper-slide .anim-reveal.tr-delay-09:before,
.swiper-slide .anim-reveal.tr-delay-10:before {
	-webkit-transition-delay: .7s !important;
   -o-transition-delay: .7s !important;
   transition-delay: .7s !important;
}

.swiper-slide.swiper-slide-active .anim-reveal.tr-delay-01:before {
	-webkit-transition-delay: 1.6s !important;
   -o-transition-delay: 1.6s !important;
   transition-delay: 1.6s !important;
}

.swiper-slide.swiper-slide-active .anim-reveal.tr-delay-02:before {
	-webkit-transition-delay: 1.7s !important;
   -o-transition-delay: 1.7s !important;
   transition-delay: 1.7s !important;
}

.swiper-slide.swiper-slide-active .anim-reveal.tr-delay-03:before {
	-webkit-transition-delay: 1.8s !important;
   -o-transition-delay: 1.8s !important;
   transition-delay: 1.8s !important;
}

.swiper-slide.swiper-slide-active .anim-reveal.tr-delay-04:before {
	-webkit-transition-delay: 1.9s !important;
   -o-transition-delay: 1.9s !important;
   transition-delay: 1.9s !important;
}

.swiper-slide.swiper-slide-active .anim-reveal.tr-delay-05:before {
	-webkit-transition-delay: 2s !important;
   -o-transition-delay: 2s !important;
   transition-delay: 2s !important;
}

.swiper-slide.swiper-slide-active .anim-reveal.tr-delay-06:before {
	-webkit-transition-delay: 2.1s !important;
   -o-transition-delay: 2.1s !important;
   transition-delay: 2.1s !important;
}

.swiper-slide.swiper-slide-active .anim-reveal.tr-delay-07:before {
	-webkit-transition-delay: 2.2s !important;
   -o-transition-delay: 2.2s !important;
   transition-delay: 2.2s !important;
}

.swiper-slide.swiper-slide-active .anim-reveal.tr-delay-08:before {
	-webkit-transition-delay: 2.3s !important;
   -o-transition-delay: 2.3s !important;
   transition-delay: 2.3s !important;
}

.swiper-slide.swiper-slide-active .anim-reveal.tr-delay-09:before {
	-webkit-transition-delay: 2.4s !important;
   -o-transition-delay: 2.4s !important;
   transition-delay: 2.4s !important;
}

.swiper-slide.swiper-slide-active .anim-reveal.tr-delay-10:before {
	-webkit-transition-delay: 2.5s !important;
   -o-transition-delay: 2.5s !important;
   transition-delay: 2.5s !important;
}


/* 19.10. Text double fill animation
   ========================================================================== */

   .anim-text-double-fill {
     display: inline-block;
     position: relative;
     white-space: nowrap;
     color: transparent !important;
  }

  .swiper-slide .anim-text-double-fill {
     pointer-events: none;
  }

  .swiper-slide.swiper-slide-active .anim-text-double-fill {
     pointer-events: auto;
  }

  .anim-text-double-fill:before,
  .anim-text-double-fill:after {
     content: attr(data-text);
     overflow: hidden;
     width: 0%;
     position: absolute;
     left: 0;
     top: 50%;
     white-space: nowrap;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     -webkit-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     -o-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     transition: 1s cubic-bezier(.767, .01, .18, 1.01);
  }

  .anim-text-double-fill:before {
     z-index: 2;
     background-color: #000;
     -webkit-transition-delay: .3s;
     -o-transition-delay: .3s;
     transition-delay: .3s;
  }

  .section-bg-black .anim-text-double-fill:before,
  body .content-bg-black .anim-text-double-fill:before,
  html body .text-bg-black.anim-text-double-fill:before {
     background-color: #000;
  }

  .section-bg-white .anim-text-double-fill:before,
  body .content-bg-white .anim-text-double-fill:before,
  html body .text-bg-white.anim-text-double-fill:before {
     background-color: #fff;
  }

  .section-bg-light-1 .anim-text-double-fill:before,
  body .content-bg-light-1 .anim-text-double-fill:before,
  html body .text-bg-light-1.anim-text-double-fill:before {
     background-color: var(--bg-light-1);
  }

  .section-bg-light-2 .anim-text-double-fill:before,
  body .content-bg-light-2 .anim-text-double-fill:before,
  html body .text-bg-light-2.anim-text-double-fill:before {
     background-color: var(--bg-light-2);
  }

  .section-bg-dark-1 .anim-text-double-fill:before,
  body .content-bg-dark-1 .anim-text-double-fill:before,
  html body .text-bg-dark-1.anim-text-double-fill:before {
     background-color: var(--bg-dark-1);
  }

  .section-bg-dark-2 .anim-text-double-fill:before,
  body .content-bg-dark-2 .anim-text-double-fill:before,
  html body .text-bg-dark-2.anim-text-double-fill:before {
     background-color: var(--bg-dark-2);
  }

  body .content-bg-red .anim-text-double-fill:before,
  html body .text-bg-red.anim-text-double-fill:before {
     background-color: var(--main-color);
  }

  .anim-text-double-fill:after {
     color: #fff;
  }

  .anim-text-double-fill:before {
     color: var(--main-color);
  }

  .anim-text-double-fill.invert:after {
     color: var(--main-color);
  }

  .anim-text-double-fill.invert:before {
     color: #fff;
  }

  .anim-text-double-fill.black:after {
     color: #000;
  }

  .anim-text-double-fill.black:before {
     color: var(--main-color);
  }

  .anim-text-double-fill.black.invert:after {
     color: var(--main-color);
  }

  .anim-text-double-fill.black.invert:before {
     color: #000;
  }

  .js-page-in-anim-active .after-preloader-anim.anim-text-double-fill:before,
  .js-page-in-anim-active .after-preloader-anim.anim-text-double-fill:after,
  .js-page-in-anim-active .after-preloader-anim .anim-text-double-fill:before,
  .js-page-in-anim-active .after-preloader-anim .anim-text-double-fill:after,
  .js-scrollanim.js-scrollanim-active.anim-text-double-fill:before,
  .js-scrollanim.js-scrollanim-active.anim-text-double-fill:after,
  .js-scrollanim.js-scrollanim-active .anim-text-double-fill:before,
  .js-scrollanim.js-scrollanim-active .anim-text-double-fill:after,
  .swiper-slide.swiper-slide-active .anim-text-double-fill:before,
  .swiper-slide.swiper-slide-active .anim-text-double-fill:after {
     width: 100%;
  }

  .swiper-slide .anim-text-double-fill:after,
  .swiper-slide.swiper-slide-active .anim-text-double-fill:after {
     -webkit-transition-delay: 1s;
     -o-transition-delay: 1s;
     transition-delay: 1s;
  }

  .swiper-slide .anim-text-double-fill:before {
     -webkit-transition-delay: .7s;
     -o-transition-delay: .7s;
     transition-delay: .7s;
  }

  .swiper-slide.swiper-slide-active .anim-text-double-fill:before {
     -webkit-transition-delay: 1.3s;
     -o-transition-delay: 1.3s;
     transition-delay: 1.3s;
  }

/* Text double fill delays */
.tr-delay-01.anim-text-double-fill:before {
	-webkit-transition-delay: .4s !important;
   -o-transition-delay: .4s !important;
   transition-delay: .4s !important;
}

.tr-delay-02.anim-text-double-fill:before {
	-webkit-transition-delay: .5s !important;
   -o-transition-delay: .5s !important;
   transition-delay: .5s !important;
}

.tr-delay-03.anim-text-double-fill:before {
	-webkit-transition-delay: .6s !important;
   -o-transition-delay: .6s !important;
   transition-delay: .6s !important;
}

.tr-delay-04.anim-text-double-fill:before {
	-webkit-transition-delay: .7s !important;
   -o-transition-delay: .7s !important;
   transition-delay: .7s !important;
}

.tr-delay-05.anim-text-double-fill:before {
	-webkit-transition-delay: .8s !important;
   -o-transition-delay: .8s !important;
   transition-delay: .8s !important;
}

.tr-delay-06.anim-text-double-fill:before {
	-webkit-transition-delay: .9s !important;
   -o-transition-delay: .9s !important;
   transition-delay: .9s !important;
}

.tr-delay-07.anim-text-double-fill:before {
	-webkit-transition-delay: 1s !important;
   -o-transition-delay: 1s !important;
   transition-delay: 1s !important;
}

.tr-delay-08.anim-text-double-fill:before {
	-webkit-transition-delay: 1.1s !important;
   -o-transition-delay: 1.1s !important;
   transition-delay: 1.1s !important;
}

.tr-delay-09.anim-text-double-fill:before {
	-webkit-transition-delay: 1.2s !important;
   -o-transition-delay: 1.2s !important;
   transition-delay: 1.2s !important;
}

.tr-delay-10.anim-text-double-fill:before {
	-webkit-transition-delay: 1.3s !important;
   -o-transition-delay: 1.3s !important;
   transition-delay: 1.3s !important;
}

.swiper-slide .tr-delay-01.anim-text-double-fill:after,
.swiper-slide .tr-delay-02.anim-text-double-fill:after,
.swiper-slide .tr-delay-03.anim-text-double-fill:after,
.swiper-slide .tr-delay-04.anim-text-double-fill:after,
.swiper-slide .tr-delay-05.anim-text-double-fill:after,
.swiper-slide .tr-delay-06.anim-text-double-fill:after,
.swiper-slide .tr-delay-07.anim-text-double-fill:after,
.swiper-slide .tr-delay-08.anim-text-double-fill:after,
.swiper-slide .tr-delay-09.anim-text-double-fill:after,
.swiper-slide .tr-delay-10.anim-text-double-fill:after {
	-webkit-transition-delay: 1s !important;
   -o-transition-delay: 1s !important;
   transition-delay: 1s !important;
}

.swiper-slide .tr-delay-01.anim-text-double-fill:before,
.swiper-slide .tr-delay-02.anim-text-double-fill:before,
.swiper-slide .tr-delay-03.anim-text-double-fill:before,
.swiper-slide .tr-delay-04.anim-text-double-fill:before,
.swiper-slide .tr-delay-05.anim-text-double-fill:before,
.swiper-slide .tr-delay-06.anim-text-double-fill:before,
.swiper-slide .tr-delay-07.anim-text-double-fill:before,
.swiper-slide .tr-delay-08.anim-text-double-fill:before,
.swiper-slide .tr-delay-09.anim-text-double-fill:before,
.swiper-slide .tr-delay-10.anim-text-double-fill:before {
	-webkit-transition-delay: .7s !important;
   -o-transition-delay: .7s !important;
   transition-delay: .7s !important;
}

.swiper-slide.swiper-slide-active .tr-delay-01.anim-text-double-fill:after {
	-webkit-transition-delay: 1.1s !important;
   -o-transition-delay: 1.1s !important;
   transition-delay: 1.1s !important;
}

.swiper-slide.swiper-slide-active .tr-delay-02.anim-text-double-fill:after {
	-webkit-transition-delay: 1.2s !important;
   -o-transition-delay: 1.2s !important;
   transition-delay: 1.2s !important;
}

.swiper-slide.swiper-slide-active .tr-delay-03.anim-text-double-fill:after {
	-webkit-transition-delay: 1.3s !important;
   -o-transition-delay: 1.3s !important;
   transition-delay: 1.3s !important;
}

.swiper-slide.swiper-slide-active .tr-delay-04.anim-text-double-fill:after {
	-webkit-transition-delay: 1.4s !important;
   -o-transition-delay: 1.4s !important;
   transition-delay: 1.4s !important;
}

.swiper-slide.swiper-slide-active .tr-delay-05.anim-text-double-fill:after {
	-webkit-transition-delay: 1.5s !important;
   -o-transition-delay: 1.5s !important;
   transition-delay: 1.5s !important;
}

.swiper-slide.swiper-slide-active .tr-delay-06.anim-text-double-fill:after {
	-webkit-transition-delay: 1.6s !important;
   -o-transition-delay: 1.6s !important;
   transition-delay: 1.6s !important;
}

.swiper-slide.swiper-slide-active .tr-delay-07.anim-text-double-fill:after {
	-webkit-transition-delay: 1.7s !important;
   -o-transition-delay: 1.7s !important;
   transition-delay: 1.7s !important;
}

.swiper-slide.swiper-slide-active .tr-delay-08.anim-text-double-fill:after {
	-webkit-transition-delay: 1.8s !important;
   -o-transition-delay: 1.8s !important;
   transition-delay: 1.8s !important;
}

.swiper-slide.swiper-slide-active .tr-delay-09.anim-text-double-fill:after {
	-webkit-transition-delay: 1.9s !important;
   -o-transition-delay: 1.9s !important;
   transition-delay: 1.9s !important;
}

.swiper-slide.swiper-slide-active .tr-delay-10.anim-text-double-fill:after {
	-webkit-transition-delay: 2s !important;
   -o-transition-delay: 2s !important;
   transition-delay: 2s !important;
}

.swiper-slide.swiper-slide-active .tr-delay-01.anim-text-double-fill:before {
	-webkit-transition-delay: 1.4s !important;
   -o-transition-delay: 1.4s !important;
   transition-delay: 1.4s !important;
}

.swiper-slide.swiper-slide-active .tr-delay-02.anim-text-double-fill:before {
	-webkit-transition-delay: 1.5s !important;
   -o-transition-delay: 1.5s !important;
   transition-delay: 1.5s !important;
}

.swiper-slide.swiper-slide-active .tr-delay-03.anim-text-double-fill:before {
	-webkit-transition-delay: 1.6s !important;
   -o-transition-delay: 1.6s !important;
   transition-delay: 1.6s !important;
}

.swiper-slide.swiper-slide-active .tr-delay-04.anim-text-double-fill:before {
	-webkit-transition-delay: 1.7s !important;
   -o-transition-delay: 1.7s !important;
   transition-delay: 1.7s !important;
}

.swiper-slide.swiper-slide-active .tr-delay-05.anim-text-double-fill:before {
	-webkit-transition-delay: 1.8s !important;
   -o-transition-delay: 1.8s !important;
   transition-delay: 1.8s !important;
}

.swiper-slide.swiper-slide-active .tr-delay-06.anim-text-double-fill:before {
	-webkit-transition-delay: 1.9s !important;
   -o-transition-delay: 1.9s !important;
   transition-delay: 1.9s !important;
}

.swiper-slide.swiper-slide-active .tr-delay-07.anim-text-double-fill:before {
	-webkit-transition-delay: 2s !important;
   -o-transition-delay: 2s !important;
   transition-delay: 2s !important;
}

.swiper-slide.swiper-slide-active .tr-delay-08.anim-text-double-fill:before {
	-webkit-transition-delay: 2.1s !important;
   -o-transition-delay: 2.1s !important;
   transition-delay: 2.1s !important;
}

.swiper-slide.swiper-slide-active .tr-delay-09.anim-text-double-fill:before {
	-webkit-transition-delay: 2.2s !important;
   -o-transition-delay: 2.2s !important;
   transition-delay: 2.2s !important;
}

.swiper-slide.swiper-slide-active .tr-delay-10.anim-text-double-fill:before {
	-webkit-transition-delay: 2.3s !important;
   -o-transition-delay: 2.3s !important;
   transition-delay: 2.3s !important;
}


/* 19.11. Progress bar
   ========================================================================== */

   .progress-bar {
     overflow: hidden;
     position: relative;
  }

  .progress-bar__counter {
     position: absolute;
     top:   0;
     right: 0;
  }

  .progress-bar__lines-box {
     overflow: hidden;
     height: 1px;
     margin-top: 6px;
     position: relative;
     background-color: rgba(250, 250, 250, .2);
  }

  .progress-bar__lines-box.black {
     background-color: rgba(0, 0, 0, .2);
  }

  .progress-bar__line {
     width: 0;
     height: 1px;
     position: absolute;
     left: 0px;
     top:  0px;
     background-color: #fff;
     -webkit-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     transform: translateX(-100%);
     -webkit-transition: 1.7s cubic-bezier(.858, .01, .068, .99);
     -o-transition: 1.7s cubic-bezier(.858, .01, .068, .99);
     transition: 1.7s cubic-bezier(.858, .01, .068, .99);
  }

  .progress-bar__line.black {
     background-color: #000;
  }

  .progress-bar__line.red {
     background-color: var(--main-color);
  }

  .js-scrollanim.js-scrollanim-active .progress-bar__line {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
  }


/* 19.12. Border animations
   ========================================================================== */

/* 19.12.1. Border left animation
   ========================================================================== */

   .border-left-anim:before {
     content: '';
     display: inline-block;
     width: 1px;
     height: 100%;
     position: absolute;
     left: 0;
     top:  0;
     background-color: #fff;
     -webkit-transform: scaleY(0);
     -ms-transform: scaleY(0);
     transform: scaleY(0);
     -webkit-transform-origin: bottom;
     -ms-transform-origin: bottom;
     transform-origin: bottom;
     -webkit-transition: 1s cubic-bezier(.225, 1, .316, .99);
     -o-transition: 1s cubic-bezier(.225, 1, .316, .99);
     transition: 1s cubic-bezier(.225, 1, .316, .99);
  }

  .border-left-anim.black:before {
     background-color: #000;
  }

  .border-left-anim.red:before {
     background-color: var(--main-color);
  }

  .border-left-anim.in-10px:before {
     left: 10px;
     top:  10px;
     height: calc(100% - 20px);
  }

  .border-left-anim.reverse:before {
     -webkit-transform-origin: top;
     -ms-transform-origin: top;
     transform-origin: top;
  }

  .border-left-anim.center:before {
     -webkit-transform-origin: center;
     -ms-transform-origin: center;
     transform-origin: center;
  }

  .hover-box:hover .border-left-anim:before {
     -webkit-transform: scaleY(1);
     -ms-transform: scaleY(1);
     transform: scaleY(1);
  }

  .swiper-slide .hover-box:hover .border-left-anim:before,
  .swiper-slide.hover-box:hover .border-left-anim:before {
     -webkit-transform: scaleY(0);
     -ms-transform: scaleY(0);
     transform: scaleY(0);
  }

  .swiper-slide.swiper-slide-active .hover-box:hover .border-left-anim:before,
  .swiper-slide.swiper-slide-active.hover-box:hover .border-left-anim:before {
     -webkit-transform: scaleY(1);
     -ms-transform: scaleY(1);
     transform: scaleY(1);
  }


/* 19.12.2. Border right animation
   ========================================================================== */

   .border-right-anim:before {
     content: '';
     display: inline-block;
     width: 1px;
     height: 100%;
     position: absolute;
     top:   0;
     right: 0;
     background-color: #fff;
     -webkit-transform: scaleY(0);
     -ms-transform: scaleY(0);
     transform: scaleY(0);
     -webkit-transform-origin: top;
     -ms-transform-origin: top;
     transform-origin: top;
     -webkit-transition: 1s cubic-bezier(.225, 1, .316, .99);
     -o-transition: 1s cubic-bezier(.225, 1, .316, .99);
     transition: 1s cubic-bezier(.225, 1, .316, .99);
  }

  .border-right-anim.black:before {
     background-color: #000;
  }

  .border-right-anim.red:before {
     background-color: var(--main-color);
  }

  .border-right-anim.in-10px:before {
     height: calc(100% - 20px);
     top:   10px;
     right: 10px;
  }

  .border-right-anim.reverse:before {
     -webkit-transform-origin: bottom;
     -ms-transform-origin: bottom;
     transform-origin: bottom;
  }

  .border-right-anim.center:before {
     -webkit-transform-origin: center;
     -ms-transform-origin: center;
     transform-origin: center;
  }

  .hover-box:hover .border-right-anim:before {
     -webkit-transform: scaleY(1);
     -ms-transform: scaleY(1);
     transform: scaleY(1);
  }

  .swiper-slide .hover-box:hover .border-right-anim:before,
  .swiper-slide.hover-box:hover .border-right-anim:before {
     -webkit-transform: scaleY(0);
     -ms-transform: scaleY(0);
     transform: scaleY(0);
  }

  .swiper-slide.swiper-slide-active .hover-box:hover .border-right-anim:before,
  .swiper-slide.swiper-slide-active.hover-box:hover .border-right-anim:before {
     -webkit-transform: scaleY(1);
     -ms-transform: scaleY(1);
     transform: scaleY(1);
  }


/* 19.12.3. Border top animation
   ========================================================================== */

   .border-top-anim:before {
     content: '';
     display: inline-block;
     width: 100%;
     height: 1px;
     position: absolute;
     left: 0;
     top:  0;
     background-color: #fff;
     -webkit-transform: scaleX(0);
     -ms-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transform-origin: left;
     -ms-transform-origin: left;
     transform-origin: left;
     -webkit-transition: 1s cubic-bezier(.225, 1, .316, .99);
     -o-transition: 1s cubic-bezier(.225, 1, .316, .99);
     transition: 1s cubic-bezier(.225, 1, .316, .99);
  }

  .border-top-anim.black:before {
     background-color: #000;
  }

  .border-top-anim.red:before {
     background-color: var(--main-color);
  }

  .border-top-anim.in-10px:before {
     width: calc(100% - 20px);
     left: 10px;
     top:  10px;
  }

  .border-top-anim.reverse:before {
     -webkit-transform-origin: right;
     -ms-transform-origin: right;
     transform-origin: right;
  }

  .border-top-anim.center:before {
     -webkit-transform-origin: center;
     -ms-transform-origin: center;
     transform-origin: center;
  }

  .hover-box:hover .border-top-anim:before {
     -webkit-transform: scaleX(1);
     -ms-transform: scaleX(1);
     transform: scaleX(1);
  }

  .swiper-slide .hover-box:hover .border-top-anim:before,
  .swiper-slide.hover-box:hover .border-top-anim:before {
     -webkit-transform: scaleX(0);
     -ms-transform: scaleX(0);
     transform: scaleX(0);
  }

  .swiper-slide.swiper-slide-active .hover-box:hover .border-top-anim:before,
  .swiper-slide.swiper-slide-active.hover-box:hover .border-top-anim:before {
     -webkit-transform: scaleX(1);
     -ms-transform: scaleX(1);
     transform: scaleX(1);
  }


/* 19.12.4. Border bottom animation
   ========================================================================== */

   .border-bottom-anim:before {
     content: '';
     display: inline-block;
     width: 100%;
     height: 1px;
     position: absolute;
     right:  0;
     bottom: 0;
     background-color: #fff;
     -webkit-transform: scaleX(0);
     -ms-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transform-origin: right;
     -ms-transform-origin: right;
     transform-origin: right;
     -webkit-transition: 1s cubic-bezier(.225, 1, .316, .99);
     -o-transition: 1s cubic-bezier(.225, 1, .316, .99);
     transition: 1s cubic-bezier(.225, 1, .316, .99);
  }

  .border-bottom-anim.black:before {
     background-color: #000;
  }

  .border-bottom-anim.red:before {
     background-color: var(--main-color);
  }

  .border-bottom-anim.in-10px:before {
     width: calc(100% - 20px);
     right:  10px;
     bottom: 10px;
  }

  .border-bottom-anim.reverse:before {
     -webkit-transform-origin: left;
     -ms-transform-origin: left;
     transform-origin: left;
  }

  .border-bottom-anim.center:before {
     -webkit-transform-origin: center;
     -ms-transform-origin: center;
     transform-origin: center;
  }

  .hover-box:hover .border-bottom-anim:before {
     -webkit-transform: scaleX(1);
     -ms-transform: scaleX(1);
     transform: scaleX(1);
  }

  .swiper-slide .hover-box:hover .border-bottom-anim:before,
  .swiper-slide.hover-box:hover .border-bottom-anim:before {
     -webkit-transform: scaleX(0);
     -ms-transform: scaleX(0);
     transform: scaleX(0);
  }

  .swiper-slide.swiper-slide-active .hover-box:hover .border-bottom-anim:before,
  .swiper-slide.swiper-slide-active.hover-box:hover .border-bottom-anim:before {
     -webkit-transform: scaleX(1);
     -ms-transform: scaleX(1);
     transform: scaleX(1);
  }





/* ==========================================================================
   20. Content hover effects
   ========================================================================== */

/* 20.1. Content hover delays
   ========================================================================== */

   .js-no-touch .hover-box .hover-fade.tr-delay-01,
   .js-no-touch .hover-box .hover-fade.tr-delay-02,
   .js-no-touch .hover-box .hover-fade.tr-delay-03,
   .js-no-touch .hover-box .hover-fade.tr-delay-04,
   .js-no-touch .hover-box .hover-fade.tr-delay-05,
   .js-no-touch .hover-box .hover-fade.tr-delay-06,
   .js-no-touch .hover-box .hover-fade.tr-delay-07,
   .js-no-touch .hover-box .hover-fade.tr-delay-08,
   .js-no-touch .hover-box .hover-fade.tr-delay-09,
   .js-no-touch .hover-box .hover-fade.tr-delay-10,
   .js-no-touch .hover-box .hover-text-fill.tr-delay-01:before,
   .js-no-touch .hover-box .hover-text-fill.tr-delay-02:before,
   .js-no-touch .hover-box .hover-text-fill.tr-delay-03:before,
   .js-no-touch .hover-box .hover-text-fill.tr-delay-04:before,
   .js-no-touch .hover-box .hover-text-fill.tr-delay-05:before,
   .js-no-touch .hover-box .hover-text-fill.tr-delay-06:before,
   .js-no-touch .hover-box .hover-text-fill.tr-delay-07:before,
   .js-no-touch .hover-box .hover-text-fill.tr-delay-08:before,
   .js-no-touch .hover-box .hover-text-fill.tr-delay-09:before,
   .js-no-touch .hover-box .hover-text-fill.tr-delay-10:before,
   .js-no-touch .hover-box .hover-reveal.tr-delay-01,
   .js-no-touch .hover-box .hover-reveal.tr-delay-02,
   .js-no-touch .hover-box .hover-reveal.tr-delay-03,
   .js-no-touch .hover-box .hover-reveal.tr-delay-04,
   .js-no-touch .hover-box .hover-reveal.tr-delay-05,
   .js-no-touch .hover-box .hover-reveal.tr-delay-06,
   .js-no-touch .hover-box .hover-reveal.tr-delay-07,
   .js-no-touch .hover-box .hover-reveal.tr-delay-08,
   .js-no-touch .hover-box .hover-reveal.tr-delay-09,
   .js-no-touch .hover-box .hover-reveal.tr-delay-10,
   .js-no-touch .hover-box .hover-reveal.tr-delay-01:before,
   .js-no-touch .hover-box .hover-reveal.tr-delay-02:before,
   .js-no-touch .hover-box .hover-reveal.tr-delay-03:before,
   .js-no-touch .hover-box .hover-reveal.tr-delay-04:before,
   .js-no-touch .hover-box .hover-reveal.tr-delay-05:before,
   .js-no-touch .hover-box .hover-reveal.tr-delay-06:before,
   .js-no-touch .hover-box .hover-reveal.tr-delay-07:before,
   .js-no-touch .hover-box .hover-reveal.tr-delay-08:before,
   .js-no-touch .hover-box .hover-reveal.tr-delay-09:before,
   .js-no-touch .hover-box .hover-reveal.tr-delay-10:before,
   .js-no-touch .hover-box .hover-slide.tr-delay-01,
   .js-no-touch .hover-box .hover-slide.tr-delay-02,
   .js-no-touch .hover-box .hover-slide.tr-delay-03,
   .js-no-touch .hover-box .hover-slide.tr-delay-04,
   .js-no-touch .hover-box .hover-slide.tr-delay-05,
   .js-no-touch .hover-box .hover-slide.tr-delay-06,
   .js-no-touch .hover-box .hover-slide.tr-delay-07,
   .js-no-touch .hover-box .hover-slide.tr-delay-08,
   .js-no-touch .hover-box .hover-slide.tr-delay-09,
   .js-no-touch .hover-box .hover-slide.tr-delay-10 {
     -webkit-transition-delay: 0s !important;
     -o-transition-delay: 0s !important;
     transition-delay: 0s !important;
  }

  .js-no-touch .hover-box:hover .hover-fade.tr-delay-01,
  .js-no-touch .hover-box:hover .hover-text-fill.tr-delay-01:before,
  .js-no-touch .hover-box:hover .hover-reveal.tr-delay-01,
  .js-no-touch .hover-box:hover .hover-reveal.tr-delay-01:before,
  .js-no-touch .hover-box:hover .hover-slide.tr-delay-01 {
     -webkit-transition-delay: .1s !important;
     -o-transition-delay: .1s !important;
     transition-delay: .1s !important;
  }

  .js-no-touch .hover-box:hover .hover-fade.tr-delay-02,
  .js-no-touch .hover-box:hover .hover-text-fill.tr-delay-02:before,
  .js-no-touch .hover-box:hover .hover-reveal.tr-delay-02,
  .js-no-touch .hover-box:hover .hover-reveal.tr-delay-02:before,
  .js-no-touch .hover-box:hover .hover-slide.tr-delay-02 {
     -webkit-transition-delay: .2s !important;
     -o-transition-delay: .2s !important;
     transition-delay: .2s !important;
  }

  .js-no-touch .hover-box:hover .hover-fade.tr-delay-03,
  .js-no-touch .hover-box:hover .hover-text-fill.tr-delay-03:before,
  .js-no-touch .hover-box:hover .hover-reveal.tr-delay-03,
  .js-no-touch .hover-box:hover .hover-reveal.tr-delay-03:before,
  .js-no-touch .hover-box:hover .hover-slide.tr-delay-03 {
     -webkit-transition-delay: .3s !important;
     -o-transition-delay: .3s !important;
     transition-delay: .3s !important;
  }

  .js-no-touch .hover-box:hover .hover-fade.tr-delay-04,
  .js-no-touch .hover-box:hover .hover-text-fill.tr-delay-04:before,
  .js-no-touch .hover-box:hover .hover-reveal.tr-delay-04,
  .js-no-touch .hover-box:hover .hover-reveal.tr-delay-04:before,
  .js-no-touch .hover-box:hover .hover-slide.tr-delay-04 {
     -webkit-transition-delay: .4s !important;
     -o-transition-delay: .4s !important;
     transition-delay: .4s !important;
  }

  .js-no-touch .hover-box:hover .hover-fade.tr-delay-05,
  .js-no-touch .hover-box:hover .hover-text-fill.tr-delay-05:before,
  .js-no-touch .hover-box:hover .hover-reveal.tr-delay-05,
  .js-no-touch .hover-box:hover .hover-reveal.tr-delay-05:before,
  .js-no-touch .hover-box:hover .hover-slide.tr-delay-05 {
     -webkit-transition-delay: .5s !important;
     -o-transition-delay: .5s !important;
     transition-delay: .5s !important;
  }

  .js-no-touch .hover-box:hover .hover-fade.tr-delay-06,
  .js-no-touch .hover-box:hover .hover-text-fill.tr-delay-06:before,
  .js-no-touch .hover-box:hover .hover-reveal.tr-delay-06,
  .js-no-touch .hover-box:hover .hover-reveal.tr-delay-06:before,
  .js-no-touch .hover-box:hover .hover-slide.tr-delay-06 {
     -webkit-transition-delay: .6s !important;
     -o-transition-delay: .6s !important;
     transition-delay: .6s !important;
  }

  .js-no-touch .hover-box:hover .hover-fade.tr-delay-07,
  .js-no-touch .hover-box:hover .hover-text-fill.tr-delay-07:before,
  .js-no-touch .hover-box:hover .hover-reveal.tr-delay-07,
  .js-no-touch .hover-box:hover .hover-reveal.tr-delay-07:before,
  .js-no-touch .hover-box:hover .hover-slide.tr-delay-07 {
     -webkit-transition-delay: .7s !important;
     -o-transition-delay: .7s !important;
     transition-delay: .7s !important;
  }

  .js-no-touch .hover-box:hover .hover-fade.tr-delay-08,
  .js-no-touch .hover-box:hover .hover-text-fill.tr-delay-08:before,
  .js-no-touch .hover-box:hover .hover-reveal.tr-delay-08,
  .js-no-touch .hover-box:hover .hover-reveal.tr-delay-08:before,
  .js-no-touch .hover-box:hover .hover-slide.tr-delay-08 {
     -webkit-transition-delay: .8s !important;
     -o-transition-delay: .8s !important;
     transition-delay: .8s !important;
  }

  .js-no-touch .hover-box:hover .hover-fade.tr-delay-09,
  .js-no-touch .hover-box:hover .hover-text-fill.tr-delay-09:before,
  .js-no-touch .hover-box:hover .hover-reveal.tr-delay-09,
  .js-no-touch .hover-box:hover .hover-reveal.tr-delay-09:before,
  .js-no-touch .hover-box:hover .hover-slide.tr-delay-09 {
     -webkit-transition-delay: .9s !important;
     -o-transition-delay: .9s !important;
     transition-delay: .9s !important;
  }

  .js-no-touch .hover-box:hover .hover-fade.tr-delay-10,
  .js-no-touch .hover-box:hover .hover-text-fill.tr-delay-10:before,
  .js-no-touch .hover-box:hover .hover-reveal.tr-delay-10,
  .js-no-touch .hover-box:hover .hover-reveal.tr-delay-10:before,
  .js-no-touch .hover-box:hover .hover-slide.tr-delay-10 {
     -webkit-transition-delay: 1s !important;
     -o-transition-delay: 1s !important;
     transition-delay: 1s !important;
  }


/* 20.2. Fade hover
   ========================================================================== */

   .hover-fade {
     display: inline-block;
     opacity: 0;
     -webkit-transform: translateY(30px);
     -ms-transform: translateY(30px);
     transform: translateY(30px);
     -webkit-transition: 1s cubic-bezier(.225, 1, .316, .99);
     -o-transition: 1s cubic-bezier(.225, 1, .316, .99);
     transition: 1s cubic-bezier(.225, 1, .316, .99);
  }

  .hover-box:hover .hover-fade {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
  }

  .swiper-slide .hover-fade {
     pointer-events: none;
  }

  .swiper-slide.swiper-slide-active .hover-fade {
     pointer-events: auto;
  }

  .js-no-touch .swiper-slide.hover-box:hover .hover-fade,
  .js-no-touch .swiper-slide .hover-box:hover .hover-fade {
     opacity: 0;
     -webkit-transform: translateY(30px);
     -ms-transform: translateY(30px);
     transform: translateY(30px);
  }

  .js-no-touch .swiper-slide.swiper-slide-active.hover-box:hover .hover-fade,
  .js-no-touch .swiper-slide.swiper-slide-active .hover-box:hover .hover-fade {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
  }

  .js-touch .swiper-slide .hover-fade {
     -webkit-transition-delay: .7s;
     -o-transition-delay: .7s;
     transition-delay: .7s;
  }

  .js-touch .swiper-slide.swiper-slide-active .hover-fade {
     -webkit-transition-delay: 1s;
     -o-transition-delay: 1s;
     transition-delay: 1s;
  }

  .js-touch body .swiper-slide .hover-fade {
     opacity: 0;
     -webkit-transform: translateY(30px);
     -ms-transform: translateY(30px);
     transform: translateY(30px);
  }

  .js-touch .swiper-slide.swiper-slide-active .hover-fade {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
  }

  .js-touch .js-touch-hover-scroll.hover-box:hover .hover-fade {
     opacity: 0;
     -webkit-transform: translateY(30px);
     -ms-transform: translateY(30px);
     transform: translateY(30px);
  }

  .js-touch body .js-touch-hover-scroll.js-hover-active.hover-box .hover-fade {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
  }


/* 20.3. Slide hover
   ========================================================================== */

   .hover-slide {
     display: inline-block;
     -webkit-transform: translateY(105%);
     -ms-transform: translateY(105%);
     transform: translateY(105%);
     -webkit-transition: 1s cubic-bezier(.17, .85, .438, .99);
     -o-transition: 1s cubic-bezier(.17, .85, .438, .99);
     transition: 1s cubic-bezier(.17, .85, .438, .99);
  }

  .hover-box:hover .hover-slide {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition: 1.6s cubic-bezier(.17, .85, .438, .99);
     -o-transition: 1.6s cubic-bezier(.17, .85, .438, .99);
     transition: 1.6s cubic-bezier(.17, .85, .438, .99);
  }

  .swiper-slide .hover-slide {
     pointer-events: none;
  }

  .swiper-slide.swiper-slide-active .hover-slide {
     pointer-events: auto;
  }

  .js-no-touch .swiper-slide.hover-box:hover .hover-slide,
  .js-no-touch .swiper-slide .hover-box:hover .hover-slide {
     -webkit-transform: translateY(105%);
     -ms-transform: translateY(105%);
     transform: translateY(105%);
  }

  .js-no-touch .swiper-slide.swiper-slide-active.hover-box:hover .hover-slide,
  .js-no-touch .swiper-slide.swiper-slide-active .hover-box:hover .hover-slide {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
  }

  .js-touch .swiper-slide .hover-slide {
     -webkit-transition-delay: .7s;
     -o-transition-delay: .7s;
     transition-delay: .7s;
  }

  .js-touch .swiper-slide.swiper-slide-active .hover-slide {
     -webkit-transition-delay: 1s;
     -o-transition-delay: 1s;
     transition-delay: 1s;
  }

  .js-touch body .swiper-slide .hover-slide {
     -webkit-transform: translateY(105%);
     -ms-transform: translateY(105%);
     transform: translateY(105%);
  }

  .js-touch .swiper-slide.swiper-slide-active .hover-slide {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
  }

  .js-touch .js-touch-hover-scroll.hover-box:hover .hover-slide {
     -webkit-transform: translateY(105%);
     -ms-transform: translateY(105%);
     transform: translateY(105%);
  }

  .js-touch body .js-touch-hover-scroll.js-hover-active.hover-box .hover-slide {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
  }


/* 20.4. Text fill hover
   ========================================================================== */

   .hover-text-fill {
     display: inline-block;
     position: relative;
     white-space: nowrap;
     color: transparent !important;
  }

  .swiper-slide .hover-text-fill {
     pointer-events: none;
  }

  .swiper-slide.swiper-slide-active .hover-text-fill {
     pointer-events: auto;
  }

  .hover-text-fill:before {
     content: attr(data-text);
     overflow: hidden;
     width: 0%;
     position: absolute;
     left: 0;
     top: 50%;
     white-space: nowrap;
     color: #fff;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     -webkit-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     -o-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
     transition: 1s cubic-bezier(.767, .01, .18, 1.01);
  }

  .hover-box:hover .hover-text-fill:before {
     width: 100%;
  }

  .js-no-touch .swiper-slide.hover-box:hover .hover-text-fill:before,
  .js-no-touch .swiper-slide .hover-box:hover .hover-text-fill:before {
     width: 0%;
  }

  .js-no-touch .swiper-slide.swiper-slide-active.hover-box:hover .hover-text-fill:before,
  .js-no-touch .swiper-slide.swiper-slide-active .hover-box:hover .hover-text-fill:before {
     width: 100%;
  }

  .js-touch .swiper-slide .hover-text-fill:before {
     -webkit-transition-delay: .7s;
     -o-transition-delay: .7s;
     transition-delay: .7s;
  }

  .js-touch .swiper-slide.swiper-slide-active .hover-text-fill:before {
     -webkit-transition-delay: 1s;
     -o-transition-delay: 1s;
     transition-delay: 1s;
  }

  .js-touch body .swiper-slide .hover-text-fill:before {
     width: 0%;
  }

  .js-touch .swiper-slide.swiper-slide-active .hover-text-fill:before {
     width: 100%;
  }

  .js-touch .js-touch-hover-scroll.hover-box:hover .hover-text-fill:before {
     width: 0%;
  }

  .js-touch body .js-touch-hover-scroll.js-hover-active.hover-box .hover-text-fill:before {
     width: 100%;
  }


/* 20.5. Reveal hover
   ========================================================================== */

   .hover-reveal {
     display: inline-block;
     position: relative;
     -webkit-transform: translateX(-105%);
     -ms-transform: translateX(-105%);
     transform: translateX(-105%);
     -webkit-transition: .5s cubic-bezier(.225, 1, .316, .99);
     -o-transition: .5s cubic-bezier(.225, 1, .316, .99);
     transition: .5s cubic-bezier(.225, 1, .316, .99);
     -webkit-transition-delay: .5s;
     -o-transition-delay: .5s;
     transition-delay: .5s;
  }

  .hover-box:hover .hover-reveal {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
  }

  .swiper-slide .hover-reveal {
     pointer-events: none;
  }

  .swiper-slide.swiper-slide-active .hover-reveal {
     pointer-events: auto;
  }

  .js-no-touch .swiper-slide.hover-box:hover .hover-reveal,
  .js-no-touch .swiper-slide .hover-box:hover .hover-reveal {
     -webkit-transform: translateX(-105%);
     -ms-transform: translateX(-105%);
     transform: translateX(-105%);
  }

  .js-no-touch .swiper-slide.swiper-slide-active.hover-box:hover .hover-reveal,
  .js-no-touch .swiper-slide.swiper-slide-active .hover-box:hover .hover-reveal {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
  }

  .js-touch .swiper-slide .hover-reveal {
     -webkit-transition-delay: 1.2s;
     -o-transition-delay: 1.2s;
     transition-delay: 1.2s;
  }

  .js-touch body .swiper-slide .hover-reveal {
     -webkit-transform: translateX(-105%);
     -ms-transform: translateX(-105%);
     transform: translateX(-105%);
  }

  .js-touch .swiper-slide.swiper-slide-active .hover-reveal {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
     -webkit-transition-delay: 1s;
     -o-transition-delay: 1s;
     transition-delay: 1s;
  }

  .js-touch .js-touch-hover-scroll.hover-box:hover .hover-reveal {
     -webkit-transform: translateX(-105%);
     -ms-transform: translateX(-105%);
     transform: translateX(-105%);
  }

  .js-touch body .js-touch-hover-scroll.js-hover-active.hover-box .hover-reveal {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
  }

  .hover-reveal:before {
     content: '';
     width:  100%;
     height: 100%;
     position: absolute;
     left: 0;
     top:  0;
     z-index: 3;
     background-color: #fff;
     -webkit-transition: .5s cubic-bezier(.225, 1, .316, .99);
     -o-transition: .5s cubic-bezier(.225, 1, .316, .99);
     transition: .5s cubic-bezier(.225, 1, .316, .99);
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
  }

  .hover-reveal.black:before {
     background-color: #000;
  }

  .hover-reveal.red:before {
     background-color: var(--main-color);
  }

  .hover-box:hover .hover-reveal:before {
     -webkit-transform: translateX(105%);
     -ms-transform: translateX(105%);
     transform: translateX(105%);
     -webkit-transition-delay: .5s;
     -o-transition-delay: .5s;
     transition-delay: .5s;
  }

  .js-no-touch .swiper-slide.hover-box:hover .hover-reveal:before,
  .js-no-touch .swiper-slide .hover-box:hover .hover-reveal:before {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
  }

  .js-no-touch .swiper-slide.swiper-slide-active.hover-box:hover .hover-reveal:before,
  .js-no-touch .swiper-slide.swiper-slide-active .hover-box:hover .hover-reveal:before {
     -webkit-transform: translateX(105%);
     -ms-transform: translateX(105%);
     transform: translateX(105%);
  }

  .js-touch .swiper-slide .hover-reveal:before {
     -webkit-transition-delay: .7s;
     -o-transition-delay: .7s;
     transition-delay: .7s;
  }

  .js-touch body .swiper-slide .hover-reveal:before {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
  }

  .js-touch .swiper-slide.swiper-slide-active .hover-reveal:before {
     -webkit-transform: translateX(105%);
     -ms-transform: translateX(105%);
     transform: translateX(105%);
     -webkit-transition-delay: 1.5s;
     -o-transition-delay: 1.5s;
     transition-delay: 1.5s;
  }

  .js-touch .js-touch-hover-scroll.hover-box:hover .hover-reveal:before {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
  }

  .js-touch body .js-touch-hover-scroll.js-hover-active.hover-box .hover-reveal:before {
     -webkit-transform: translateX(105%);
     -ms-transform: translateX(105%);
     transform: translateX(105%);
     -webkit-transition-delay: .5s;
     -o-transition-delay: .5s;
     transition-delay: .5s;
  }

/* Reveal hover delays */
.js-touch .swiper-slide .hover-reveal.tr-delay-01,
.js-touch .swiper-slide .hover-reveal.tr-delay-02,
.js-touch .swiper-slide .hover-reveal.tr-delay-03,
.js-touch .swiper-slide .hover-reveal.tr-delay-04,
.js-touch .swiper-slide .hover-reveal.tr-delay-05,
.js-touch .swiper-slide .hover-reveal.tr-delay-06,
.js-touch .swiper-slide .hover-reveal.tr-delay-07,
.js-touch .swiper-slide .hover-reveal.tr-delay-08,
.js-touch .swiper-slide .hover-reveal.tr-delay-09,
.js-touch .swiper-slide .hover-reveal.tr-delay-10 {
	-webkit-transition-delay: 1.2s !important;
   -o-transition-delay: 1.2s !important;
   transition-delay: 1.2s !important;
}

.js-touch .swiper-slide.swiper-slide-active .hover-reveal.tr-delay-01 {
	-webkit-transition-delay: 1.1s !important;
   -o-transition-delay: 1.1s !important;
   transition-delay: 1.1s !important;
}

.js-touch .swiper-slide.swiper-slide-active .hover-reveal.tr-delay-02 {
	-webkit-transition-delay: 1.2s !important;
   -o-transition-delay: 1.2s !important;
   transition-delay: 1.2s !important;
}

.js-touch .swiper-slide.swiper-slide-active .hover-reveal.tr-delay-03 {
	-webkit-transition-delay: 1.3s !important;
   -o-transition-delay: 1.3s !important;
   transition-delay: 1.3s !important;
}

.js-touch .swiper-slide.swiper-slide-active .hover-reveal.tr-delay-04 {
	-webkit-transition-delay: 1.4s !important;
   -o-transition-delay: 1.4s !important;
   transition-delay: 1.4s !important;
}

.js-touch .swiper-slide.swiper-slide-active .hover-reveal.tr-delay-05 {
	-webkit-transition-delay: 1.5s !important;
   -o-transition-delay: 1.5s !important;
   transition-delay: 1.5s !important;
}

.js-touch .swiper-slide.swiper-slide-active .hover-reveal.tr-delay-06 {
	-webkit-transition-delay: 1.6s !important;
   -o-transition-delay: 1.6s !important;
   transition-delay: 1.6s !important;
}

.js-touch .swiper-slide.swiper-slide-active .hover-reveal.tr-delay-07 {
	-webkit-transition-delay: 1.7s !important;
   -o-transition-delay: 1.7s !important;
   transition-delay: 1.7s !important;
}

.js-touch .swiper-slide.swiper-slide-active .hover-reveal.tr-delay-08 {
	-webkit-transition-delay: 1.8s !important;
   -o-transition-delay: 1.8s !important;
   transition-delay: 1.8s !important;
}

.js-touch .swiper-slide.swiper-slide-active .hover-reveal.tr-delay-09 {
	-webkit-transition-delay: 1.9s !important;
   -o-transition-delay: 1.9s !important;
   transition-delay: 1.9s !important;
}

.js-touch .swiper-slide.swiper-slide-active .hover-reveal.tr-delay-10 {
	-webkit-transition-delay: 2s !important;
   -o-transition-delay: 2s !important;
   transition-delay: 2s !important;
}

.js-touch .swiper-slide.swiper-slide-active .hover-reveal.tr-delay-01:before {
	-webkit-transition-delay: 1.6s !important;
   -o-transition-delay: 1.6s !important;
   transition-delay: 1.6s !important;
}

.js-touch .swiper-slide.swiper-slide-active .hover-reveal.tr-delay-02:before {
	-webkit-transition-delay: 1.7s !important;
   -o-transition-delay: 1.7s !important;
   transition-delay: 1.7s !important;
}

.js-touch .swiper-slide.swiper-slide-active .hover-reveal.tr-delay-03:before {
	-webkit-transition-delay: 1.8s !important;
   -o-transition-delay: 1.8s !important;
   transition-delay: 1.8s !important;
}

.js-touch .swiper-slide.swiper-slide-active .hover-reveal.tr-delay-04:before {
	-webkit-transition-delay: 1.9s !important;
   -o-transition-delay: 1.9s !important;
   transition-delay: 1.9s !important;
}

.js-touch .swiper-slide.swiper-slide-active .hover-reveal.tr-delay-05:before {
	-webkit-transition-delay: 2s !important;
   -o-transition-delay: 2s !important;
   transition-delay: 2s !important;
}

.js-touch .swiper-slide.swiper-slide-active .hover-reveal.tr-delay-06:before {
	-webkit-transition-delay: 2.1s !important;
   -o-transition-delay: 2.1s !important;
   transition-delay: 2.1s !important;
}

.js-touch .swiper-slide.swiper-slide-active .hover-reveal.tr-delay-07:before {
	-webkit-transition-delay: 2.2s !important;
   -o-transition-delay: 2.2s !important;
   transition-delay: 2.2s !important;
}

.js-touch .swiper-slide.swiper-slide-active .hover-reveal.tr-delay-08:before {
	-webkit-transition-delay: 2.3s !important;
   -o-transition-delay: 2.3s !important;
   transition-delay: 2.3s !important;
}

.js-touch .swiper-slide.swiper-slide-active .hover-reveal.tr-delay-09:before {
	-webkit-transition-delay: 2.4s !important;
   -o-transition-delay: 2.4s !important;
   transition-delay: 2.4s !important;
}

.js-touch .swiper-slide.swiper-slide-active .hover-reveal.tr-delay-10:before {
	-webkit-transition-delay: 2.5s !important;
   -o-transition-delay: 2.5s !important;
   transition-delay: 2.5s !important;
}

.js-touch .js-touch-hover-scroll .hover-reveal.tr-delay-01:before {
	-webkit-transition-delay: .6s !important;
   -o-transition-delay: .6s !important;
   transition-delay: .6s !important;
}

.js-touch .js-touch-hover-scroll .hover-reveal.tr-delay-02:before {
	-webkit-transition-delay: .7s !important;
   -o-transition-delay: .7s !important;
   transition-delay: .7s !important;
}

.js-touch .js-touch-hover-scroll .hover-reveal.tr-delay-03:before {
	-webkit-transition-delay: .8s !important;
   -o-transition-delay: .8s !important;
   transition-delay: .8s !important;
}

.js-touch .js-touch-hover-scroll .hover-reveal.tr-delay-04:before {
	-webkit-transition-delay: .9s !important;
   -o-transition-delay: .9s !important;
   transition-delay: .9s !important;
}

.js-touch .js-touch-hover-scroll .hover-reveal.tr-delay-05:before {
	-webkit-transition-delay: 1s !important;
   -o-transition-delay: 1s !important;
   transition-delay: 1s !important;
}

.js-touch .js-touch-hover-scroll .hover-reveal.tr-delay-06:before {
	-webkit-transition-delay: 1.1s !important;
   -o-transition-delay: 1.1s !important;
   transition-delay: 1.1s !important;
}

.js-touch .js-touch-hover-scroll .hover-reveal.tr-delay-07:before {
	-webkit-transition-delay: 1.2s !important;
   -o-transition-delay: 1.2s !important;
   transition-delay: 1.2s !important;
}

.js-touch .js-touch-hover-scroll .hover-reveal.tr-delay-08:before {
	-webkit-transition-delay: 1.3s !important;
   -o-transition-delay: 1.3s !important;
   transition-delay: 1.3s !important;
}

.js-touch .js-touch-hover-scroll .hover-reveal.tr-delay-09:before {
	-webkit-transition-delay: 1.4s !important;
   -o-transition-delay: 1.4s !important;
   transition-delay: 1.4s !important;
}

.js-touch .js-touch-hover-scroll .hover-reveal.tr-delay-10:before {
	-webkit-transition-delay: 1.5s !important;
   -o-transition-delay: 1.5s !important;
   transition-delay: 1.5s !important;
}

.js-no-touch body .hover-box .hover-reveal.tr-delay-01,
.js-no-touch body .hover-box .hover-reveal.tr-delay-02,
.js-no-touch body .hover-box .hover-reveal.tr-delay-03,
.js-no-touch body .hover-box .hover-reveal.tr-delay-04,
.js-no-touch body .hover-box .hover-reveal.tr-delay-05,
.js-no-touch body .hover-box .hover-reveal.tr-delay-06,
.js-no-touch body .hover-box .hover-reveal.tr-delay-07,
.js-no-touch body .hover-box .hover-reveal.tr-delay-08,
.js-no-touch body .hover-box .hover-reveal.tr-delay-09,
.js-no-touch body .hover-box .hover-reveal.tr-delay-10 {
	-webkit-transition-delay: .5s !important;
   -o-transition-delay: .5s !important;
   transition-delay: .5s !important;
}

.js-no-touch body .hover-box:hover .hover-reveal.tr-delay-01:before {
	-webkit-transition-delay: .6s !important;
   -o-transition-delay: .6s !important;
   transition-delay: .6s !important;
}

.js-no-touch body .hover-box:hover .hover-reveal.tr-delay-02:before {
	-webkit-transition-delay: .7s !important;
   -o-transition-delay: .7s !important;
   transition-delay: .7s !important;
}

.js-no-touch body .hover-box:hover .hover-reveal.tr-delay-03:before {
	-webkit-transition-delay: .8s !important;
   -o-transition-delay: .8s !important;
   transition-delay: .8s !important;
}

.js-no-touch body .hover-box:hover .hover-reveal.tr-delay-04:before {
	-webkit-transition-delay: .9s !important;
   -o-transition-delay: .9s !important;
   transition-delay: .9s !important;
}

.js-no-touch body .hover-box:hover .hover-reveal.tr-delay-05:before {
	-webkit-transition-delay: 1s !important;
   -o-transition-delay: 1s !important;
   transition-delay: 1s !important;
}

.js-no-touch body .hover-box:hover .hover-reveal.tr-delay-06:before {
	-webkit-transition-delay: 1.1s !important;
   -o-transition-delay: 1.1s !important;
   transition-delay: 1.1s !important;
}

.js-no-touch body .hover-box:hover .hover-reveal.tr-delay-07:before {
	-webkit-transition-delay: 1.2s !important;
   -o-transition-delay: 1.2s !important;
   transition-delay: 1.2s !important;
}

.js-no-touch body .hover-box:hover .hover-reveal.tr-delay-08:before {
	-webkit-transition-delay: 1.3s !important;
   -o-transition-delay: 1.3s !important;
   transition-delay: 1.3s !important;
}

.js-no-touch body .hover-box:hover .hover-reveal.tr-delay-09:before {
	-webkit-transition-delay: 1.4s !important;
   -o-transition-delay: 1.4s !important;
   transition-delay: 1.4s !important;
}

.js-no-touch body .hover-box:hover .hover-reveal.tr-delay-10:before {
	-webkit-transition-delay: 1.5s !important;
   -o-transition-delay: 1.5s !important;
   transition-delay: 1.5s !important;
}


/* 20.6. Move hover
   ========================================================================== */

   .hover-move-left,
   .hover-move-up,
   .hover-move-right,
   .hover-move-down {
     display: inline-block;
     -webkit-transition: .7s cubic-bezier(.767, .01, .18, 1.01);
     -o-transition: .7s cubic-bezier(.767, .01, .18, 1.01);
     transition: .7s cubic-bezier(.767, .01, .18, 1.01);
  }

  .hover-box:hover .hover-move-left {
     -webkit-transform: translateX(-20px);
     -ms-transform: translateX(-20px);
     transform: translateX(-20px);
  }

  .hover-box:hover .hover-move-up {
     -webkit-transform: translateY(-20px);
     -ms-transform: translateY(-20px);
     transform: translateY(-20px);
  }

  .hover-box:hover .hover-move-right {
     -webkit-transform: translateX(20px);
     -ms-transform: translateX(20px);
     transform: translateX(20px);
  }

  .hover-box:hover .hover-move-down {
     -webkit-transform: translateY(20px);
     -ms-transform: translateY(20px);
     transform: translateY(20px);
  }





/* ==========================================================================
   21. Image hover effects
   ========================================================================== */

/* 21.1. Image hover opacity
   ========================================================================== */

   .img-hover-opacity {
     -webkit-transition: 1s cubic-bezier(.17, .85, .438, .99);
     -o-transition: 1s cubic-bezier(.17, .85, .438, .99);
     transition: 1s cubic-bezier(.17, .85, .438, .99);
  }

  .hover-box:hover .img-hover-opacity {
     opacity: .5;
  }

  .swiper-slide .hover-box:hover .img-hover-opacity,
  .swiper-slide.hover-box:hover .img-hover-opacity {
     opacity: 1;
  }

  .swiper-slide.swiper-slide-active .hover-box:hover .img-hover-opacity,
  .swiper-slide.swiper-slide-active.hover-box:hover .img-hover-opacity {
     opacity: .5;
  }


/* 21.2. Image hover scale
   ========================================================================== */

   .img-hover-scale {
     -webkit-transition: 1s cubic-bezier(.17, .85, .438, .99);
     -o-transition: 1s cubic-bezier(.17, .85, .438, .99);
     transition: 1s cubic-bezier(.17, .85, .438, .99);
  }

  .hover-box:hover .img-hover-scale {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
  }

  .swiper-slide .hover-box:hover .img-hover-scale,
  .swiper-slide.hover-box:hover .img-hover-scale {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
  }

  .swiper-slide.swiper-slide-active .hover-box:hover .img-hover-scale,
  .swiper-slide.swiper-slide-active.hover-box:hover .img-hover-scale {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
  }

  .img-hover-scale.in {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
     -webkit-transition: 1s cubic-bezier(.17, .85, .438, .99);
     -o-transition: 1s cubic-bezier(.17, .85, .438, .99);
     transition: 1s cubic-bezier(.17, .85, .438, .99);
  }

  .hover-box:hover .img-hover-scale.in {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
  }

  .swiper-slide .hover-box:hover .img-hover-scale.in,
  .swiper-slide.hover-box:hover .img-hover-scale.in {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
  }

  .swiper-slide.swiper-slide-active .hover-box:hover .img-hover-scale.in,
  .swiper-slide.swiper-slide-active.hover-box:hover .img-hover-scale.in {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
  }


/* 21.3. Image hover overlay
   ========================================================================== */

   .img-hover-overlay {
     width: 100%;
     position: absolute;
     left: 0;
     top:  0;
     -webkit-transition: 1s cubic-bezier(.17, .85, .438, .99);
     -o-transition: 1s cubic-bezier(.17, .85, .438, .99);
     transition: 1s cubic-bezier(.17, .85, .438, .99);
  }

  .hover-box:hover .img-hover-overlay {
     opacity: 0;
  }

  .swiper-slide .hover-box:hover .img-hover-overlay,
  .swiper-slide.hover-box:hover .img-hover-overlay {
     opacity: 1;
  }

  .swiper-slide.swiper-slide-active .hover-box:hover .img-hover-overlay,
  .swiper-slide.swiper-slide-active.hover-box:hover .img-hover-overlay {
     opacity: 0;
  }

  .hover-box:hover .img-hover-overlay.out {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
  }

  .swiper-slide .hover-box:hover .img-hover-overlay.out,
  .swiper-slide.hover-box:hover .img-hover-overlay.out {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
  }

  .swiper-slide.swiper-slide-active .hover-box:hover .img-hover-overlay.out,
  .swiper-slide.swiper-slide-active.hover-box:hover .img-hover-overlay.out {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
  }





/* ==========================================================================
   22. Forms
   ========================================================================== */

   textarea {
     background: none;
     resize: vertical;
     -webkit-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box;
  }

  input[type='text'],
  input[type='password'],
  input[type='datetime'],
  input[type='datetime-local'],
  input[type='date'],
  input[type='month'],
  input[type='time'],
  input[type='week'],
  input[type='number'],
  input[type='email'],
  input[type='url'],
  input[type='search'],
  input[type='tel'],
  input[type='color'] {
     vertical-align: middle;
     outline:    none;
     background: none;
  }

  textarea:focus,
  input[type='text']:focus,
  input[type='password']:focus,
  input[type='datetime']:focus,
  input[type='datetime-local']:focus,
  input[type='date']:focus,
  input[type='month']:focus,
  input[type='time']:focus,
  input[type='week']:focus,
  input[type='number']:focus,
  input[type='email']:focus,
  input[type='url']:focus,
  input[type='search']:focus,
  input[type='tel']:focus,
  input[type='color']:focus {
     outline: none;
  }

  input[type='submit'] {
     text-decoration: none;
     border:          none;
     outline:         none;
     background:      none;
  }

  input[type='submit']:hover {
     outline:    none;
     background: none;
  }


/* 22.1. Form placeholder
   ========================================================================== */

   ::-webkit-input-placeholder {
     opacity: .5;
     font-family: 'Montserrat', sans-serif;
     font-size: 11px;
     font-weight: 400;
     letter-spacing: 2px;
     color: #fff;
     -webkit-transition: .5s cubic-bezier(.225, 1, .316, .99);
     transition: .5s cubic-bezier(.225, 1, .316, .99);
  }

  .black::-webkit-input-placeholder {
     color: #000;
  }

  ::-moz-placeholder {
     opacity: .5;
     font-family: 'Montserrat', sans-serif;
     font-size: 11px;
     font-weight: 400;
     letter-spacing: 2px;
     color: #fff;
     -moz-transition: .5s cubic-bezier(.225, 1, .316, .99);
     transition: .5s cubic-bezier(.225, 1, .316, .99);
  }

  .black::-moz-placeholder {
     color: #000;
  }

  :-ms-input-placeholder {
     opacity: .5;
     font-family: 'Montserrat', sans-serif;
     font-size: 11px;
     font-weight: 400;
     letter-spacing: 2px;
     color: #fff;
     -ms-transition: .5s cubic-bezier(.225, 1, .316, .99);
     transition: .5s cubic-bezier(.225, 1, .316, .99);
  }

  .black:-ms-input-placeholder {
     color: #000;
  }

  ::-ms-input-placeholder {
     opacity: .5;
     font-family: 'Montserrat', sans-serif;
     font-size: 11px;
     font-weight: 400;
     letter-spacing: 2px;
     color: #fff;
     -ms-transition: .5s cubic-bezier(.225, 1, .316, .99);
     transition: .5s cubic-bezier(.225, 1, .316, .99);
  }

  .black::-ms-input-placeholder {
     color: #000;
  }

  ::placeholder {
     opacity: .5;
     font-family: 'Montserrat', sans-serif;
     font-size: 11px;
     font-weight: 400;
     letter-spacing: 2px;
     color: #fff;
     -webkit-transition: .5s cubic-bezier(.225, 1, .316, .99);
     -o-transition: .5s cubic-bezier(.225, 1, .316, .99);
     transition: .5s cubic-bezier(.225, 1, .316, .99);
  }

  .black::placeholder {
     color: #000;
  }

  .form-input:focus::-webkit-input-placeholder {
     opacity: 1;
  }

  .form-input:focus::-moz-placeholder {
     opacity: 1;
  }

  .form-input:focus:-ms-input-placeholder {
     opacity: 1;
  }

  .form-input:focus::-ms-input-placeholder {
     opacity: 1;
  }

  .form-input:focus::-webkit-input-placeholder:focus {
     opacity: 1;
  }

  .form-input:focus::-moz-placeholder:focus {
     opacity: 1;
  }

  .form-input:focus:-ms-input-placeholder:focus {
     opacity: 1;
  }

  .form-input:focus::-ms-input-placeholder:focus {
     opacity: 1;
  }

  .form-input:focus::placeholder:focus {
     opacity: 1;
  }


/* 22.2. Input default
   ========================================================================== */

   .form-input {
     width: 100%;
     margin-bottom: 40px;
     padding: 0 0 10px 0;
     border: none;
     border-bottom: 1px solid rgba(250, 250, 250, .2);
     -webkit-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box;
     font-family: 'Montserrat', sans-serif;
     font-size: 13px;
     font-weight: 400;
     letter-spacing: 1px;
     line-height: normal;
     text-align: center;
     color: #fff;
     -webkit-transition: .5s cubic-bezier(.225, 1, .316, .99);
     -o-transition: .5s cubic-bezier(.225, 1, .316, .99);
     transition: .5s cubic-bezier(.225, 1, .316, .99);
  }

  .form-input:focus {
     border-bottom: 1px solid #fff;
  }

  .form-input.black {
     border-bottom: 1px solid rgba(0, 0, 0, .2);
     color: #000;
  }

  .form-input.black:focus {
     border-bottom: 1px solid #000;
  }

  textarea.form-input {
     height: 150px;
     margin-bottom: 0 !important;
  }


/* 22.3. Input with border
   ========================================================================== */

   .form-input.form-input_border {
     margin-bottom: 20px;
     padding: 20px;
     border: 1px solid rgba(250, 250, 250, .2);
     text-align: left;
  }

  .form-input.form-input_border:focus {
     border: 1px solid #fff;
  }

  .form-input.form-input_border.black {
     border: 1px solid rgba(0, 0, 0, .2);
  }

  .form-input.form-input_border.black:focus {
     border: 1px solid #000;
  }


/* 22.4. Search form
   ========================================================================== */

   .form-search {
     position: relative;
  }

  .form-search .form-input {
     margin-bottom: 0;
     padding: 10px 30px 10px 10px;
     border: 1px solid rgba(250, 250, 250, .2);
     text-align: left;
  }

  .form-search .form-input:focus {
     border: 1px solid #fff;
  }

  .form-search .form-input.black {
     border: 1px solid rgba(0, 0, 0, .2);
  }

  .form-search .form-input.black:focus {
     border: 1px solid #000;
  }

  .search-btn {
     position: absolute;
     top: 50%;
     right: 10px;
     z-index: 2;
     opacity: .5;
     border: none;
     font-size: 13px;
     line-height: 13px;
     text-align: center;
     color: #fff;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     -webkit-transition: .5s cubic-bezier(.225, 1, .316, .99);
     -o-transition: .5s cubic-bezier(.225, 1, .316, .99);
     transition: .5s cubic-bezier(.225, 1, .316, .99);
  }

  .search-btn.black {
     color: #000;
  }

  .search-btn:hover {
     opacity: 1;
  }





/* ==========================================================================
   23. Post comments
   ========================================================================== */

   .comments-list {
     width: 100%;
  }

  .comment-content {
     margin-bottom: 30px;
     padding-bottom: 20px;
     border-bottom: 1px solid rgba(250, 250, 250, .1);
  }

  .comments-list.black .comment-content {
     border-bottom: 1px solid rgba(0, 0, 0, .1);
  }

  .comment-content:last-child,
  .comments-list.black .comment-content:last-child {
     margin-bottom:  0;
     padding-bottom: 0;
     border-bottom: none;
  }

  .comment-children {
     margin: 20px 0 0 90px;
     padding-top: 30px;
     border-top: 1px solid rgba(250, 250, 250, .1);
  }

  .comments-list.black .comment-children {
     border-top: 1px solid rgba(0, 0, 0, .1);
  }

  .comment-content {
     position: relative;
  }

  .comment-avatar {
     width: 70px;
     position: absolute;
     left: 0;
     top:  0;
  }

  .comment-post {
     padding-left: 90px;
  }

  @media only screen and (max-width: 999px) {

     .comment-children {
       margin: 20px 0 0 0;
    }

 }





/* ==========================================================================
   24. List styles
   ========================================================================== */

   .list.list_center {
     text-align: center;
  }

  .list.list_right {
     text-align: right;
  }

  .list.list_row {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-top: -10px;
  }

  .list.list_row.list_center {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
  }

  .list.list_row.list_right {
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
  }


/* 24.1. List item
   ========================================================================== */

   .list__item {
     display: block !important;
     position: relative;
     line-height: 1;
     color: #fff;
  }


/* 24.1.1. List item margins
   ========================================================================== */

/* Defaul margins 10px */
.list__item,
.list .list .list__item {
	margin-bottom: 10px;
}

.list__item:last-child,
.list .list .list__item:last-child {
	margin-bottom: 0;
}

.list_row .list__item {
	margin-top:   10px;
	margin-right: 10px;
	margin-bottom: 0;
}

.list_row.list_center .list__item {
	margin-left:  5px;
	margin-right: 5px;
}

.list_row.list_right .list__item {
	margin-left: 10px;
	margin-right: 0;
}

/* 1px margins */
.list_margin-1px .list__item,
.list .list.list_margin-1px .list__item {
	margin-bottom: 1px;
}

.list_margin-1px .list__item:last-child,
.list .list.list_margin-1px .list__item:last-child {
	margin-bottom: 0;
}

.list_margin-1px.list_row .list__item {
	margin-right: 1px;
	margin-bottom: 0;
}

.list_margin-1px.list_row.list_center .list__item {
	margin-left:  1px;
	margin-right: 1px;
}

.list_margin-1px.list_row.list_right .list__item {
	margin-left: 1px;
	margin-right: 0;
}

/* 20px margins */
.list_margin-20px .list__item,
.list .list.list_margin-20px .list__item {
	margin-bottom: 20px;
}

.list_margin-20px .list__item:last-child,
.list .list.list_margin-20px .list__item:last-child {
	margin-bottom: 0;
}

.list_margin-20px.list_row .list__item {
	margin-right: 20px;
	margin-bottom: 0;
}

.list_margin-20px.list_row.list_center .list__item {
	margin-left:  10px;
	margin-right: 10px;
}

.list_margin-20px.list_row.list_right .list__item {
	margin-left: 20px;
	margin-right: 0;
}

/* 30px margins */
.list_margin-30px .list__item,
.list .list.list_margin-30px .list__item {
	margin-bottom: 30px;
}

.list_margin-30px .list__item:last-child,
.list .list.list_margin-30px .list__item:last-child {
	margin-bottom: 0;
}

.list_margin-30px.list_row .list__item {
	margin-right: 30px;
	margin-bottom: 0;
}

.list_margin-30px.list_row.list_center .list__item {
	margin-left:  15px;
	margin-right: 15px;
}

.list_margin-30px.list_row.list_right .list__item {
	margin-left: 30px;
	margin-right: 0;
}


/* 24.1.2. List item icons
   ========================================================================== */

   .list__item.dot,
   .list__item.check,
   .list__item.x {
     padding-left: 30px;
  }

  .list__item:before {
     position: absolute;
     left: 0;
     top: 50%;
     z-index: 4;
     font-family: Font Awesome;
     font-size: 10px;
     color: #fff;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
  }

  .list__item.black:before {
     color: #000;
  }

  .list__item.red:before {
     color: var(--main-color);
  }

  .list__item.opacity-05:before {
     opacity: .5;
  }

  .list__item.dot:before {
     content: '\f111';
     font-size: 6px;
  }

  .list__item.check:before {
     content: '\f00c';
  }

  .list__item.x:before {
     content: '\f00d';
  }


/* 24.2. List counter
   ========================================================================== */

   .list_counter .list__item {
     padding-left: 30px;
  }

  .list_counter .list__item:before {
     font-family: 'Montserrat', sans-serif;
     font-weight: 400;
  }

  .list_counter .list__item:nth-child(1):before {
     content: '01';
  }

  .list_counter .list__item:nth-child(2):before {
     content: '02';
  }

  .list_counter .list__item:nth-child(3):before {
     content: '03';
  }

  .list_counter .list__item:nth-child(4):before {
     content: '04';
  }

  .list_counter .list__item:nth-child(5):before {
     content: '05';
  }

  .list_counter .list__item:nth-child(6):before {
     content: '06';
  }

  .list_counter .list__item:nth-child(7):before {
     content: '07';
  }

  .list_counter .list__item:nth-child(8):before {
     content: '08';
  }

  .list_counter .list__item:nth-child(9):before {
     content: '09';
  }

  .list_counter .list__item:nth-child(10):before {
     content: '10';
  }

  .list_counter .list__item:nth-child(11):before {
     content: '11';
  }

  .list_counter .list__item:nth-child(12):before {
     content: '12';
  }

  .list_counter .list__item:nth-child(13):before {
     content: '13';
  }

  .list_counter .list__item:nth-child(14):before {
     content: '14';
  }

  .list_counter .list__item:nth-child(15):before {
     content: '15';
  }

  .list_counter .list__item:nth-child(16):before {
     content: '16';
  }

  .list_counter .list__item:nth-child(17):before {
     content: '17';
  }

  .list_counter .list__item:nth-child(18):before {
     content: '18';
  }

  .list_counter .list__item:nth-child(19):before {
     content: '19';
  }

  .list_counter .list__item:nth-child(20):before {
     content: '20';
  }





/* ==========================================================================
   25. Isotope grid
   ========================================================================== */

   .grid-item-25-50-100 {
     display: block;
     width: 25%;
  }

  .grid-item-33-50-100,
  .empty-grid-200px-33-none,
  .empty-grid-100px-33-50-none,
  .empty-grid-1px-33-50-none {
     display: block;
     width: 33.33%;
  }

  .grid-item-50-50-100,
  .empty-grid-100px-50-50-none,
  .empty-grid-1px-50-50-none {
     display: block;
     width: 50%;
  }

  .empty-grid-1px-33-50-none,
  .empty-grid-1px-50-50-none {
     height: 1px;
  }

  .empty-grid-200px-33-none {
     height: 200px;
  }

  .empty-grid-100px-33-50-none,
  .empty-grid-100px-50-50-none {
     height: 100px;
  }

  .grid-margin-box {
     display: block;
     margin: 0 20px;
  }

  .grid-margin-box_10px {
     display: block;
     margin: 0 10px;
  }

  @media only screen and (max-width: 999px) {

     .grid-item-25-50-100,
     .grid-item-33-50-100,
     .empty-grid-100px-33-50-none,
     .empty-grid-1px-33-50-none {
       width: 50%;
    }

    .empty-grid-200px-33-none {
       display: none;
    }

 }

 @media only screen and (max-width: 767px) {

  .grid-item-25-50-100,
  .grid-item-33-50-100,
  .grid-item-50-50-100 {
    width: 100%;
 }

 .empty-grid-100px-33-50-none,
 .empty-grid-1px-33-50-none,
 .empty-grid-100px-50-50-none,
 .empty-grid-1px-50-50-none {
    display: none;
 }

 .grid-margin-box,
 .grid-margin-box_10px {
    margin: 0;
 }

 .lines-section .grid-margin-box {
    margin: 0 20px;
 }

 .lines-section .grid-margin-box_10px {
    margin: 0 10px;
 }

}

@media only screen and (max-width: 549px) {

	.lines-section .grid-margin-box,
	.lines-section .grid-margin-box_10px {
		margin: 0;
	}

}





/* ==========================================================================
   26. Accordion
   ========================================================================== */

   .accordion {
     overflow: hidden;
     border-bottom: 1px solid var(--main-color);
  }

  .accordion__tab {
     position: relative;
  }

  .accordion__content {
     display: none;
     padding: 30px 10px;
  }


/* 26.1. Accordion button
   ========================================================================== */

   .accordion__btn {
     overflow: hidden;
     padding: 15px 10px;
     position: relative;
  }

  .accordion__btn:before {
     content: '';
     width:  100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: -100%;
     background-color:  var(--main-color);
     -webkit-transform: translateY(1px);
     -ms-transform: translateY(1px);
     transform: translateY(1px);
     -webkit-transition: .5s cubic-bezier(.858, .01, .068, .99);
     -o-transition: .5s cubic-bezier(.858, .01, .068, .99);
     transition: .5s cubic-bezier(.858, .01, .068, .99);
  }

  .accordion__tab:first-child .accordion__btn:before {
     border-top-left-radius:  10px;
     border-top-right-radius: 10px;
  }

  .js-accordion-btn.js-accordion-active:before {
     -webkit-transform: translateY(100%);
     -ms-transform: translateY(100%);
     transform: translateY(100%);
  }


/* 26.2. Accordion button icon
   ========================================================================== */

   .accordion__btn-title {
     position: relative;
     padding-right: 30px;
  }

  .accordion__btn-title:before,
  .accordion__btn-title:after {
     content: '';
     width: 1px;
     height: 15px;
     position: absolute;
     top: 50%;
     right: 7px;
     background-color: #fff;
     -webkit-transform: translateY(-50%) rotate(0);
     -ms-transform: translateY(-50%) rotate(0);
     transform: translateY(-50%) rotate(0);
     -webkit-transition: .5s cubic-bezier(.858, .01, .068, .99);
     -o-transition: .5s cubic-bezier(.858, .01, .068, .99);
     transition: .5s cubic-bezier(.858, .01, .068, .99);
  }

  .accordion__btn-title.black-plus-icon:before,
  .accordion__btn-title.black-plus-icon:after {
     background-color: #000;
  }

  .accordion__btn-title:after {
     -webkit-transform: translateY(-50%) rotate(90deg);
     -ms-transform: translateY(-50%) rotate(90deg);
     transform: translateY(-50%) rotate(90deg);
  }

  .js-accordion-btn.js-accordion-active .accordion__btn-title:before {
     -webkit-transform: translateY(-50%) rotate(90deg);
     -ms-transform: translateY(-50%) rotate(90deg);
     transform: translateY(-50%) rotate(90deg);
  }

  .js-accordion-btn.js-accordion-active .accordion__btn-title:after {
     -webkit-transform: translateY(-50%) rotate(270deg);
     -ms-transform: translateY(-50%) rotate(270deg);
     transform: translateY(-50%) rotate(270deg);
  }


/* 26.3. Accordion underline
   ========================================================================== */

   .accordion.accordion_underline {
     border-bottom: 1px solid rgba(250, 250, 250, .1);
  }

  .accordion_underline .accordion__tab {
     border-top: 1px solid rgba(250, 250, 250, .1);
  }

  .accordion.accordion_black-underline {
     border-bottom: 1px solid rgba(0, 0, 0, .1);
  }

  .accordion_black-underline .accordion__tab {
     border-top: 1px solid rgba(0, 0, 0, .1);
  }

  .accordion_underline .accordion__btn:before,
  .accordion_black-underline .accordion__btn:before {
     content: normal;
  }

  .accordion_underline .accordion__content,
  .accordion_black-underline .accordion__content {
     padding: 0 10px 30px 10px;
  }


/* 26.4. Accordion left/right borders
   ========================================================================== */

   .accordion.accordion_l-r-border {
     border-left:  1px solid rgba(250, 250, 250, .1);
     border-right: 1px solid rgba(250, 250, 250, .1);
  }

  .accordion.accordion_black-l-r-border {
     border-left:  1px solid rgba(0, 0, 0, .1);
     border-right: 1px solid rgba(0, 0, 0, .1);
  }





/* ==========================================================================
   27. Typewriter
   ========================================================================== */

   .Typewriter__cursor {
     display: inline-block;
     overflow: hidden;
     width: 30px;
     height: 2px;
     background-color: var(--main-color);
  }

  @media only screen and (max-width: 999px) {

     .Typewriter__cursor {
       width: 23px;
    }

 }

 @media only screen and (max-width: 549px) {

  .Typewriter__cursor {
    width: 15px;
 }

}





/* ==========================================================================
   28. Particles
   ========================================================================== */

   #js-particles {
     width: 100%;
     height: 100%;
     position: absolute;
     top:  0;
     left: 0;
  }





/* ==========================================================================
   29. Background overlay
   ========================================================================== */

   .bg-overlay-black,
   .bg-overlay-white {
     width:  100%;
     height: 100%;
     position: absolute;
     left: 0;
     top:  0;
     opacity: .47;
  }

  .bg-overlay-black.bg-overlay-black_02,
  .bg-overlay-white.bg-overlay-white_02 {
     opacity: .2;
  }

  .bg-overlay-black {
     background-color: #000;
  }

  .bg-overlay-white {
     background-color: #fff;
  }





/* ==========================================================================
   30. Avatars & Logos
   ========================================================================== */

/* 30.1. Awards logo
   ========================================================================== */

   .awards-logo {
     height: 120px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: end;
     -ms-flex-align: end;
     align-items: flex-end;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
  }

  .awards-logo__inner {
     width: auto;
     max-width:  120px;
     max-height: 120px;
  }


/* 30.2. Testimonials author
   ========================================================================== */

   .testimonials-author {
     width: 100px;
     margin-left:  auto;
     margin-right: auto;
  }


/* 30.3. Author avatar
   ========================================================================== */

   .author-avatar {
     width:  40px;
     height: 40px;
  }


/* 30.4. Clients logo
   ========================================================================== */

   .client-logo {
     width:      100px;
     max-width:  100px;
     max-height: 100px;
  }


/* 30.4.1. Clients logo animation
   ========================================================================== */

   .client-hover-out,
   .client-hover-in {
     -webkit-transition: .7s cubic-bezier(.225, 1, .316, .99);
     -o-transition: .7s cubic-bezier(.225, 1, .316, .99);
     transition: .7s cubic-bezier(.225, 1, .316, .99);
  }

  .client-hover-in {
     opacity: 0;
  }

  .hover-box:hover .client-hover-out {
     opacity: 0;
  }

  .hover-box:hover .client-hover-in {
     opacity: 1;
  }


/* 30.4.2. Clients logo with lines
   ========================================================================== */

   .clients-lines {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-flow: wrap;
     flex-flow: wrap;
  }

  .clients-lines__column {
     -ms-flex-preferred-size: 25%;
     flex-basis: 25%;
  }

  .clients-lines__inner {
     min-height: 220px;
     border-right:  1px solid rgba(250, 250, 250, .1);
     border-bottom: 1px solid rgba(250, 250, 250, .1);
  }

  .clients-lines__inner.black {
     border-right:  1px solid rgba(0, 0, 0, .1);
     border-bottom: 1px solid rgba(0, 0, 0, .1);
  }

  .clients-lines__column:nth-child(4n) .clients-lines__inner {
     border-right: none;
  }

  .clients-lines__column:nth-last-child(1) .clients-lines__inner,
  .clients-lines__column:nth-last-child(2) .clients-lines__inner,
  .clients-lines__column:nth-last-child(3) .clients-lines__inner,
  .clients-lines__column:nth-last-child(4) .clients-lines__inner {
     border-bottom: none;
  }

  @media only screen and (max-width: 767px) {

     .clients-lines__column {
       -ms-flex-preferred-size: 50%;
       flex-basis: 50%;
    }

    .clients-lines__column:nth-child(2n) .clients-lines__inner {
       border-right: none;
    }

    .clients-lines__column:nth-last-child(3) .clients-lines__inner,
    .clients-lines__column:nth-last-child(4) .clients-lines__inner {
       border-bottom: 1px solid rgba(250, 250, 250, .1);
    }

    .clients-lines__column:nth-last-child(3) .clients-lines__inner.black,
    .clients-lines__column:nth-last-child(4) .clients-lines__inner.black {
       border-bottom: 1px solid rgba(0, 0, 0, .1);
    }

 }


/* 30.4.3. Clients logo with borders
   ========================================================================== */

   .client-logo-border__inner {
     height: 100%;
     min-height: 220px;
     border-top:   1px solid rgba(250, 250, 250, .1);
     border-right: 1px solid rgba(250, 250, 250, .1);
  }

  .client-logo-border__inner.black {
     border-top:   1px solid rgba(0, 0, 0, .1);
     border-right: 1px solid rgba(0, 0, 0, .1);
  }

  .client-logo-border:nth-child(even) .client-logo-border__inner,
  .client-logo-border:nth-child(even) .client-logo-border__inner.black {
     border-right: none;
  }

  .client-logo-border:nth-last-child(1) .client-logo-border__inner,
  .client-logo-border:nth-last-child(2) .client-logo-border__inner,
  .client-logo-border:nth-last-child(3) .client-logo-border__inner,
  .client-logo-border:nth-last-child(4) .client-logo-border__inner {
     border-bottom: 1px solid rgba(250, 250, 250, .1);
  }

  .client-logo-border:nth-last-child(1) .client-logo-border__inner.black,
  .client-logo-border:nth-last-child(2) .client-logo-border__inner.black,
  .client-logo-border:nth-last-child(3) .client-logo-border__inner.black,
  .client-logo-border:nth-last-child(4) .client-logo-border__inner.black {
     border-bottom: 1px solid rgba(0, 0, 0, .1);
  }

  @media only screen and (max-width: 767px) {

     .client-logo-border__inner,
     .client-logo-border__inner.black {
       border-right: none;
    }

    .client-logo-border:nth-last-child(2) .client-logo-border__inner,
    .client-logo-border:nth-last-child(3) .client-logo-border__inner,
    .client-logo-border:nth-last-child(4) .client-logo-border__inner,
    .client-logo-border:nth-last-child(2) .client-logo-border__inner.black,
    .client-logo-border:nth-last-child(3) .client-logo-border__inner.black,
    .client-logo-border:nth-last-child(4) .client-logo-border__inner.black {
       border-bottom: none;
    }

 }

 @media only screen and (max-width: 549px) {

  .client-logo-border .client-logo-border__inner,
  .client-logo-border:nth-child(even) .client-logo-border__inner {
    border-left:  1px solid rgba(250, 250, 250, .1);
    border-right: 1px solid rgba(250, 250, 250, .1);
 }

 .client-logo-border .client-logo-border__inner.black,
 .client-logo-border:nth-child(even) .client-logo-border__inner.black {
    border-left:  1px solid rgba(0, 0, 0, .1);
    border-right: 1px solid rgba(0, 0, 0, .1);
 }

}





/* ==========================================================================
   31. Contact form
   ========================================================================== */

   .error {
     color: red;
  }

  .js-popup-fade {
     display: flex;
     align-items: center;
     justify-content: center;
     width:  100%;
     height: 100%;
     position: absolute;
     left: 0;
     top:  0;
     pointer-events: none;
     opacity: 0;
     transition: 1s cubic-bezier(.17, .85, .438, .99);
     -webkit-transform: scale(.5);
     transform: scale(.5);
  }

  .js-popup-fade.js-active {
     pointer-events: auto;
     opacity: 1;
     transition-delay: .5s;
     -webkit-transform: scale(1);
     transform: scale(1);
  }

  .popup-icon,
  .popup-alert,
  .js-popup-close {
     text-align: center;
  }

  .popup-icon {
     margin: 0 auto;
     width:       50px;
     height:      50px;
     line-height: 50px;
     font-size: 23px;
     border-radius: 50%;
  }

  #m_err .popup-icon {
     color: red;
     border: 1px solid red;
  }

  #m_sent .popup-icon {
     color: green;
     border: 1px solid green;
  }

  .popup-alert {
     margin: 30px 0;
  }

  .form-box {
     transition: 1s cubic-bezier(.17, .85, .438, .99);
     transition-delay: .5s;
  }

  .form-box.js-active {
     pointer-events: none;
     opacity: 0;
     transition-delay: 0s;
     -webkit-transform: scale(1.5);
     transform: scale(1.5);
  }

  #send.js-active {
     pointer-events: none;
  }

  #send.js-active .border-btn__inner {
     color: transparent;
  }

  #send .btn-wait {
     display: inline-block;
     position: absolute;
     left: 50%;
     top:  50%;
     font-family: 'Montserrat', sans-serif;
     font-size: 12px;
     font-weight: 700;
     line-height: 1.2;
     color: #fff;
     opacity: 0;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     -webkit-transition: .5s cubic-bezier(.17, .85, .438, .99);
     -o-transition: .5s cubic-bezier(.17, .85, .438, .99);
     transition: .5s cubic-bezier(.17, .85, .438, .99);
  }

  #send.js-active .btn-wait {
     opacity: 1;
  }





/* ==========================================================================
   32. Colors
   ========================================================================== */

   ::-moz-selection {
     background: none;
     color: var(--main-color);
  }

  ::selection {
     background: none;
     color: var(--main-color);
  }

  body {
     background-color: #000;
     color: #fff;
  }


/* 32.1. Background colors
   ========================================================================== */

   .section-bg-black,
   .content-bg-black,
   .text-bg-black {
     background-color: #000;
  }

  .section-bg-white,
  .content-bg-white,
  .text-bg-white {
     background-color: #fff;
  }

  .section-bg-light-1,
  .content-bg-light-1,
  .text-bg-light-1 {
     background-color: var(--bg-light-1);
  }

  .section-bg-light-2,
  .content-bg-light-2,
  .text-bg-light-2 {
     background-color: var(--bg-light-2);
  }

  .section-bg-dark-1,
  .content-bg-dark-1,
  .text-bg-dark-1 {
     background-color: var(--bg-dark-1);
  }

  .section-bg-dark-2,
  .content-bg-dark-2,
  .text-bg-dark-2 {
     background-color: var(--bg-dark-2);
  }

  .content-bg-red,
  .text-bg-red {
     background-color: var(--main-color);
  }


/* 32.2. Text colors
   ========================================================================== */

   body .text-color-white {
     color: #fff;
  }

  .text-color-white:before {
     color: #fff !important;
  }

  body .text-color-dadada {
     color: #dadada;
  }

  .text-color-dadada:before {
     color: #dadada !important;
  }

  body .text-color-b0b0b0 {
     color: #b0b0b0;
  }

  .text-color-b0b0b0:before {
     color: #b0b0b0 !important;
  }

  body .text-color-8a8a8a {
     color: #8a8a8a;
  }

  .text-color-8a8a8a:before {
     color: #8a8a8a !important;
  }

  body .text-color-e4e4e4 {
     color: #e4e4e4;
  }

  .text-color-e4e4e4:before {
     color: #e4e4e4 !important;
  }

  body .text-color-bbbbbb {
     color: #bbbbbb;
  }

  .text-color-bbbbbb:before {
     color: #bbbbbb !important;
  }

  body .text-color-979797 {
     color: #979797;
  }

  .text-color-979797:before {
     color: #979797 !important;
  }

  body .text-color-black {
     color: #000;
  }

  .text-color-black:before {
     color: #000 !important;
  }

  body .text-color-6d6d6d {
     color: #6d6d6d;
  }

  .text-color-6d6d6d:before {
     color: #6d6d6d !important;
  }

  body .text-color-888888 {
     color: #888888;
  }

  .text-color-888888:before {
     color: #888888 !important;
  }

  body .text-color-9b9b9b {
     color: #9b9b9b;
  }

  .text-color-9b9b9b:before {
     color: #9b9b9b !important;
  }

  body .text-color-6a6a6a {
     color: #6a6a6a;
  }

  .text-color-6a6a6a:before {
     color: #6a6a6a !important;
  }

  body .text-color-838383 {
     color: #838383;
  }

  .text-color-838383:before {
     color: #838383 !important;
  }

  body .text-color-969696 {
     color: #969696;
  }

  .text-color-969696:before {
     color: #969696 !important;
  }

  body .text-color-red {
     color: var(--main-color);
  }

  .text-color-red:before {
     color: var(--main-color) !important;
  }


/* 32.3. Text hover colors
   ========================================================================== */

   .text-hover-to-red:hover {
     color: var(--main-color) !important;
     -webkit-transition: 1s cubic-bezier(.17, .85, .438, .99);
     -o-transition: 1s cubic-bezier(.17, .85, .438, .99);
     transition: 1s cubic-bezier(.17, .85, .438, .99);
  }

  .text-hover-to-white:hover {
     color: #fff !important;
     -webkit-transition: 1s cubic-bezier(.17, .85, .438, .99);
     -o-transition: 1s cubic-bezier(.17, .85, .438, .99);
     transition: 1s cubic-bezier(.17, .85, .438, .99);
  }

  .text-hover-to-black:hover {
     color: #000 !important;
     -webkit-transition: 1s cubic-bezier(.17, .85, .438, .99);
     -o-transition: 1s cubic-bezier(.17, .85, .438, .99);
     transition: 1s cubic-bezier(.17, .85, .438, .99);
  }


/* 32.4. Main colors
   ========================================================================== */

/* Background colors */
:root {
	--bg-light-1: #f5f5f5;
}

:root {
	--bg-light-2: #f0f0f0;
}

:root {
	--bg-dark-1: #111517;
}

:root {
	--bg-dark-2: #1b2a2f;
}

/* Red colors */
:root {
	--main-color: #666;
}


.fixed-bottom-buttons {
 position: fixed;
 bottom: 0;
 left: 0;
 width: 100%;
 z-index: 1000; /* 他の要素より前に出す */
 padding: 15px 0;
}

.fixed-bottom-buttons .list__item{
 background-color: #fff; /* 背景が透けないように */
 padding: 15px 15px;
 box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1); /* 上側に薄い影 */
 border-radius: 45px;
 font-size: 12px !important;
}

.w100 {
   width: 100% !important;
   margin: 0 auto;
}


.table-scroll {
   overflow-x: auto;
   padding: 0px;
   margin: 0 auto;
   max-width: 980px;

}

.compare-table {
   width: 100%;
   min-width: 800px;
   border-collapse: collapse;
   background: #fff;
}

.compare-table th,
.compare-table td {
   border: 1px solid #ddd;
   padding: 16px;
   text-align: center;
   vertical-align: top;
   font-size: 14px;
}

.compare-table thead th {
   color: #000;
   background: #eee;
   font-weight: bold;
}
.compare-table th,
.compare-table td {
   vertical-align: middle;
   color: #000;
}

.compare-table tbody th {
   color: #000;
   font-weight: bold;
   width: 100px;
}

.compare-table td .icon {
   font-size: 18px;
   display: block;
   margin-bottom: 0px;
}

.compare-table td:nth-child(2),
.compare-table th:nth-child(2) {
   border-left: 10px solid #62c7c7;
   border-right: 10px solid #62c7c7;
}
.compare-table td:nth-child(1),
.compare-table th:nth-child(2) {
   border-top: 10px solid #62c7c7;
}
.b_bottom {
   border-bottom: 10px solid #62c7c7 !important;
}


.fade-in-up.is-visible {
   opacity: 1;
   transform: translateY(0);
}

.clear {
   overflow: hidden;
   clear: both;
}


.flow-wrapper {
   margin: 0 auto;
   max-width: 950px;
}

.flow-container {
   display: flex;
   overflow-x: auto;
   gap: 20px;
   margin: 20px 0;
   scroll-behavior: smooth;
   padding-bottom: 10px;
}
.flow-wrapper {
  margin: 0 auto;
  max-width: 950px;
}

.flow-container {
  display: flex;
  align-items: center; /* ← 矢印とアイコン縦揃え */
  overflow-x: auto;
  gap: 20px;
  margin: 20px 0;
  scroll-behavior: smooth;
  padding-bottom: 10px;
}

.flow-step {
  min-width: 160px;
  flex-shrink: 0;
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
}

.icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #62c7c7;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: 0 auto 10px auto;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.flow-step .icon {
  font-size: 28px;
  color: white;
}

.flow-step .arrow {
  font-size: 24px;
  color: #aaa;
  flex-shrink: 0;
}

.flow-wrapper .scroll-hint {
  position: relative; /* ← absoluteやfixedをやめる */
  margin-bottom: 20px;
  background: rgba(255, 255, 255, 0.95);
  padding: 10px 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  animation: fadeout 4s forwards;
}


.scroll-hint img {
   width: 30px;
}

@keyframes fadeout {
   0%   { opacity: 1; }
   80%  { opacity: 1; }
   100% { opacity: 0; display: none; }
}


.price-box {
  margin: 0 auto;
  max-width: 950px;
  color: #000;
}


.price-box table {
   width: 100%;
   border-collapse: collapse;
   margin: 20px 0;
}

.price-box th, .price-box td {
   border: 1px solid #ccc;
   padding: 10px;
   text-align: left;
}

.price-box th {
   background: #eee;
}


.card {
  opacity: 0;
  transform: translateY(40px) scale(0.95);
  will-change: opacity, transform;
}

/* インパクトある登場 */
@keyframes cardPop {
  0%   { opacity: 0; transform: translateY(40px) scale(0.95); }
  60%  { opacity: 1; transform: translateY(-8px) scale(1.05); }
  100% { opacity: 1; transform: translateY(0)    scale(1); }
}

.card.inview {
  animation: cardPop 1s cubic-bezier(.2,.65,.25,1) forwards;
}

.hidden-box {
   font-weight: bold;
}