/* @import '../dependencies/fontawesome/css/all.min.css'; */ /** * Swiper 4.5.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 22, 2019 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;} .swiper-container-no-flexbox .swiper-slide{float:left} .swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap} .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto} .swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform} .swiper-slide-invisible-blank{visibility:hidden} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto} .swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform} .swiper-container-3d{-webkit-perspective:1200px;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{-webkit-transform-style:preserve-3d;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:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));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:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));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:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));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:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y} .swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x} .swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto} .swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} .swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} .swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")} .swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")} .swiper-button-lock{display:none} .swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);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{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);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;-webkit-box-shadow:none;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:#007aff} .swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform} .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform} .swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top} .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;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-bullet-active{background:#fff} .swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)} .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff} .swiper-pagination-black .swiper-pagination-bullet-active{background:#000} .swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)} .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000} .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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align: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%;-o-object-fit:contain;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;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite} .swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat} .swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")} @-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} @keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);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{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out} .swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;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;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;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{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible} .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.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} .swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 100042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 100043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; 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: 100045; } .mfp-inline-holder .mfp-content, .mfp-ajax-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-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -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: -0.8em; left: 8px; right: 8px; z-index: 100044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 100046; box-shadow: none; touch-action: manipulation; } 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: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-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-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium 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: 0.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-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); 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-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .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, 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, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.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; } } .glyph { font-size: 16px; width: 4em; padding-bottom: 1em; margin-right: 1.5em; float: left; overflow: hidden; } .liga { width: 80%; width: calc(100% - 2.5em); } @font-face { font-family: 'Linearicons'; src: url('./../fonts/Linearicons.ttf') format('truetype'); font-weight: normal; font-style: normal; } [class^="li-"], [class*=" li-"] { font-family: 'Linearicons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Enable Ligatures ================ */ -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .li-home:before { content: "\e600"; } .li-home2:before { content: "\e601"; } .li-home3:before { content: "\e602"; } .li-home4:before { content: "\e603"; } .li-home5:before { content: "\e604"; } .li-home6:before { content: "\e605"; } .li-bathtub:before { content: "\e606"; } .li-toothbrush:before { content: "\e607"; } .li-bed:before { content: "\e608"; } .li-couch:before { content: "\e609"; } .li-chair:before { content: "\e60a"; } .li-city:before { content: "\e60b"; } .li-apartment:before { content: "\e60c"; } .li-pencil:before { content: "\e60d"; } .li-pencil2:before { content: "\e60e"; } .li-pen:before { content: "\e60f"; } .li-pencil3:before { content: "\e610"; } .li-eraser:before { content: "\e611"; } .li-pencil4:before { content: "\e612"; } .li-pencil5:before { content: "\e613"; } .li-feather:before { content: "\e614"; } .li-feather2:before { content: "\e615"; } .li-feather3:before { content: "\e616"; } .li-pen2:before { content: "\e617"; } .li-pen-add:before { content: "\e618"; } .li-pen-remove:before { content: "\e619"; } .li-vector:before { content: "\e61a"; } .li-pen3:before { content: "\e61b"; } .li-blog:before { content: "\e61c"; } .li-brush:before { content: "\e61d"; } .li-brush2:before { content: "\e61e"; } .li-spray:before { content: "\e61f"; } .li-paint-roller:before { content: "\e620"; } .li-stamp:before { content: "\e621"; } .li-tape:before { content: "\e622"; } .li-desk-tape:before { content: "\e623"; } .li-texture:before { content: "\e624"; } .li-eye-dropper:before { content: "\e625"; } .li-palette:before { content: "\e626"; } .li-color-sampler:before { content: "\e627"; } .li-bucket:before { content: "\e628"; } .li-gradient:before { content: "\e629"; } .li-gradient2:before { content: "\e62a"; } .li-magic-wand:before { content: "\e62b"; } .li-magnet:before { content: "\e62c"; } .li-pencil-ruler:before { content: "\e62d"; } .li-pencil-ruler2:before { content: "\e62e"; } .li-compass:before { content: "\e62f"; } .li-aim:before { content: "\e630"; } .li-gun:before { content: "\e631"; } .li-bottle:before { content: "\e632"; } .li-drop:before { content: "\e633"; } .li-drop-crossed:before { content: "\e634"; } .li-drop2:before { content: "\e635"; } .li-snow:before { content: "\e636"; } .li-snow2:before { content: "\e637"; } .li-fire:before { content: "\e638"; } .li-lighter:before { content: "\e639"; } .li-knife:before { content: "\e63a"; } .li-dagger:before { content: "\e63b"; } .li-tissue:before { content: "\e63c"; } .li-toilet-paper:before { content: "\e63d"; } .li-poop:before { content: "\e63e"; } .li-umbrella:before { content: "\e63f"; } .li-umbrella2:before { content: "\e640"; } .li-rain:before { content: "\e641"; } .li-tornado:before { content: "\e642"; } .li-wind:before { content: "\e643"; } .li-fan:before { content: "\e644"; } .li-contrast:before { content: "\e645"; } .li-sun-small:before { content: "\e646"; } .li-sun:before { content: "\e647"; } .li-sun2:before { content: "\e648"; } .li-moon:before { content: "\e649"; } .li-cloud:before { content: "\e64a"; } .li-cloud-upload:before { content: "\e64b"; } .li-cloud-download:before { content: "\e64c"; } .li-cloud-rain:before { content: "\e64d"; } .li-cloud-hailstones:before { content: "\e64e"; } .li-cloud-snow:before { content: "\e64f"; } .li-cloud-windy:before { content: "\e650"; } .li-sun-wind:before { content: "\e651"; } .li-cloud-fog:before { content: "\e652"; } .li-cloud-sun:before { content: "\e653"; } .li-cloud-lightning:before { content: "\e654"; } .li-cloud-sync:before { content: "\e655"; } .li-cloud-lock:before { content: "\e656"; } .li-cloud-gear:before { content: "\e657"; } .li-cloud-alert:before { content: "\e658"; } .li-cloud-check:before { content: "\e659"; } .li-cloud-cross:before { content: "\e65a"; } .li-cloud-crossed:before { content: "\e65b"; } .li-cloud-database:before { content: "\e65c"; } .li-database:before { content: "\e65d"; } .li-database-add:before { content: "\e65e"; } .li-database-remove:before { content: "\e65f"; } .li-database-lock:before { content: "\e660"; } .li-database-refresh:before { content: "\e661"; } .li-database-check:before { content: "\e662"; } .li-database-history:before { content: "\e663"; } .li-database-upload:before { content: "\e664"; } .li-database-download:before { content: "\e665"; } .li-server:before { content: "\e666"; } .li-shield:before { content: "\e667"; } .li-shield-check:before { content: "\e668"; } .li-shield-alert:before { content: "\e669"; } .li-shield-cross:before { content: "\e66a"; } .li-lock:before { content: "\e66b"; } .li-rotation-lock:before { content: "\e66c"; } .li-unlock:before { content: "\e66d"; } .li-key:before { content: "\e66e"; } .li-key-hole:before { content: "\e66f"; } .li-toggle-off:before { content: "\e670"; } .li-toggle-on:before { content: "\e671"; } .li-cog:before { content: "\e672"; } .li-cog2:before { content: "\e673"; } .li-wrench:before { content: "\e674"; } .li-screwdriver:before { content: "\e675"; } .li-hammer-wrench:before { content: "\e676"; } .li-hammer:before { content: "\e677"; } .li-saw:before { content: "\e678"; } .li-axe:before { content: "\e679"; } .li-axe2:before { content: "\e67a"; } .li-shovel:before { content: "\e67b"; } .li-pickaxe:before { content: "\e67c"; } .li-factory:before { content: "\e67d"; } .li-factory2:before { content: "\e67e"; } .li-recycle:before { content: "\e67f"; } .li-trash:before { content: "\e680"; } .li-trash2:before { content: "\e681"; } .li-trash3:before { content: "\e682"; } .li-broom:before { content: "\e683"; } .li-game:before { content: "\e684"; } .li-gamepad:before { content: "\e685"; } .li-joystick:before { content: "\e686"; } .li-dice:before { content: "\e687"; } .li-spades:before { content: "\e688"; } .li-diamonds:before { content: "\e689"; } .li-clubs:before { content: "\e68a"; } .li-hearts:before { content: "\e68b"; } .li-heart:before { content: "\e68c"; } .li-star:before { content: "\e68d"; } .li-star-half:before { content: "\e68e"; } .li-star-empty:before { content: "\e68f"; } .li-flag:before { content: "\e690"; } .li-flag2:before { content: "\e691"; } .li-flag3:before { content: "\e692"; } .li-mailbox-full:before { content: "\e693"; } .li-mailbox-empty:before { content: "\e694"; } .li-at-sign:before { content: "\e695"; } .li-envelope:before { content: "\e696"; } .li-envelope-open:before { content: "\e697"; } .li-paperclip:before { content: "\e698"; } .li-paper-plane:before { content: "\e699"; } .li-reply:before { content: "\e69a"; } .li-reply-all:before { content: "\e69b"; } .li-inbox:before { content: "\e69c"; } .li-inbox2:before { content: "\e69d"; } .li-outbox:before { content: "\e69e"; } .li-box:before { content: "\e69f"; } .li-archive:before { content: "\e6a0"; } .li-archive2:before { content: "\e6a1"; } .li-drawers:before { content: "\e6a2"; } .li-drawers2:before { content: "\e6a3"; } .li-drawers3:before { content: "\e6a4"; } .li-eye:before { content: "\e6a5"; } .li-eye-crossed:before { content: "\e6a6"; } .li-eye-plus:before { content: "\e6a7"; } .li-eye-minus:before { content: "\e6a8"; } .li-binoculars:before { content: "\e6a9"; } .li-binoculars2:before { content: "\e6aa"; } .li-hdd:before { content: "\e6ab"; } .li-hdd-down:before { content: "\e6ac"; } .li-hdd-up:before { content: "\e6ad"; } .li-floppy-disk:before { content: "\e6ae"; } .li-disc:before { content: "\e6af"; } .li-tape2:before { content: "\e6b0"; } .li-printer:before { content: "\e6b1"; } .li-shredder:before { content: "\e6b2"; } .li-file-empty:before { content: "\e6b3"; } .li-file-add:before { content: "\e6b4"; } .li-file-check:before { content: "\e6b5"; } .li-file-lock:before { content: "\e6b6"; } .li-files:before { content: "\e6b7"; } .li-copy:before { content: "\e6b8"; } .li-compare:before { content: "\e6b9"; } .li-folder:before { content: "\e6ba"; } .li-folder-search:before { content: "\e6bb"; } .li-folder-plus:before { content: "\e6bc"; } .li-folder-minus:before { content: "\e6bd"; } .li-folder-download:before { content: "\e6be"; } .li-folder-upload:before { content: "\e6bf"; } .li-folder-star:before { content: "\e6c0"; } .li-folder-heart:before { content: "\e6c1"; } .li-folder-user:before { content: "\e6c2"; } .li-folder-shared:before { content: "\e6c3"; } .li-folder-music:before { content: "\e6c4"; } .li-folder-picture:before { content: "\e6c5"; } .li-folder-film:before { content: "\e6c6"; } .li-scissors:before { content: "\e6c7"; } .li-paste:before { content: "\e6c8"; } .li-clipboard-empty:before { content: "\e6c9"; } .li-clipboard-pencil:before { content: "\e6ca"; } .li-clipboard-text:before { content: "\e6cb"; } .li-clipboard-check:before { content: "\e6cc"; } .li-clipboard-down:before { content: "\e6cd"; } .li-clipboard-left:before { content: "\e6ce"; } .li-clipboard-alert:before { content: "\e6cf"; } .li-clipboard-user:before { content: "\e6d0"; } .li-register:before { content: "\e6d1"; } .li-enter:before { content: "\e6d2"; } .li-exit:before { content: "\e6d3"; } .li-papers:before { content: "\e6d4"; } .li-news:before { content: "\e6d5"; } .li-reading:before { content: "\e6d6"; } .li-typewriter:before { content: "\e6d7"; } .li-document:before { content: "\e6d8"; } .li-document2:before { content: "\e6d9"; } .li-graduation-hat:before { content: "\e6da"; } .li-license:before { content: "\e6db"; } .li-license2:before { content: "\e6dc"; } .li-medal-empty:before { content: "\e6dd"; } .li-medal-first:before { content: "\e6de"; } .li-medal-second:before { content: "\e6df"; } .li-medal-third:before { content: "\e6e0"; } .li-podium:before { content: "\e6e1"; } .li-trophy:before { content: "\e6e2"; } .li-trophy2:before { content: "\e6e3"; } .li-music-note:before { content: "\e6e4"; } .li-music-note2:before { content: "\e6e5"; } .li-music-note3:before { content: "\e6e6"; } .li-playlist:before { content: "\e6e7"; } .li-playlist-add:before { content: "\e6e8"; } .li-guitar:before { content: "\e6e9"; } .li-trumpet:before { content: "\e6ea"; } .li-album:before { content: "\e6eb"; } .li-shuffle:before { content: "\e6ec"; } .li-repeat-one:before { content: "\e6ed"; } .li-repeat:before { content: "\e6ee"; } .li-headphones:before { content: "\e6ef"; } .li-headset:before { content: "\e6f0"; } .li-loudspeaker:before { content: "\e6f1"; } .li-equalizer:before { content: "\e6f2"; } .li-theater:before { content: "\e6f3"; } .li-3d-glasses:before { content: "\e6f4"; } .li-ticket:before { content: "\e6f5"; } .li-presentation:before { content: "\e6f6"; } .li-play:before { content: "\e6f7"; } .li-film-play:before { content: "\e6f8"; } .li-clapboard-play:before { content: "\e6f9"; } .li-media:before { content: "\e6fa"; } .li-film:before { content: "\e6fb"; } .li-film2:before { content: "\e6fc"; } .li-surveillance:before { content: "\e6fd"; } .li-surveillance2:before { content: "\e6fe"; } .li-camera:before { content: "\e6ff"; } .li-camera-crossed:before { content: "\e700"; } .li-camera-play:before { content: "\e701"; } .li-time-lapse:before { content: "\e702"; } .li-record:before { content: "\e703"; } .li-camera2:before { content: "\e704"; } .li-camera-flip:before { content: "\e705"; } .li-panorama:before { content: "\e706"; } .li-time-lapse2:before { content: "\e707"; } .li-shutter:before { content: "\e708"; } .li-shutter2:before { content: "\e709"; } .li-face-detection:before { content: "\e70a"; } .li-flare:before { content: "\e70b"; } .li-convex:before { content: "\e70c"; } .li-concave:before { content: "\e70d"; } .li-picture:before { content: "\e70e"; } .li-picture2:before { content: "\e70f"; } .li-picture3:before { content: "\e710"; } .li-pictures:before { content: "\e711"; } .li-book:before { content: "\e712"; } .li-audio-book:before { content: "\e713"; } .li-book2:before { content: "\e714"; } .li-bookmark:before { content: "\e715"; } .li-bookmark2:before { content: "\e716"; } .li-label:before { content: "\e717"; } .li-library:before { content: "\e718"; } .li-library2:before { content: "\e719"; } .li-contacts:before { content: "\e71a"; } .li-profile:before { content: "\e71b"; } .li-portrait:before { content: "\e71c"; } .li-portrait2:before { content: "\e71d"; } .li-user:before { content: "\e71e"; } .li-user-plus:before { content: "\e71f"; } .li-user-minus:before { content: "\e720"; } .li-user-lock:before { content: "\e721"; } .li-users:before { content: "\e722"; } .li-users2:before { content: "\e723"; } .li-users-plus:before { content: "\e724"; } .li-users-minus:before { content: "\e725"; } .li-group-work:before { content: "\e726"; } .li-woman:before { content: "\e727"; } .li-man:before { content: "\e728"; } .li-baby:before { content: "\e729"; } .li-baby2:before { content: "\e72a"; } .li-baby3:before { content: "\e72b"; } .li-baby-bottle:before { content: "\e72c"; } .li-walk:before { content: "\e72d"; } .li-hand-waving:before { content: "\e72e"; } .li-jump:before { content: "\e72f"; } .li-run:before { content: "\e730"; } .li-woman2:before { content: "\e731"; } .li-man2:before { content: "\e732"; } .li-man-woman:before { content: "\e733"; } .li-height:before { content: "\e734"; } .li-weight:before { content: "\e735"; } .li-scale:before { content: "\e736"; } .li-button:before { content: "\e737"; } .li-bow-tie:before { content: "\e738"; } .li-tie:before { content: "\e739"; } .li-socks:before { content: "\e73a"; } .li-shoe:before { content: "\e73b"; } .li-shoes:before { content: "\e73c"; } .li-hat:before { content: "\e73d"; } .li-pants:before { content: "\e73e"; } .li-shorts:before { content: "\e73f"; } .li-flip-flops:before { content: "\e740"; } .li-shirt:before { content: "\e741"; } .li-hanger:before { content: "\e742"; } .li-laundry:before { content: "\e743"; } .li-store:before { content: "\e744"; } .li-haircut:before { content: "\e745"; } .li-store-24:before { content: "\e746"; } .li-barcode:before { content: "\e747"; } .li-barcode2:before { content: "\e748"; } .li-barcode3:before { content: "\e749"; } .li-cashier:before { content: "\e74a"; } .li-bag:before { content: "\e74b"; } .li-bag2:before { content: "\e74c"; } .li-cart:before { content: "\e74d"; } .li-cart-empty:before { content: "\e74e"; } .li-cart-full:before { content: "\e74f"; } .li-cart-plus:before { content: "\e750"; } .li-cart-plus2:before { content: "\e751"; } .li-cart-add:before { content: "\e752"; } .li-cart-remove:before { content: "\e753"; } .li-cart-exchange:before { content: "\e754"; } .li-tag:before { content: "\e755"; } .li-tags:before { content: "\e756"; } .li-receipt:before { content: "\e757"; } .li-wallet:before { content: "\e758"; } .li-credit-card:before { content: "\e759"; } .li-cash-dollar:before { content: "\e75a"; } .li-cash-euro:before { content: "\e75b"; } .li-cash-pound:before { content: "\e75c"; } .li-cash-yen:before { content: "\e75d"; } .li-bag-dollar:before { content: "\e75e"; } .li-bag-euro:before { content: "\e75f"; } .li-bag-pound:before { content: "\e760"; } .li-bag-yen:before { content: "\e761"; } .li-coin-dollar:before { content: "\e762"; } .li-coin-euro:before { content: "\e763"; } .li-coin-pound:before { content: "\e764"; } .li-coin-yen:before { content: "\e765"; } .li-calculator:before { content: "\e766"; } .li-calculator2:before { content: "\e767"; } .li-abacus:before { content: "\e768"; } .li-vault:before { content: "\e769"; } .li-telephone:before { content: "\e76a"; } .li-phone-lock:before { content: "\e76b"; } .li-phone-wave:before { content: "\e76c"; } .li-phone-pause:before { content: "\e76d"; } .li-phone-outgoing:before { content: "\e76e"; } .li-phone-incoming:before { content: "\e76f"; } .li-phone-in-out:before { content: "\e770"; } .li-phone-error:before { content: "\e771"; } .li-phone-sip:before { content: "\e772"; } .li-phone-plus:before { content: "\e773"; } .li-phone-minus:before { content: "\e774"; } .li-voicemail:before { content: "\e775"; } .li-dial:before { content: "\e776"; } .li-telephone2:before { content: "\e777"; } .li-pushpin:before { content: "\e778"; } .li-pushpin2:before { content: "\e779"; } .li-map-marker:before { content: "\e77a"; } .li-map-marker-user:before { content: "\e77b"; } .li-map-marker-down:before { content: "\e77c"; } .li-map-marker-check:before { content: "\e77d"; } .li-map-marker-crossed:before { content: "\e77e"; } .li-radar:before { content: "\e77f"; } .li-compass2:before { content: "\e780"; } .li-map:before { content: "\e781"; } .li-map2:before { content: "\e782"; } .li-location:before { content: "\e783"; } .li-road-sign:before { content: "\e784"; } .li-calendar-empty:before { content: "\e785"; } .li-calendar-check:before { content: "\e786"; } .li-calendar-cross:before { content: "\e787"; } .li-calendar-31:before { content: "\e788"; } .li-calendar-full:before { content: "\e789"; } .li-calendar-insert:before { content: "\e78a"; } .li-calendar-text:before { content: "\e78b"; } .li-calendar-user:before { content: "\e78c"; } .li-mouse:before { content: "\e78d"; } .li-mouse-left:before { content: "\e78e"; } .li-mouse-right:before { content: "\e78f"; } .li-mouse-both:before { content: "\e790"; } .li-keyboard:before { content: "\e791"; } .li-keyboard-up:before { content: "\e792"; } .li-keyboard-down:before { content: "\e793"; } .li-delete:before { content: "\e794"; } .li-spell-check:before { content: "\e795"; } .li-escape:before { content: "\e796"; } .li-enter2:before { content: "\e797"; } .li-screen:before { content: "\e798"; } .li-aspect-ratio:before { content: "\e799"; } .li-signal:before { content: "\e79a"; } .li-signal-lock:before { content: "\e79b"; } .li-signal-80:before { content: "\e79c"; } .li-signal-60:before { content: "\e79d"; } .li-signal-40:before { content: "\e79e"; } .li-signal-20:before { content: "\e79f"; } .li-signal-0:before { content: "\e7a0"; } .li-signal-blocked:before { content: "\e7a1"; } .li-sim:before { content: "\e7a2"; } .li-flash-memory:before { content: "\e7a3"; } .li-usb-drive:before { content: "\e7a4"; } .li-phone:before { content: "\e7a5"; } .li-smartphone:before { content: "\e7a6"; } .li-smartphone-notification:before { content: "\e7a7"; } .li-smartphone-vibration:before { content: "\e7a8"; } .li-smartphone-embed:before { content: "\e7a9"; } .li-smartphone-waves:before { content: "\e7aa"; } .li-tablet:before { content: "\e7ab"; } .li-tablet2:before { content: "\e7ac"; } .li-laptop:before { content: "\e7ad"; } .li-laptop-phone:before { content: "\e7ae"; } .li-desktop:before { content: "\e7af"; } .li-launch:before { content: "\e7b0"; } .li-new-tab:before { content: "\e7b1"; } .li-window:before { content: "\e7b2"; } .li-cable:before { content: "\e7b3"; } .li-cable2:before { content: "\e7b4"; } .li-tv:before { content: "\e7b5"; } .li-radio:before { content: "\e7b6"; } .li-remote-control:before { content: "\e7b7"; } .li-power-switch:before { content: "\e7b8"; } .li-power:before { content: "\e7b9"; } .li-power-crossed:before { content: "\e7ba"; } .li-flash-auto:before { content: "\e7bb"; } .li-lamp:before { content: "\e7bc"; } .li-flashlight:before { content: "\e7bd"; } .li-lampshade:before { content: "\e7be"; } .li-cord:before { content: "\e7bf"; } .li-outlet:before { content: "\e7c0"; } .li-battery-power:before { content: "\e7c1"; } .li-battery-empty:before { content: "\e7c2"; } .li-battery-alert:before { content: "\e7c3"; } .li-battery-error:before { content: "\e7c4"; } .li-battery-low1:before { content: "\e7c5"; } .li-battery-low2:before { content: "\e7c6"; } .li-battery-low3:before { content: "\e7c7"; } .li-battery-mid1:before { content: "\e7c8"; } .li-battery-mid2:before { content: "\e7c9"; } .li-battery-mid3:before { content: "\e7ca"; } .li-battery-full:before { content: "\e7cb"; } .li-battery-charging:before { content: "\e7cc"; } .li-battery-charging2:before { content: "\e7cd"; } .li-battery-charging3:before { content: "\e7ce"; } .li-battery-charging4:before { content: "\e7cf"; } .li-battery-charging5:before { content: "\e7d0"; } .li-battery-charging6:before { content: "\e7d1"; } .li-battery-charging7:before { content: "\e7d2"; } .li-chip:before { content: "\e7d3"; } .li-chip-x64:before { content: "\e7d4"; } .li-chip-x86:before { content: "\e7d5"; } .li-bubble:before { content: "\e7d6"; } .li-bubbles:before { content: "\e7d7"; } .li-bubble-dots:before { content: "\e7d8"; } .li-bubble-alert:before { content: "\e7d9"; } .li-bubble-question:before { content: "\e7da"; } .li-bubble-text:before { content: "\e7db"; } .li-bubble-pencil:before { content: "\e7dc"; } .li-bubble-picture:before { content: "\e7dd"; } .li-bubble-video:before { content: "\e7de"; } .li-bubble-user:before { content: "\e7df"; } .li-bubble-quote:before { content: "\e7e0"; } .li-bubble-heart:before { content: "\e7e1"; } .li-bubble-emoticon:before { content: "\e7e2"; } .li-bubble-attachment:before { content: "\e7e3"; } .li-phone-bubble:before { content: "\e7e4"; } .li-quote-open:before { content: "\e7e5"; } .li-quote-close:before { content: "\e7e6"; } .li-dna:before { content: "\e7e7"; } .li-heart-pulse:before { content: "\e7e8"; } .li-pulse:before { content: "\e7e9"; } .li-syringe:before { content: "\e7ea"; } .li-pills:before { content: "\e7eb"; } .li-first-aid:before { content: "\e7ec"; } .li-lifebuoy:before { content: "\e7ed"; } .li-bandage:before { content: "\e7ee"; } .li-bandages:before { content: "\e7ef"; } .li-thermometer:before { content: "\e7f0"; } .li-microscope:before { content: "\e7f1"; } .li-brain:before { content: "\e7f2"; } .li-beaker:before { content: "\e7f3"; } .li-skull:before { content: "\e7f4"; } .li-bone:before { content: "\e7f5"; } .li-construction:before { content: "\e7f6"; } .li-construction-cone:before { content: "\e7f7"; } .li-pie-chart:before { content: "\e7f8"; } .li-pie-chart2:before { content: "\e7f9"; } .li-graph:before { content: "\e7fa"; } .li-chart-growth:before { content: "\e7fb"; } .li-chart-bars:before { content: "\e7fc"; } .li-chart-settings:before { content: "\e7fd"; } .li-cake:before { content: "\e7fe"; } .li-gift:before { content: "\e7ff"; } .li-balloon:before { content: "\e800"; } .li-rank:before { content: "\e801"; } .li-rank2:before { content: "\e802"; } .li-rank3:before { content: "\e803"; } .li-crown:before { content: "\e804"; } .li-lotus:before { content: "\e805"; } .li-diamond:before { content: "\e806"; } .li-diamond2:before { content: "\e807"; } .li-diamond3:before { content: "\e808"; } .li-diamond4:before { content: "\e809"; } .li-linearicons:before { content: "\e80a"; } .li-teacup:before { content: "\e80b"; } .li-teapot:before { content: "\e80c"; } .li-glass:before { content: "\e80d"; } .li-bottle2:before { content: "\e80e"; } .li-glass-cocktail:before { content: "\e80f"; } .li-glass2:before { content: "\e810"; } .li-dinner:before { content: "\e811"; } .li-dinner2:before { content: "\e812"; } .li-chef:before { content: "\e813"; } .li-scale2:before { content: "\e814"; } .li-egg:before { content: "\e815"; } .li-egg2:before { content: "\e816"; } .li-eggs:before { content: "\e817"; } .li-platter:before { content: "\e818"; } .li-steak:before { content: "\e819"; } .li-hamburger:before { content: "\e81a"; } .li-hotdog:before { content: "\e81b"; } .li-pizza:before { content: "\e81c"; } .li-sausage:before { content: "\e81d"; } .li-chicken:before { content: "\e81e"; } .li-fish:before { content: "\e81f"; } .li-carrot:before { content: "\e820"; } .li-cheese:before { content: "\e821"; } .li-bread:before { content: "\e822"; } .li-ice-cream:before { content: "\e823"; } .li-ice-cream2:before { content: "\e824"; } .li-candy:before { content: "\e825"; } .li-lollipop:before { content: "\e826"; } .li-coffee-bean:before { content: "\e827"; } .li-coffee-cup:before { content: "\e828"; } .li-cherry:before { content: "\e829"; } .li-grapes:before { content: "\e82a"; } .li-citrus:before { content: "\e82b"; } .li-apple:before { content: "\e82c"; } .li-leaf:before { content: "\e82d"; } .li-landscape:before { content: "\e82e"; } .li-pine-tree:before { content: "\e82f"; } .li-tree:before { content: "\e830"; } .li-cactus:before { content: "\e831"; } .li-paw:before { content: "\e832"; } .li-footprint:before { content: "\e833"; } .li-speed-slow:before { content: "\e834"; } .li-speed-medium:before { content: "\e835"; } .li-speed-fast:before { content: "\e836"; } .li-rocket:before { content: "\e837"; } .li-hammer2:before { content: "\e838"; } .li-balance:before { content: "\e839"; } .li-briefcase:before { content: "\e83a"; } .li-luggage-weight:before { content: "\e83b"; } .li-dolly:before { content: "\e83c"; } .li-plane:before { content: "\e83d"; } .li-plane-crossed:before { content: "\e83e"; } .li-helicopter:before { content: "\e83f"; } .li-traffic-lights:before { content: "\e840"; } .li-siren:before { content: "\e841"; } .li-road:before { content: "\e842"; } .li-engine:before { content: "\e843"; } .li-oil-pressure:before { content: "\e844"; } .li-coolant-temperature:before { content: "\e845"; } .li-car-battery:before { content: "\e846"; } .li-gas:before { content: "\e847"; } .li-gallon:before { content: "\e848"; } .li-transmission:before { content: "\e849"; } .li-car:before { content: "\e84a"; } .li-car-wash:before { content: "\e84b"; } .li-car-wash2:before { content: "\e84c"; } .li-bus:before { content: "\e84d"; } .li-bus2:before { content: "\e84e"; } .li-car2:before { content: "\e84f"; } .li-parking:before { content: "\e850"; } .li-car-lock:before { content: "\e851"; } .li-taxi:before { content: "\e852"; } .li-car-siren:before { content: "\e853"; } .li-car-wash3:before { content: "\e854"; } .li-car-wash4:before { content: "\e855"; } .li-ambulance:before { content: "\e856"; } .li-truck:before { content: "\e857"; } .li-trailer:before { content: "\e858"; } .li-scale-truck:before { content: "\e859"; } .li-train:before { content: "\e85a"; } .li-ship:before { content: "\e85b"; } .li-ship2:before { content: "\e85c"; } .li-anchor:before { content: "\e85d"; } .li-boat:before { content: "\e85e"; } .li-bicycle:before { content: "\e85f"; } .li-bicycle2:before { content: "\e860"; } .li-dumbbell:before { content: "\e861"; } .li-bench-press:before { content: "\e862"; } .li-swim:before { content: "\e863"; } .li-football:before { content: "\e864"; } .li-baseball-bat:before { content: "\e865"; } .li-baseball:before { content: "\e866"; } .li-tennis:before { content: "\e867"; } .li-tennis2:before { content: "\e868"; } .li-ping-pong:before { content: "\e869"; } .li-hockey:before { content: "\e86a"; } .li-8ball:before { content: "\e86b"; } .li-bowling:before { content: "\e86c"; } .li-bowling-pins:before { content: "\e86d"; } .li-golf:before { content: "\e86e"; } .li-golf2:before { content: "\e86f"; } .li-archery:before { content: "\e870"; } .li-slingshot:before { content: "\e871"; } .li-soccer:before { content: "\e872"; } .li-basketball:before { content: "\e873"; } .li-cube:before { content: "\e874"; } .li-3d-rotate:before { content: "\e875"; } .li-puzzle:before { content: "\e876"; } .li-glasses:before { content: "\e877"; } .li-glasses2:before { content: "\e878"; } .li-accessibility:before { content: "\e879"; } .li-wheelchair:before { content: "\e87a"; } .li-wall:before { content: "\e87b"; } .li-fence:before { content: "\e87c"; } .li-wall2:before { content: "\e87d"; } .li-icons:before { content: "\e87e"; } .li-resize-handle:before { content: "\e87f"; } .li-icons2:before { content: "\e880"; } .li-select:before { content: "\e881"; } .li-select2:before { content: "\e882"; } .li-site-map:before { content: "\e883"; } .li-earth:before { content: "\e884"; } .li-earth-lock:before { content: "\e885"; } .li-network:before { content: "\e886"; } .li-network-lock:before { content: "\e887"; } .li-planet:before { content: "\e888"; } .li-happy:before { content: "\e889"; } .li-smile:before { content: "\e88a"; } .li-grin:before { content: "\e88b"; } .li-tongue:before { content: "\e88c"; } .li-sad:before { content: "\e88d"; } .li-wink:before { content: "\e88e"; } .li-dream:before { content: "\e88f"; } .li-shocked:before { content: "\e890"; } .li-shocked2:before { content: "\e891"; } .li-tongue2:before { content: "\e892"; } .li-neutral:before { content: "\e893"; } .li-happy-grin:before { content: "\e894"; } .li-cool:before { content: "\e895"; } .li-mad:before { content: "\e896"; } .li-grin-evil:before { content: "\e897"; } .li-evil:before { content: "\e898"; } .li-wow:before { content: "\e899"; } .li-annoyed:before { content: "\e89a"; } .li-wondering:before { content: "\e89b"; } .li-confused:before { content: "\e89c"; } .li-zipped:before { content: "\e89d"; } .li-grumpy:before { content: "\e89e"; } .li-mustache:before { content: "\e89f"; } .li-tombstone-hipster:before { content: "\e8a0"; } .li-tombstone:before { content: "\e8a1"; } .li-ghost:before { content: "\e8a2"; } .li-ghost-hipster:before { content: "\e8a3"; } .li-halloween:before { content: "\e8a4"; } .li-christmas:before { content: "\e8a5"; } .li-easter-egg:before { content: "\e8a6"; } .li-mustache2:before { content: "\e8a7"; } .li-mustache-glasses:before { content: "\e8a8"; } .li-pipe:before { content: "\e8a9"; } .li-alarm:before { content: "\e8aa"; } .li-alarm-add:before { content: "\e8ab"; } .li-alarm-snooze:before { content: "\e8ac"; } .li-alarm-ringing:before { content: "\e8ad"; } .li-bullhorn:before { content: "\e8ae"; } .li-hearing:before { content: "\e8af"; } .li-volume-high:before { content: "\e8b0"; } .li-volume-medium:before { content: "\e8b1"; } .li-volume-low:before { content: "\e8b2"; } .li-volume:before { content: "\e8b3"; } .li-mute:before { content: "\e8b4"; } .li-lan:before { content: "\e8b5"; } .li-lan2:before { content: "\e8b6"; } .li-wifi:before { content: "\e8b7"; } .li-wifi-lock:before { content: "\e8b8"; } .li-wifi-blocked:before { content: "\e8b9"; } .li-wifi-mid:before { content: "\e8ba"; } .li-wifi-low:before { content: "\e8bb"; } .li-wifi-low2:before { content: "\e8bc"; } .li-wifi-alert:before { content: "\e8bd"; } .li-wifi-alert-mid:before { content: "\e8be"; } .li-wifi-alert-low:before { content: "\e8bf"; } .li-wifi-alert-low2:before { content: "\e8c0"; } .li-stream:before { content: "\e8c1"; } .li-stream-check:before { content: "\e8c2"; } .li-stream-error:before { content: "\e8c3"; } .li-stream-alert:before { content: "\e8c4"; } .li-communication:before { content: "\e8c5"; } .li-communication-crossed:before { content: "\e8c6"; } .li-broadcast:before { content: "\e8c7"; } .li-antenna:before { content: "\e8c8"; } .li-satellite:before { content: "\e8c9"; } .li-satellite2:before { content: "\e8ca"; } .li-mic:before { content: "\e8cb"; } .li-mic-mute:before { content: "\e8cc"; } .li-mic2:before { content: "\e8cd"; } .li-spotlights:before { content: "\e8ce"; } .li-hourglass:before { content: "\e8cf"; } .li-loading:before { content: "\e8d0"; } .li-loading2:before { content: "\e8d1"; } .li-loading3:before { content: "\e8d2"; } .li-refresh:before { content: "\e8d3"; } .li-refresh2:before { content: "\e8d4"; } .li-undo:before { content: "\e8d5"; } .li-redo:before { content: "\e8d6"; } .li-jump2:before { content: "\e8d7"; } .li-undo2:before { content: "\e8d8"; } .li-redo2:before { content: "\e8d9"; } .li-sync:before { content: "\e8da"; } .li-repeat-one2:before { content: "\e8db"; } .li-sync-crossed:before { content: "\e8dc"; } .li-sync2:before { content: "\e8dd"; } .li-repeat-one3:before { content: "\e8de"; } .li-sync-crossed2:before { content: "\e8df"; } .li-return:before { content: "\e8e0"; } .li-return2:before { content: "\e8e1"; } .li-refund:before { content: "\e8e2"; } .li-history:before { content: "\e8e3"; } .li-history2:before { content: "\e8e4"; } .li-self-timer:before { content: "\e8e5"; } .li-clock:before { content: "\e8e6"; } .li-clock2:before { content: "\e8e7"; } .li-clock3:before { content: "\e8e8"; } .li-watch:before { content: "\e8e9"; } .li-alarm2:before { content: "\e8ea"; } .li-alarm-add2:before { content: "\e8eb"; } .li-alarm-remove:before { content: "\e8ec"; } .li-alarm-check:before { content: "\e8ed"; } .li-alarm-error:before { content: "\e8ee"; } .li-timer:before { content: "\e8ef"; } .li-timer-crossed:before { content: "\e8f0"; } .li-timer2:before { content: "\e8f1"; } .li-timer-crossed2:before { content: "\e8f2"; } .li-download:before { content: "\e8f3"; } .li-upload:before { content: "\e8f4"; } .li-download2:before { content: "\e8f5"; } .li-upload2:before { content: "\e8f6"; } .li-enter-up:before { content: "\e8f7"; } .li-enter-down:before { content: "\e8f8"; } .li-enter-left:before { content: "\e8f9"; } .li-enter-right:before { content: "\e8fa"; } .li-exit-up:before { content: "\e8fb"; } .li-exit-down:before { content: "\e8fc"; } .li-exit-left:before { content: "\e8fd"; } .li-exit-right:before { content: "\e8fe"; } .li-enter-up2:before { content: "\e8ff"; } .li-enter-down2:before { content: "\e900"; } .li-enter-vertical:before { content: "\e901"; } .li-enter-left2:before { content: "\e902"; } .li-enter-right2:before { content: "\e903"; } .li-enter-horizontal:before { content: "\e904"; } .li-exit-up2:before { content: "\e905"; } .li-exit-down2:before { content: "\e906"; } .li-exit-left2:before { content: "\e907"; } .li-exit-right2:before { content: "\e908"; } .li-cli:before { content: "\e909"; } .li-bug:before { content: "\e90a"; } .li-code:before { content: "\e90b"; } .li-file-code:before { content: "\e90c"; } .li-file-image:before { content: "\e90d"; } .li-file-zip:before { content: "\e90e"; } .li-file-audio:before { content: "\e90f"; } .li-file-video:before { content: "\e910"; } .li-file-preview:before { content: "\e911"; } .li-file-charts:before { content: "\e912"; } .li-file-stats:before { content: "\e913"; } .li-file-spreadsheet:before { content: "\e914"; } .li-link:before { content: "\e915"; } .li-unlink:before { content: "\e916"; } .li-link2:before { content: "\e917"; } .li-unlink2:before { content: "\e918"; } .li-thumbs-up:before { content: "\e919"; } .li-thumbs-down:before { content: "\e91a"; } .li-thumbs-up2:before { content: "\e91b"; } .li-thumbs-down2:before { content: "\e91c"; } .li-thumbs-up3:before { content: "\e91d"; } .li-thumbs-down3:before { content: "\e91e"; } .li-share:before { content: "\e91f"; } .li-share2:before { content: "\e920"; } .li-share3:before { content: "\e921"; } .li-magnifier:before { content: "\e922"; } .li-file-search:before { content: "\e923"; } .li-find-replace:before { content: "\e924"; } .li-zoom-in:before { content: "\e925"; } .li-zoom-out:before { content: "\e926"; } .li-loupe:before { content: "\e927"; } .li-loupe-zoom-in:before { content: "\e928"; } .li-loupe-zoom-out:before { content: "\e929"; } .li-cross:before { content: "\e92a"; } .li-menu:before { content: "\e92b"; } .li-list:before { content: "\e92c"; } .li-list2:before { content: "\e92d"; } .li-list3:before { content: "\e92e"; } .li-menu2:before { content: "\e92f"; } .li-list4:before { content: "\e930"; } .li-menu3:before { content: "\e931"; } .li-exclamation:before { content: "\e932"; } .li-question:before { content: "\e933"; } .li-check:before { content: "\e934"; } .li-cross2:before { content: "\e935"; } .li-plus:before { content: "\e936"; } .li-minus:before { content: "\e937"; } .li-percent:before { content: "\e938"; } .li-chevron-up:before { content: "\e939"; } .li-chevron-down:before { content: "\e93a"; } .li-chevron-left:before { content: "\e93b"; } .li-chevron-right:before { content: "\e93c"; } .li-chevrons-expand-vertical:before { content: "\e93d"; } .li-chevrons-expand-horizontal:before { content: "\e93e"; } .li-chevrons-contract-vertical:before { content: "\e93f"; } .li-chevrons-contract-horizontal:before { content: "\e940"; } .li-arrow-up:before { content: "\e941"; } .li-arrow-down:before { content: "\e942"; } .li-arrow-left:before { content: "\e943"; } .li-arrow-right:before { content: "\e944"; } .li-arrow-up-right:before { content: "\e945"; } .li-arrows-merge:before { content: "\e946"; } .li-arrows-split:before { content: "\e947"; } .li-arrow-divert:before { content: "\e948"; } .li-arrow-return:before { content: "\e949"; } .li-expand:before { content: "\e94a"; } .li-contract:before { content: "\e94b"; } .li-expand2:before { content: "\e94c"; } .li-contract2:before { content: "\e94d"; } .li-move:before { content: "\e94e"; } .li-tab:before { content: "\e94f"; } .li-arrow-wave:before { content: "\e950"; } .li-expand3:before { content: "\e951"; } .li-expand4:before { content: "\e952"; } .li-contract3:before { content: "\e953"; } .li-notification:before { content: "\e954"; } .li-warning:before { content: "\e955"; } .li-notification-circle:before { content: "\e956"; } .li-question-circle:before { content: "\e957"; } .li-menu-circle:before { content: "\e958"; } .li-checkmark-circle:before { content: "\e959"; } .li-cross-circle:before { content: "\e95a"; } .li-plus-circle:before { content: "\e95b"; } .li-circle-minus:before { content: "\e95c"; } .li-percent-circle:before { content: "\e95d"; } .li-arrow-up-circle:before { content: "\e95e"; } .li-arrow-down-circle:before { content: "\e95f"; } .li-arrow-left-circle:before { content: "\e960"; } .li-arrow-right-circle:before { content: "\e961"; } .li-chevron-up-circle:before { content: "\e962"; } .li-chevron-down-circle:before { content: "\e963"; } .li-chevron-left-circle:before { content: "\e964"; } .li-chevron-right-circle:before { content: "\e965"; } .li-backward-circle:before { content: "\e966"; } .li-first-circle:before { content: "\e967"; } .li-previous-circle:before { content: "\e968"; } .li-stop-circle:before { content: "\e969"; } .li-play-circle:before { content: "\e96a"; } .li-pause-circle:before { content: "\e96b"; } .li-next-circle:before { content: "\e96c"; } .li-last-circle:before { content: "\e96d"; } .li-forward-circle:before { content: "\e96e"; } .li-eject-circle:before { content: "\e96f"; } .li-crop:before { content: "\e970"; } .li-frame-expand:before { content: "\e971"; } .li-frame-contract:before { content: "\e972"; } .li-focus:before { content: "\e973"; } .li-transform:before { content: "\e974"; } .li-grid:before { content: "\e975"; } .li-grid-crossed:before { content: "\e976"; } .li-layers:before { content: "\e977"; } .li-layers-crossed:before { content: "\e978"; } .li-toggle:before { content: "\e979"; } .li-rulers:before { content: "\e97a"; } .li-ruler:before { content: "\e97b"; } .li-funnel:before { content: "\e97c"; } .li-flip-horizontal:before { content: "\e97d"; } .li-flip-vertical:before { content: "\e97e"; } .li-flip-horizontal2:before { content: "\e97f"; } .li-flip-vertical2:before { content: "\e980"; } .li-angle:before { content: "\e981"; } .li-angle2:before { content: "\e982"; } .li-subtract:before { content: "\e983"; } .li-combine:before { content: "\e984"; } .li-intersect:before { content: "\e985"; } .li-exclude:before { content: "\e986"; } .li-align-center-vertical:before { content: "\e987"; } .li-align-right:before { content: "\e988"; } .li-align-bottom:before { content: "\e989"; } .li-align-left:before { content: "\e98a"; } .li-align-center-horizontal:before { content: "\e98b"; } .li-align-top:before { content: "\e98c"; } .li-square:before { content: "\e98d"; } .li-plus-square:before { content: "\e98e"; } .li-minus-square:before { content: "\e98f"; } .li-percent-square:before { content: "\e990"; } .li-arrow-up-square:before { content: "\e991"; } .li-arrow-down-square:before { content: "\e992"; } .li-arrow-left-square:before { content: "\e993"; } .li-arrow-right-square:before { content: "\e994"; } .li-chevron-up-square:before { content: "\e995"; } .li-chevron-down-square:before { content: "\e996"; } .li-chevron-left-square:before { content: "\e997"; } .li-chevron-right-square:before { content: "\e998"; } .li-check-square:before { content: "\e999"; } .li-cross-square:before { content: "\e99a"; } .li-menu-square:before { content: "\e99b"; } .li-prohibited:before { content: "\e99c"; } .li-circle:before { content: "\e99d"; } .li-radio-button:before { content: "\e99e"; } .li-ligature:before { content: "\e99f"; } .li-text-format:before { content: "\e9a0"; } .li-text-format-remove:before { content: "\e9a1"; } .li-text-size:before { content: "\e9a2"; } .li-bold:before { content: "\e9a3"; } .li-italic:before { content: "\e9a4"; } .li-underline:before { content: "\e9a5"; } .li-strikethrough:before { content: "\e9a6"; } .li-highlight:before { content: "\e9a7"; } .li-text-align-left:before { content: "\e9a8"; } .li-text-align-center:before { content: "\e9a9"; } .li-text-align-right:before { content: "\e9aa"; } .li-text-align-justify:before { content: "\e9ab"; } .li-line-spacing:before { content: "\e9ac"; } .li-indent-increase:before { content: "\e9ad"; } .li-indent-decrease:before { content: "\e9ae"; } .li-text-wrap:before { content: "\e9af"; } .li-pilcrow:before { content: "\e9b0"; } .li-direction-ltr:before { content: "\e9b1"; } .li-direction-rtl:before { content: "\e9b2"; } .li-page-break:before { content: "\e9b3"; } .li-page-break2:before { content: "\e9b4"; } .li-sort-alpha-asc:before { content: "\e9b5"; } .li-sort-alpha-desc:before { content: "\e9b6"; } .li-sort-numeric-asc:before { content: "\e9b7"; } .li-sort-numeric-desc:before { content: "\e9b8"; } .li-sort-amount-asc:before { content: "\e9b9"; } .li-sort-amount-desc:before { content: "\e9ba"; } .li-sort-time-asc:before { content: "\e9bb"; } .li-sort-time-desc:before { content: "\e9bc"; } .li-sigma:before { content: "\e9bd"; } .li-pencil-line:before { content: "\e9be"; } .li-hand:before { content: "\e9bf"; } .li-pointer-up:before { content: "\e9c0"; } .li-pointer-right:before { content: "\e9c1"; } .li-pointer-down:before { content: "\e9c2"; } .li-pointer-left:before { content: "\e9c3"; } .li-finger-tap:before { content: "\e9c4"; } .li-fingers-tap:before { content: "\e9c5"; } .li-reminder:before { content: "\e9c6"; } .li-fingers-crossed:before { content: "\e9c7"; } .li-fingers-victory:before { content: "\e9c8"; } .li-gesture-zoom:before { content: "\e9c9"; } .li-gesture-pinch:before { content: "\e9ca"; } .li-fingers-scroll-horizontal:before { content: "\e9cb"; } .li-fingers-scroll-vertical:before { content: "\e9cc"; } .li-fingers-scroll-left:before { content: "\e9cd"; } .li-fingers-scroll-right:before { content: "\e9ce"; } .li-hand2:before { content: "\e9cf"; } .li-pointer-up2:before { content: "\e9d0"; } .li-pointer-right2:before { content: "\e9d1"; } .li-pointer-down2:before { content: "\e9d2"; } .li-pointer-left2:before { content: "\e9d3"; } .li-finger-tap2:before { content: "\e9d4"; } .li-fingers-tap2:before { content: "\e9d5"; } .li-reminder2:before { content: "\e9d6"; } .li-gesture-zoom2:before { content: "\e9d7"; } .li-gesture-pinch2:before { content: "\e9d8"; } .li-fingers-scroll-horizontal2:before { content: "\e9d9"; } .li-fingers-scroll-vertical2:before { content: "\e9da"; } .li-fingers-scroll-left2:before { content: "\e9db"; } .li-fingers-scroll-right2:before { content: "\e9dc"; } .li-fingers-scroll-vertical3:before { content: "\e9dd"; } .li-border-style:before { content: "\e9de"; } .li-border-all:before { content: "\e9df"; } .li-border-outer:before { content: "\e9e0"; } .li-border-inner:before { content: "\e9e1"; } .li-border-top:before { content: "\e9e2"; } .li-border-horizontal:before { content: "\e9e3"; } .li-border-bottom:before { content: "\e9e4"; } .li-border-left:before { content: "\e9e5"; } .li-border-vertical:before { content: "\e9e6"; } .li-border-right:before { content: "\e9e7"; } .li-border-none:before { content: "\e9e8"; } .li-ellipsis:before { content: "\e9e9"; } .li-uni21:before { content: "\21"; } .li-uni22:before { content: "\22"; } .li-uni23:before { content: "\23"; } .li-uni24:before { content: "\24"; } .li-uni25:before { content: "\25"; } .li-uni26:before { content: "\26"; } .li-uni27:before { content: "\27"; } .li-uni28:before { content: "\28"; } .li-uni29:before { content: "\29"; } .li-uni2a:before { content: "\2a"; } .li-uni2b:before { content: "\2b"; } .li-uni2c:before { content: "\2c"; } .li-uni2d:before { content: "\2d"; } .li-uni2e:before { content: "\2e"; } .li-uni2f:before { content: "\2f"; } .li-uni30:before { content: "\30"; } .li-uni31:before { content: "\31"; } .li-uni32:before { content: "\32"; } .li-uni33:before { content: "\33"; } .li-uni34:before { content: "\34"; } .li-uni35:before { content: "\35"; } .li-uni36:before { content: "\36"; } .li-uni37:before { content: "\37"; } .li-uni38:before { content: "\38"; } .li-uni39:before { content: "\39"; } .li-uni3a:before { content: "\3a"; } .li-uni3b:before { content: "\3b"; } .li-uni3c:before { content: "\3c"; } .li-uni3d:before { content: "\3d"; } .li-uni3e:before { content: "\3e"; } .li-uni3f:before { content: "\3f"; } .li-uni40:before { content: "\40"; } .li-uni41:before { content: "\41"; } .li-uni42:before { content: "\42"; } .li-uni43:before { content: "\43"; } .li-uni44:before { content: "\44"; } .li-uni45:before { content: "\45"; } .li-uni46:before { content: "\46"; } .li-uni47:before { content: "\47"; } .li-uni48:before { content: "\48"; } .li-uni49:before { content: "\49"; } .li-uni4a:before { content: "\4a"; } .li-uni4b:before { content: "\4b"; } .li-uni4c:before { content: "\4c"; } .li-uni4d:before { content: "\4d"; } .li-uni4e:before { content: "\4e"; } .li-uni4f:before { content: "\4f"; } .li-uni50:before { content: "\50"; } .li-uni51:before { content: "\51"; } .li-uni52:before { content: "\52"; } .li-uni53:before { content: "\53"; } .li-uni54:before { content: "\54"; } .li-uni55:before { content: "\55"; } .li-uni56:before { content: "\56"; } .li-uni57:before { content: "\57"; } .li-uni58:before { content: "\58"; } .li-uni59:before { content: "\59"; } .li-uni5a:before { content: "\5a"; } .li-uni5b:before { content: "\5b"; } .li-uni5c:before { content: "\5c"; } .li-uni5d:before { content: "\5d"; } .li-uni5e:before { content: "\5e"; } .li-uni5f:before { content: "\5f"; } .li-uni60:before { content: "\60"; } .li-uni61:before { content: "\61"; } .li-uni62:before { content: "\62"; } .li-uni63:before { content: "\63"; } .li-uni64:before { content: "\64"; } .li-uni65:before { content: "\65"; } .li-uni66:before { content: "\66"; } .li-uni67:before { content: "\67"; } .li-uni68:before { content: "\68"; } .li-uni69:before { content: "\69"; } .li-uni6a:before { content: "\6a"; } .li-uni6b:before { content: "\6b"; } .li-uni6c:before { content: "\6c"; } .li-uni6d:before { content: "\6d"; } .li-uni6e:before { content: "\6e"; } .li-uni6f:before { content: "\6f"; } .li-uni70:before { content: "\70"; } .li-uni71:before { content: "\71"; } .li-uni72:before { content: "\72"; } .li-uni73:before { content: "\73"; } .li-uni74:before { content: "\74"; } .li-uni75:before { content: "\75"; } .li-uni76:before { content: "\76"; } .li-uni77:before { content: "\77"; } .li-uni78:before { content: "\78"; } .li-uni79:before { content: "\79"; } .li-uni7a:before { content: "\7a"; } .li-uni7b:before { content: "\7b"; } .li-uni7c:before { content: "\7c"; } .li-uni7d:before { content: "\7d"; } .li-uni7e:before { content: "\7e"; } .li-copyright:before { content: "\a9"; } @font-face{font-family:'ElegantIcons';src:url('../fonts/ElegantIcons.eot');src:url('../fonts/ElegantIcons.eot') format('embedded-opentype'),url('../fonts/ElegantIcons.woff') format('woff'),url('../fonts/ElegantIcons.ttf') format('truetype'),url('../fonts/ElegantIcons.svg') format('svg');font-weight:normal;font-style:normal} .ei{font-family:"ElegantIcons";font-style:normal;font-variant:normal;font-weight:normal;line-height:1;speak:none;text-transform:none} .ei-arrow_up::before,.ei-icon_arrow_up::before{content:'\21'} .ei-arrow_down::before,.ei-icon_arrow_down::before{content:'\22'} .ei-arrow_left::before,.ei-icon_arrow_left::before{content:'\23'} .ei-arrow_right::before,.ei-icon_arrow_right::before{content:'\24'} .ei-arrow_left-up::before,.ei-icon_arrow_left-up::before{content:'\25'} .ei-arrow_right-up::before,.ei-icon_arrow_right-up::before{content:'\26'} .ei-arrow_right-down::before,.ei-icon_arrow_right-down::before{content:'\27'} .ei-arrow_left-down::before,.ei-icon_arrow_left-down::before{content:'\28'} .ei-arrow-up-down::before,.ei-icon_arrow-up-down::before{content:'\29'} .ei-arrow_up-down_alt::before,.ei-icon_arrow_up-down_alt::before{content:'\2a'} .ei-arrow_left-right_alt::before,.ei-icon_arrow_left-right_alt::before{content:'\2b'} .ei-arrow_left-right::before,.ei-icon_arrow_left-right::before{content:'\2c'} .ei-arrow_expand_alt2::before,.ei-icon_arrow_expand_alt2::before{content:'\2d'} .ei-arrow_expand_alt::before,.ei-icon_arrow_expand_alt::before{content:'\2e'} .ei-arrow_condense::before,.ei-icon_arrow_condense::before{content:'\2f'} .ei-arrow_expand::before,.ei-icon_arrow_expand::before{content:'\30'} .ei-arrow_move::before,.ei-icon_arrow_move::before{content:'\31'} .ei-arrow_carrot-up::before,.ei-icon_arrow_carrot-up::before{content:'\32'} .ei-arrow_carrot-down::before,.ei-icon_arrow_carrot-down::before{content:'\33'} .ei-arrow_carrot-left::before,.ei-icon_arrow_carrot-left::before{content:'\34'} .ei-arrow_carrot-right::before,.ei-icon_arrow_carrot-right::before{content:'\35'} .ei-arrow_carrot-2up::before,.ei-icon_arrow_carrot-2up::before{content:'\36'} .ei-arrow_carrot-2down::before,.ei-icon_arrow_carrot-2down::before{content:'\37'} .ei-arrow_carrot-2left::before,.ei-icon_arrow_carrot-2left::before{content:'\38'} .ei-arrow_carrot-2right::before,.ei-icon_arrow_carrot-2right::before{content:'\39'} .ei-arrow_carrot-up_alt2::before,.ei-icon_arrow_carrot-up_alt2::before{content:'\3a'} .ei-arrow_carrot-down_alt2::before,.ei-icon_arrow_carrot-down_alt2::before{content:'\3b'} .ei-arrow_carrot-left_alt2::before,.ei-icon_arrow_carrot-left_alt2::before{content:'\3c'} .ei-arrow_carrot-right_alt2::before,.ei-icon_arrow_carrot-right_alt2::before{content:'\3d'} .ei-arrow_carrot-2up_alt2::before,.ei-icon_arrow_carrot-2up_alt2::before{content:'\3e'} .ei-arrow_carrot-2down_alt2::before,.ei-icon_arrow_carrot-2down_alt2::before{content:'\3f'} .ei-arrow_carrot-2left_alt2::before,.ei-icon_arrow_carrot-2left_alt2::before{content:'\40'} .ei-arrow_carrot-2right_alt2::before,.ei-icon_arrow_carrot-2right_alt2::before{content:'\41'} .ei-arrow_triangle-up::before,.ei-icon_arrow_triangle-up::before{content:'\42'} .ei-arrow_triangle-down::before,.ei-icon_arrow_triangle-down::before{content:'\43'} .ei-arrow_triangle-left::before,.ei-icon_arrow_triangle-left::before{content:'\44'} .ei-arrow_triangle-right::before,.ei-icon_arrow_triangle-right::before{content:'\45'} .ei-arrow_triangle-up_alt2::before,.ei-icon_arrow_triangle-up_alt2::before{content:'\46'} .ei-arrow_triangle-down_alt2::before,.ei-icon_arrow_triangle-down_alt2::before{content:'\47'} .ei-arrow_triangle-left_alt2::before,.ei-icon_arrow_triangle-left_alt2::before{content:'\48'} .ei-arrow_triangle-right_alt2::before,.ei-icon_arrow_triangle-right_alt2::before{content:'\49'} .ei-arrow_back::before,.ei-icon_arrow_back::before{content:'\4a'} .ei-minus-06::before,.ei-icon_minus-06::before{content:'\4b'} .ei-plus::before,.ei-icon_plus::before{content:'\4c'} .ei-close::before,.ei-icon_close::before{content:'\4d'} .ei-check::before,.ei-icon_check::before{content:'\4e'} .ei-minus_alt2::before,.ei-icon_minus_alt2::before{content:'\4f'} .ei-plus_alt2::before,.ei-icon_plus_alt2::before{content:'\50'} .ei-close_alt2::before,.ei-icon_close_alt2::before{content:'\51'} .ei-check_alt2::before,.ei-icon_check_alt2::before{content:'\52'} .ei-zoom-out_alt::before,.ei-icon_zoom-out_alt::before{content:'\53'} .ei-zoom-in_alt::before,.ei-icon_zoom-in_alt::before{content:'\54'} .ei-search::before,.ei-icon_search::before{content:'\55'} .ei-box-empty::before,.ei-icon_box-empty::before{content:'\56'} .ei-box-selected::before,.ei-icon_box-selected::before{content:'\57'} .ei-minus-box::before,.ei-icon_minus-box::before{content:'\58'} .ei-plus-box::before,.ei-icon_plus-box::before{content:'\59'} .ei-box-checked::before,.ei-icon_box-checked::before{content:'\5a'} .ei-circle-empty::before,.ei-icon_circle-empty::before{content:'\5b'} .ei-circle-slelected::before,.ei-icon_circle-slelected::before{content:'\5c'} .ei-circle-selected::before,.ei-icon_circle-selected::before{content:'\5c'} .ei-stop_alt2::before,.ei-icon_stop_alt2::before{content:'\5d'} .ei-stop::before,.ei-icon_stop::before{content:'\5e'} .ei-pause_alt2::before,.ei-icon_pause_alt2::before{content:'\5f'} .ei-pause::before,.ei-icon_pause::before{content:'\60'} .ei-menu::before,.ei-icon_menu::before{content:'\61'} .ei-menu-square_alt2::before,.ei-icon_menu-square_alt2::before{content:'\62'} .ei-menu-circle_alt2::before,.ei-icon_menu-circle_alt2::before{content:'\63'} .ei-ul::before,.ei-icon_ul::before{content:'\64'} .ei-ol::before,.ei-icon_ol::before{content:'\65'} .ei-adjust-horiz::before,.ei-icon_adjust-horiz::before{content:'\66'} .ei-adjust-vert::before,.ei-icon_adjust-vert::before{content:'\67'} .ei-document_alt::before,.ei-icon_document_alt::before{content:'\68'} .ei-documents_alt::before,.ei-icon_documents_alt::before{content:'\69'} .ei-pencil::before,.ei-icon_pencil::before{content:'\6a'} .ei-pencil-edit_alt::before,.ei-icon_pencil-edit_alt::before{content:'\6b'} .ei-pencil-edit::before,.ei-icon_pencil-edit::before{content:'\6c'} .ei-folder-alt::before,.ei-icon_folder-alt::before{content:'\6d'} .ei-folder-open_alt::before,.ei-icon_folder-open_alt::before{content:'\6e'} .ei-folder-add_alt::before,.ei-icon_folder-add_alt::before{content:'\6f'} .ei-info_alt::before,.ei-icon_info_alt::before{content:'\70'} .ei-error-oct_alt::before,.ei-icon_error-oct_alt::before{content:'\71'} .ei-error-circle_alt::before,.ei-icon_error-circle_alt::before{content:'\72'} .ei-error-triangle_alt::before,.ei-icon_error-triangle_alt::before{content:'\73'} .ei-question_alt2::before,.ei-icon_question_alt2::before{content:'\74'} .ei-question::before,.ei-icon_question::before{content:'\75'} .ei-comment_alt::before,.ei-icon_comment_alt::before{content:'\76'} .ei-chat_alt::before,.ei-icon_chat_alt::before{content:'\77'} .ei-vol-mute_alt::before,.ei-icon_vol-mute_alt::before{content:'\78'} .ei-volume-low_alt::before,.ei-icon_volume-low_alt::before{content:'\79'} .ei-volume-high_alt::before,.ei-icon_volume-high_alt::before{content:'\7a'} .ei-quotations::before,.ei-icon_quotations::before{content:'\7b'} .ei-quotations_alt2::before,.ei-icon_quotations_alt2::before{content:'\7c'} .ei-clock_alt::before,.ei-icon_clock_alt::before{content:'\7d'} .ei-lock_alt::before,.ei-icon_lock_alt::before{content:'\7e'} .ei-lock-open_alt::before,.ei-icon_lock-open_alt::before{content:'\e000'} .ei-key_alt::before,.ei-icon_key_alt::before{content:'\e001'} .ei-cloud_alt::before,.ei-icon_cloud_alt::before{content:'\e002'} .ei-cloud-upload_alt::before,.ei-icon_cloud-upload_alt::before{content:'\e003'} .ei-cloud-download_alt::before,.ei-icon_cloud-download_alt::before{content:'\e004'} .ei-image::before,.ei-icon_image::before{content:'\e005'} .ei-images::before,.ei-icon_images::before{content:'\e006'} .ei-lightbulb_alt::before,.ei-icon_lightbulb_alt::before{content:'\e007'} .ei-gift_alt::before,.ei-icon_gift_alt::before{content:'\e008'} .ei-house_alt::before,.ei-icon_house_alt::before{content:'\e009'} .ei-genius::before,.ei-icon_genius::before{content:'\e00a'} .ei-mobile::before,.ei-icon_mobile::before{content:'\e00b'} .ei-tablet::before,.ei-icon_tablet::before{content:'\e00c'} .ei-laptop::before,.ei-icon_laptop::before{content:'\e00d'} .ei-desktop::before,.ei-icon_desktop::before{content:'\e00e'} .ei-camera_alt::before,.ei-icon_camera_alt::before{content:'\e00f'} .ei-mail_alt::before,.ei-icon_mail_alt::before{content:'\e010'} .ei-cone_alt::before,.ei-icon_cone_alt::before{content:'\e011'} .ei-ribbon_alt::before,.ei-icon_ribbon_alt::before{content:'\e012'} .ei-bag_alt::before,.ei-icon_bag_alt::before{content:'\e013'} .ei-creditcard::before,.ei-icon_creditcard::before{content:'\e014'} .ei-cart_alt::before,.ei-icon_cart_alt::before{content:'\e015'} .ei-paperclip::before,.ei-icon_paperclip::before{content:'\e016'} .ei-tag_alt::before,.ei-icon_tag_alt::before{content:'\e017'} .ei-tags_alt::before,.ei-icon_tags_alt::before{content:'\e018'} .ei-trash_alt::before,.ei-icon_trash_alt::before{content:'\e019'} .ei-cursor_alt::before,.ei-icon_cursor_alt::before{content:'\e01a'} .ei-mic_alt::before,.ei-icon_mic_alt::before{content:'\e01b'} .ei-compass_alt::before,.ei-icon_compass_alt::before{content:'\e01c'} .ei-pin_alt::before,.ei-icon_pin_alt::before{content:'\e01d'} .ei-pushpin_alt::before,.ei-icon_pushpin_alt::before{content:'\e01e'} .ei-map_alt::before,.ei-icon_map_alt::before{content:'\e01f'} .ei-drawer_alt::before,.ei-icon_drawer_alt::before{content:'\e020'} .ei-toolbox_alt::before,.ei-icon_toolbox_alt::before{content:'\e021'} .ei-book_alt::before,.ei-icon_book_alt::before{content:'\e022'} .ei-calendar::before,.ei-icon_calendar::before{content:'\e023'} .ei-film::before,.ei-icon_film::before{content:'\e024'} .ei-table::before,.ei-icon_table::before{content:'\e025'} .ei-contacts_alt::before,.ei-icon_contacts_alt::before{content:'\e026'} .ei-headphones::before,.ei-icon_headphones::before{content:'\e027'} .ei-lifesaver::before,.ei-icon_lifesaver::before{content:'\e028'} .ei-piechart::before,.ei-icon_piechart::before{content:'\e029'} .ei-refresh::before,.ei-icon_refresh::before{content:'\e02a'} .ei-link_alt::before,.ei-icon_link_alt::before{content:'\e02b'} .ei-link::before,.ei-icon_link::before{content:'\e02c'} .ei-loading::before,.ei-icon_loading::before{content:'\e02d'} .ei-blocked::before,.ei-icon_blocked::before{content:'\e02e'} .ei-archive_alt::before,.ei-icon_archive_alt::before{content:'\e02f'} .ei-heart_alt::before,.ei-icon_heart_alt::before{content:'\e030'} .ei-star_alt::before,.ei-icon_star_alt::before{content:'\e031'} .ei-star-half_alt::before,.ei-icon_star-half_alt::before{content:'\e032'} .ei-star::before,.ei-icon_star::before{content:'\e033'} .ei-star-half::before,.ei-icon_star-half::before{content:'\e034'} .ei-tools::before,.ei-icon_tools::before{content:'\e035'} .ei-tool::before,.ei-icon_tool::before{content:'\e036'} .ei-cog::before,.ei-icon_cog::before{content:'\e037'} .ei-cogs::before,.ei-icon_cogs::before{content:'\e038'} .ei-arrow_up_alt::before,.ei-icon_arrow_up_alt::before{content:'\e039'} .ei-arrow_down_alt::before,.ei-icon_arrow_down_alt::before{content:'\e03a'} .ei-arrow_left_alt::before,.ei-icon_arrow_left_alt::before{content:'\e03b'} .ei-arrow_right_alt::before,.ei-icon_arrow_right_alt::before{content:'\e03c'} .ei-arrow_left-up_alt::before,.ei-icon_arrow_left-up_alt::before{content:'\e03d'} .ei-arrow_right-up_alt::before,.ei-icon_arrow_right-up_alt::before{content:'\e03e'} .ei-arrow_right-down_alt::before,.ei-icon_arrow_right-down_alt::before{content:'\e03f'} .ei-arrow_left-down_alt::before,.ei-icon_arrow_left-down_alt::before{content:'\e040'} .ei-arrow_condense_alt::before,.ei-icon_arrow_condense_alt::before{content:'\e041'} .ei-arrow_expand_alt3::before,.ei-icon_arrow_expand_alt3::before{content:'\e042'} .ei-arrow_carrot_up_alt::before,.ei-icon_arrow_carrot_up_alt::before{content:'\e043'} .ei-arrow_carrot-down_alt::before,.ei-icon_arrow_carrot-down_alt::before{content:'\e044'} .ei-arrow_carrot-left_alt::before,.ei-icon_arrow_carrot-left_alt::before{content:'\e045'} .ei-arrow_carrot-right_alt::before,.ei-icon_arrow_carrot-right_alt::before{content:'\e046'} .ei-arrow_carrot-2up_alt::before,.ei-icon_arrow_carrot-2up_alt::before{content:'\e047'} .ei-arrow_carrot-2dwnn_alt::before,.ei-icon_arrow_carrot-2dwnn_alt::before{content:'\e048'} .ei-arrow_carrot-2left_alt::before,.ei-icon_arrow_carrot-2left_alt::before{content:'\e049'} .ei-arrow_carrot-2right_alt::before,.ei-icon_arrow_carrot-2right_alt::before{content:'\e04a'} .ei-arrow_triangle-up_alt::before,.ei-icon_arrow_triangle-up_alt::before{content:'\e04b'} .ei-arrow_triangle-down_alt::before,.ei-icon_arrow_triangle-down_alt::before{content:'\e04c'} .ei-arrow_triangle-left_alt::before,.ei-icon_arrow_triangle-left_alt::before{content:'\e04d'} .ei-arrow_triangle-right_alt::before,.ei-icon_arrow_triangle-right_alt::before{content:'\e04e'} .ei-minus_alt::before,.ei-icon_minus_alt::before{content:'\e04f'} .ei-plus_alt::before,.ei-icon_plus_alt::before{content:'\e050'} .ei-close_alt::before,.ei-icon_close_alt::before{content:'\e051'} .ei-check_alt::before,.ei-icon_check_alt::before{content:'\e052'} .ei-zoom-out::before,.ei-icon_zoom-out::before{content:'\e053'} .ei-zoom-in::before,.ei-icon_zoom-in::before{content:'\e054'} .ei-stop_alt::before,.ei-icon_stop_alt::before{content:'\e055'} .ei-menu-square_alt::before,.ei-icon_menu-square_alt::before{content:'\e056'} .ei-menu-circle_alt::before,.ei-icon_menu-circle_alt::before{content:'\e057'} .ei-document::before,.ei-icon_document::before{content:'\e058'} .ei-documents::before,.ei-icon_documents::before{content:'\e059'} .ei-pencil_alt::before,.ei-icon_pencil_alt::before{content:'\e05a'} .ei-folder::before,.ei-icon_folder::before{content:'\e05b'} .ei-folder-open::before,.ei-icon_folder-open::before{content:'\e05c'} .ei-folder-add::before,.ei-icon_folder-add::before{content:'\e05d'} .ei-folder_upload::before,.ei-icon_folder_upload::before{content:'\e05e'} .ei-folder_download::before,.ei-icon_folder_download::before{content:'\e05f'} .ei-info::before,.ei-icon_info::before{content:'\e060'} .ei-error-circle::before,.ei-icon_error-circle::before{content:'\e061'} .ei-error-oct::before,.ei-icon_error-oct::before{content:'\e062'} .ei-error-triangle::before,.ei-icon_error-triangle::before{content:'\e063'} .ei-question_alt::before,.ei-icon_question_alt::before{content:'\e064'} .ei-comment::before,.ei-icon_comment::before{content:'\e065'} .ei-chat::before,.ei-icon_chat::before{content:'\e066'} .ei-vol-mute::before,.ei-icon_vol-mute::before{content:'\e067'} .ei-volume-low::before,.ei-icon_volume-low::before{content:'\e068'} .ei-volume-high::before,.ei-icon_volume-high::before{content:'\e069'} .ei-quotations_alt::before,.ei-icon_quotations_alt::before{content:'\e06a'} .ei-clock::before,.ei-icon_clock::before{content:'\e06b'} .ei-lock::before,.ei-icon_lock::before{content:'\e06c'} .ei-lock-open::before,.ei-icon_lock-open::before{content:'\e06d'} .ei-key::before,.ei-icon_key::before{content:'\e06e'} .ei-cloud::before,.ei-icon_cloud::before{content:'\e06f'} .ei-cloud-upload::before,.ei-icon_cloud-upload::before{content:'\e070'} .ei-cloud-download::before,.ei-icon_cloud-download::before{content:'\e071'} .ei-lightbulb::before,.ei-icon_lightbulb::before{content:'\e072'} .ei-gift::before,.ei-icon_gift::before{content:'\e073'} .ei-house::before,.ei-icon_house::before{content:'\e074'} .ei-camera::before,.ei-icon_camera::before{content:'\e075'} .ei-mail::before,.ei-icon_mail::before{content:'\e076'} .ei-cone::before,.ei-icon_cone::before{content:'\e077'} .ei-ribbon::before,.ei-icon_ribbon::before{content:'\e078'} .ei-bag::before,.ei-icon_bag::before{content:'\e079'} .ei-cart::before,.ei-icon_cart::before{content:'\e07a'} .ei-tag::before,.ei-icon_tag::before{content:'\e07b'} .ei-tags::before,.ei-icon_tags::before{content:'\e07c'} .ei-trash::before,.ei-icon_trash::before{content:'\e07d'} .ei-cursor::before,.ei-icon_cursor::before{content:'\e07e'} .ei-mic::before,.ei-icon_mic::before{content:'\e07f'} .ei-compass::before,.ei-icon_compass::before{content:'\e080'} .ei-pin::before,.ei-icon_pin::before{content:'\e081'} .ei-pushpin::before,.ei-icon_pushpin::before{content:'\e082'} .ei-map::before,.ei-icon_map::before{content:'\e083'} .ei-drawer::before,.ei-icon_drawer::before{content:'\e084'} .ei-toolbox::before,.ei-icon_toolbox::before{content:'\e085'} .ei-book::before,.ei-icon_book::before{content:'\e086'} .ei-contacts::before,.ei-icon_contacts::before{content:'\e087'} .ei-archive::before,.ei-icon_archive::before{content:'\e088'} .ei-heart::before,.ei-icon_heart::before{content:'\e089'} .ei-profile::before,.ei-icon_profile::before{content:'\e08a'} .ei-group::before,.ei-icon_group::before{content:'\e08b'} .ei-grid-2x2::before,.ei-icon_grid-2x2::before{content:'\e08c'} .ei-grid-3x3::before,.ei-icon_grid-3x3::before{content:'\e08d'} .ei-music::before,.ei-icon_music::before{content:'\e08e'} .ei-pause_alt::before,.ei-icon_pause_alt::before{content:'\e08f'} .ei-phone::before,.ei-icon_phone::before{content:'\e090'} .ei-upload::before,.ei-icon_upload::before{content:'\e091'} .ei-download::before,.ei-icon_download::before{content:'\e092'} .ei-social_facebook::before,.ei-icon_social_facebook::before{content:'\e093'} .ei-social_twitter::before,.ei-icon_social_twitter::before{content:'\e094'} .ei-social_pinterest::before,.ei-icon_social_pinterest::before{content:'\e095'} .ei-social_googleplus::before,.ei-icon_social_googleplus::before{content:'\e096'} .ei-social_tumblr::before,.ei-icon_social_tumblr::before{content:'\e097'} .ei-social_tumbleupon::before,.ei-icon_social_tumbleupon::before{content:'\e098'} .ei-social_wordpress::before,.ei-icon_social_wordpress::before{content:'\e099'} .ei-social_instagram::before,.ei-icon_social_instagram::before{content:'\e09a'} .ei-social_dribbble::before,.ei-icon_social_dribbble::before{content:'\e09b'} .ei-social_vimeo::before,.ei-icon_social_vimeo::before{content:'\e09c'} .ei-social_linkedin::before,.ei-icon_social_linkedin::before{content:'\e09d'} .ei-social_rss::before,.ei-icon_social_rss::before{content:'\e09e'} .ei-social_deviantart::before,.ei-icon_social_deviantart::before{content:'\e09f'} .ei-social_share::before,.ei-icon_social_share::before{content:'\e0a0'} .ei-social_myspace::before,.ei-icon_social_myspace::before{content:'\e0a1'} .ei-social_skype::before,.ei-icon_social_skype::before{content:'\e0a2'} .ei-social_youtube::before,.ei-icon_social_youtube::before{content:'\e0a3'} .ei-social_picassa::before,.ei-icon_social_picassa::before{content:'\e0a4'} .ei-social_googledrive::before,.ei-icon_social_googledrive::before{content:'\e0a5'} .ei-social_flickr::before,.ei-icon_social_flickr::before{content:'\e0a6'} .ei-social_blogger::before,.ei-icon_social_blogger::before{content:'\e0a7'} .ei-social_spotify::before,.ei-icon_social_spotify::before{content:'\e0a8'} .ei-social_delicious::before,.ei-icon_social_delicious::before{content:'\e0a9'} .ei-social_facebook_circle::before,.ei-icon_social_facebook_circle::before{content:'\e0aa'} .ei-social_twitter_circle::before,.ei-icon_social_twitter_circle::before{content:'\e0ab'} .ei-social_pinterest_circle::before,.ei-icon_social_pinterest_circle::before{content:'\e0ac'} .ei-social_googleplus_circle::before,.ei-icon_social_googleplus_circle::before{content:'\e0ad'} .ei-social_tumblr_circle::before,.ei-icon_social_tumblr_circle::before{content:'\e0ae'} .ei-social_stumbleupon_circle::before,.ei-icon_social_stumbleupon_circle::before{content:'\e0af'} .ei-social_wordpress_circle::before,.ei-icon_social_wordpress_circle::before{content:'\e0b0'} .ei-social_instagram_circle::before,.ei-icon_social_instagram_circle::before{content:'\e0b1'} .ei-social_dribbble_circle::before,.ei-icon_social_dribbble_circle::before{content:'\e0b2'} .ei-social_vimeo_circle::before,.ei-icon_social_vimeo_circle::before{content:'\e0b3'} .ei-social_linkedin_circle::before,.ei-icon_social_linkedin_circle::before{content:'\e0b4'} .ei-social_rss_circle::before,.ei-icon_social_rss_circle::before{content:'\e0b5'} .ei-social_deviantart_circle::before,.ei-icon_social_deviantart_circle::before{content:'\e0b6'} .ei-social_share_circle::before,.ei-icon_social_share_circle::before{content:'\e0b7'} .ei-social_myspace_circle::before,.ei-icon_social_myspace_circle::before{content:'\e0b8'} .ei-social_skype_circle::before,.ei-icon_social_skype_circle::before{content:'\e0b9'} .ei-social_youtube_circle::before,.ei-icon_social_youtube_circle::before{content:'\e0ba'} .ei-social_picassa_circle::before,.ei-icon_social_picassa_circle::before{content:'\e0bb'} .ei-social_googledrive_alt2::before,.ei-icon_social_googledrive_alt2::before{content:'\e0bc'} .ei-social_flickr_circle::before,.ei-icon_social_flickr_circle::before{content:'\e0bd'} .ei-social_blogger_circle::before,.ei-icon_social_blogger_circle::before{content:'\e0be'} .ei-social_spotify_circle::before,.ei-icon_social_spotify_circle::before{content:'\e0bf'} .ei-social_delicious_circle::before,.ei-icon_social_delicious_circle::before{content:'\e0c0'} .ei-social_facebook_square::before,.ei-icon_social_facebook_square::before{content:'\e0c1'} .ei-social_twitter_square::before,.ei-icon_social_twitter_square::before{content:'\e0c2'} .ei-social_pinterest_square::before,.ei-icon_social_pinterest_square::before{content:'\e0c3'} .ei-social_googleplus_square::before,.ei-icon_social_googleplus_square::before{content:'\e0c4'} .ei-social_tumblr_square::before,.ei-icon_social_tumblr_square::before{content:'\e0c5'} .ei-social_stumbleupon_square::before,.ei-icon_social_stumbleupon_square::before{content:'\e0c6'} .ei-social_wordpress_square::before,.ei-icon_social_wordpress_square::before{content:'\e0c7'} .ei-social_instagram_square::before,.ei-icon_social_instagram_square::before{content:'\e0c8'} .ei-social_dribbble_square::before,.ei-icon_social_dribbble_square::before{content:'\e0c9'} .ei-social_vimeo_square::before,.ei-icon_social_vimeo_square::before{content:'\e0ca'} .ei-social_linkedin_square::before,.ei-icon_social_linkedin_square::before{content:'\e0cb'} .ei-social_rss_square::before,.ei-icon_social_rss_square::before{content:'\e0cc'} .ei-social_deviantart_square::before,.ei-icon_social_deviantart_square::before{content:'\e0cd'} .ei-social_share_square::before,.ei-icon_social_share_square::before{content:'\e0ce'} .ei-social_myspace_square::before,.ei-icon_social_myspace_square::before{content:'\e0cf'} .ei-social_skype_square::before,.ei-icon_social_skype_square::before{content:'\e0d0'} .ei-social_youtube_square::before,.ei-icon_social_youtube_square::before{content:'\e0d1'} .ei-social_picassa_square::before,.ei-icon_social_picassa_square::before{content:'\e0d2'} .ei-social_googledrive_square::before,.ei-icon_social_googledrive_square::before{content:'\e0d3'} .ei-social_flickr_square::before,.ei-icon_social_flickr_square::before{content:'\e0d4'} .ei-social_blogger_square::before,.ei-icon_social_blogger_square::before{content:'\e0d5'} .ei-social_spotify_square::before,.ei-icon_social_spotify_square::before{content:'\e0d6'} .ei-social_delicious_square::before,.ei-icon_social_delicious_square::before{content:'\e0d7'} .ei-printer::before,.ei-icon_printer::before{content:'\e103'} .ei-calulator::before,.ei-icon_calulator::before{content:'\e0ee'} .ei-building::before,.ei-icon_building::before{content:'\e0ef'} .ei-floppy::before,.ei-icon_floppy::before{content:'\e0e8'} .ei-drive::before,.ei-icon_drive::before{content:'\e0ea'} .ei-search-2::before,.ei-icon_search-2::before{content:'\e101'} .ei-id::before,.ei-icon_id::before{content:'\e107'} .ei-id-2::before,.ei-icon_id-2::before{content:'\e108'} .ei-puzzle::before,.ei-icon_puzzle::before{content:'\e102'} .ei-like::before,.ei-icon_like::before{content:'\e106'} .ei-dislike::before,.ei-icon_dislike::before{content:'\e0eb'} .ei-mug::before,.ei-icon_mug::before{content:'\e105'} .ei-currency::before,.ei-icon_currency::before{content:'\e0ed'} .ei-wallet::before,.ei-icon_wallet::before{content:'\e100'} .ei-pens::before,.ei-icon_pens::before{content:'\e104'} .ei-easel::before,.ei-icon_easel::before{content:'\e0e9'} .ei-flowchart::before,.ei-icon_flowchart::before{content:'\e109'} .ei-datareport::before,.ei-icon_datareport::before{content:'\e0ec'} .ei-briefcase::before,.ei-icon_briefcase::before{content:'\e0fe'} .ei-shield::before,.ei-icon_shield::before{content:'\e0f6'} .ei-percent::before,.ei-icon_percent::before{content:'\e0fb'} .ei-globe::before,.ei-icon_globe::before{content:'\e0e2'} .ei-globe-2::before,.ei-icon_globe-2::before{content:'\e0e3'} .ei-target::before,.ei-icon_target::before{content:'\e0f5'} .ei-hourglass::before,.ei-icon_hourglass::before{content:'\e0e1'} .ei-balance::before,.ei-icon_balance::before{content:'\e0ff'} .ei-rook::before,.ei-icon_rook::before{content:'\e0f8'} .ei-printer-alt::before,.ei-icon_printer-alt::before{content:'\e0fa'} .ei-calculator_alt::before,.ei-icon_calculator_alt::before{content:'\e0e7'} .ei-building_alt::before,.ei-icon_building_alt::before{content:'\e0fd'} .ei-floppy_alt::before,.ei-icon_floppy_alt::before{content:'\e0e4'} .ei-drive_alt::before,.ei-icon_drive_alt::before{content:'\e0e5'} .ei-search_alt::before,.ei-icon_search_alt::before{content:'\e0f7'} .ei-id_alt::before,.ei-icon_id_alt::before{content:'\e0e0'} .ei-id-2_alt::before,.ei-icon_id-2_alt::before{content:'\e0fc'} .ei-puzzle_alt::before,.ei-icon_puzzle_alt::before{content:'\e0f9'} .ei-like_alt::before,.ei-icon_like_alt::before{content:'\e0dd'} .ei-dislike_alt::before,.ei-icon_dislike_alt::before{content:'\e0f1'} .ei-mug_alt::before,.ei-icon_mug_alt::before{content:'\e0dc'} .ei-currency_alt::before,.ei-icon_currency_alt::before{content:'\e0f3'} .ei-wallet_alt::before,.ei-icon_wallet_alt::before{content:'\e0d8'} .ei-pens_alt::before,.ei-icon_pens_alt::before{content:'\e0db'} .ei-easel_alt::before,.ei-icon_easel_alt::before{content:'\e0f0'} .ei-flowchart_alt::before,.ei-icon_flowchart_alt::before{content:'\e0df'} .ei-datareport_alt::before,.ei-icon_datareport_alt::before{content:'\e0f2'} .ei-briefcase_alt::before,.ei-icon_briefcase_alt::before{content:'\e0f4'} .ei-shield_alt::before,.ei-icon_shield_alt::before{content:'\e0d9'} .ei-percent_alt::before,.ei-icon_percent_alt::before{content:'\e0da'} .ei-globe_alt::before,.ei-icon_globe_alt::before{content:'\e0de'} .ei-clipboard::before,.ei-icon_clipboard::before{content:'\e0e6'} /* ------------------- PRODUCT CARDS --------------------*/ .satchel-mis-screen, .satchel-pulse-screen { opacity: .5; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .satchel-mis-screen:hover, .satchel-pulse-screen:hover { opacity: 1; } .floating-cards { position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; -webkit-transform: all 1s; -moz-transform: all 1s; transform: all 1s; -webkit-perspective: 800px; perspective: 800px; z-index: 2; } @media (max-width: 991px) { .satchel-mis-screen, .satchel-pulse-screen { opacity: 1; } } figure .card { position: relative; -webkit-box-shadow: 1px 1px 5px 0 rgba(26,26,67,.05), 39px 62.5px 125px -25px rgba(50,50,93,.5), 23.4px 37.5px 75px -37.5px rgba(0,0,0,.6); box-shadow: 1px 1px 5px 0 rgba(26,26,67,.05), 39px 62.5px 125px -25px rgba(50,50,93,.5), 23.4px 37.5px 75px -37.5px rgba(0,0,0,.6); background: #e6e9ed url(../images/products/smhw/browser.svg) top no-repeat; padding: 6.5% 0 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; overflow: hidden; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; -webkit-transform: all 1s; -moz-transform: all 1s; transform: all 1s; } figure .card .screen-img { position: absolute; -webkit-backface-visibility: hidden; outline: 1px solid transparent; z-index: 1; } .angle-skew { -moz-transform: scale(.95) translateX(0px) translateY(0) rotateY(-15deg) rotateX(4deg) rotate(1deg); -webkit-transform: scale(.95) translateX(0px) translateY(0) rotateY(-15deg) rotateX(4deg) rotate(1deg); transform: scale(.95) translateX(0px) translateY(0) rotateY(-15deg) rotateX(4deg) rotate(1deg); } .angle-skew-left { position: relative; -moz-transform: scale(.95) translateX(50px) translateY(0) rotateY(20deg) rotateX(0deg) rotate(0deg); -webkit-transform: scale(.95) translateX(50px) translateY(0) rotateY(20deg) rotateX(0deg) rotate(0deg); transform: scale(.95) translateX(50px) translateY(0) rotateY(20deg) rotateX(0deg) rotate(0deg); -webkit-box-shadow: -20px 20px 50px 0px rgba(0,0,0,0.15); -moz-box-shadow: -20px 20px 50px 0px rgba(0,0,0,0.15); box-shadow: -20px 20px 50px 0px rgba(0,0,0,0.15); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .angle-skew-right { position: relative; -moz-transform: scale(.95) translateX(-50px) translateY(0) rotateY(-20deg) rotateX(0deg) rotate(0deg); -webkit-transform: scale(.95) translateX(-50px) translateY(0) rotateY(-20deg) rotateX(0deg) rotate(0deg); transform: scale(.95) translateX(-50px) translateY(0) rotateY(-20deg) rotateX(0deg) rotate(0deg); -webkit-box-shadow: 20px 20px 50px 0px rgba(0,0,0,0.15); -moz-box-shadow: 20px 20px 50px 0px rgba(0,0,0,0.15); box-shadow: 20px 20px 50px 0px rgba(0,0,0,0.15); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .floating-cards .shine { position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; background: -webkit-gradient(linear,left bottom,right top,color-stop(20%,hsla(0,0%,100%,0)),color-stop(70%,hsla(0,0%,100%,.5)),to(#fff)); background: linear-gradient(to top right,hsla(0,0%,100%,0) 20%,hsla(0,0%,100%,.5) 70%,#fff); opacity: .2; } /* ------------------- PULSE SCREEN --------------------*/ .pulse-screen { position: relative; display: flex; width: 100%; height: 550px; background-color: #f1f3f6; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } .screen-shadow { -webkit-box-shadow: 1px 1px 5px 0 rgba(26,26,67,.05), 39px 62.5px 125px -150px rgba(50,50,93,.25), 23.4px 37.5px 75px -37.5px rgba(0,0,0,.25); box-shadow: 1px 1px 5px 0 rgba(26,26,67,.05), 39px 62.5px 125px -150px rgba(50,50,93,.25), 23.4px 37.5px 75px -37.5px rgba(0,0,0,.25); } .screen-shadow-left { -webkit-box-shadow: -10px 10px 20px 0px rgba(0,0,0,0.05); -moz-box-shadow: -10px 10px 20px 0px rgba(0,0,0,0.05); box-shadow: -10px 10px 20px 0px rgba(0,0,0,0.05); } .screen-shadow-right { -webkit-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.05); -moz-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.05); box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.05); } /* ------------------- TOP NAV --------------------*/ .pulse-screen .top-nav { position: relative; width: 100%; height: 30px; background-color: #fff; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; border-bottom: 1px solid #f5f7fa; z-index: 2; } .pulse-screen .top-nav .school { display: inline-block; } .pulse-screen .top-nav .school-logo { float: left; margin: 4px 8px; width: 20px; height: 20px; background-color: #2F5479; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .pulse-screen .top-nav .school-name { float: left; margin: 2px 8px 4px 0; color: #333; font-size: 8px; } .pulse-screen .top-nav .nav-item { float: right; height: 100%; padding: 3px 6px 0 6px; border-left: 1px solid #f5f7fa; color: #aab2bd; font-size: 11px; } /* ------------------- HEADER --------------------*/ .pulse-screen .header { position: relative; width: 100%; height: 30px; padding: 2px 8px; background-color: #fff; border-bottom: 1px solid #e6e9ed; z-index: 2; } .pulse-screen .header .title { float: left; font-size: 10px; color: #333; } .pulse-screen .header .pulse-title { margin-top: 10px; width: 15%; height: 6px; float: left; display: inline-block; background-color: #e6e9ed; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .pulse-screen .header .pulse-breadcrumb { margin-top: 10px; width: 20%; height: 6px; float: right; display: inline-block; background-color: #f5f7fa; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } /* ------------------- MENU --------------------*/ .pulse-screen .menu { position: relative; float: left; top: 0; width: 20%; height: 100%; padding: 0 10px 10px 10px; background-color: #2f5479; -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; z-index: 3; text-align: left; } .pulse-screen .right-content { width: 100%; } .pulse-screen .menu .menu-container { position: relative; z-index: 2; } .pulse-screen .menu .avatar { position: relative; width: 30px; height: 30px; margin: 35px 0 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid rgba(255,255,255,.25); background-color: #f5f7fa; z-index: 2; } .pulse-screen .menu .button { position: relative; width: 100%; height: 20px; margin: 13px 0 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: 2; } .pulse-screen .menu .menu-item { width: 100%; height: 20px; } .pulse-screen .menu .icon { width: 6px; height: 6px; display: inline-block; margin-right: 3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: rgba(255,255,255,.25); } .pulse-screen .menu .menu-text { width: 70%; height: 6px; display: inline-block; background-color: rgba(255,255,255,.25); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .pulse-screen .menu .selected { position: absolute; top: 123px; left: 0; width: 100%; height: 21px; background-color: rgba(0,0,0,.25); z-index: 1; } .pulse-screen .menu .white-selected { background-color: rgba(255,255,255,.5); } .pulse-screen .menu .profile-box { position: absolute; left: 0; top: 29px; width: 100%; height: 75px; /*background-color: rgba(0,0,0,.5);*/ background: #102032; background: -moz-linear-gradient(30deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,.4) 50%, rgba(0,0,0,.25) 51%, rgba(0,0,0,.25) 100%); background: -webkit-linear-gradient(30deg, rgba(0,0,0,.4) 0%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.25) 51%,rgba(0,0,0,.25) 100%); background: linear-gradient(30deg, rgba(0,0,0,.4) 0%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.25) 51%,rgba(0,0,0,.25) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#142941',GradientType=1 ); z-index: 1; } .pulse-screen .menu .satchel-one { position: absolute; left: 0; top: 0; width: 100%; height: 29px; padding: 5px 0 0 10px; /*background: #142941;*/ background-color: rgba(0,0,0,.25); font-family: 'Heebo'; font-weight: 500; font-size: 14px; color: #fff; z-index: 1; } .pulse-screen .header .title { } /* ------------------- WHITE SCREEN --------------------*/ .satchel-one-screen .white-menu { background-color: #ffffff; border-right: 1px solid #e6e9ed; } .satchel-one-screen .menu .icon { background-color: #0e79c9; } .satchel-one-screen .white-menu .menu-text { background-color: rgba(0,0,0,.15); } .satchel-one-screen .white-menu .satchel-one { background-color: #0e79c9; } .satchel-one-screen .white-menu .profile-box { background: #fff; } .satchel-one-screen .top-nav { background-color: #0e79c9; border-radius: 0; } .satchel-one-screen { background-color: #fff; } .satchel-one-screen .satchel-one span, .satchel-one-screen .school, .satchel-one-screen .nav-item, .satchel-one-screen .header .pulse-breadcrumb { display: none; } .satchel-one-screen .header { height: 50px; background-color: #fafafa; } .satchel-one-screen .action-bar { background-color: #fff!important; border-top: 1px solid #e6e9ed; border-bottom: 1px solid #e6e9ed; } .satchel-one-screen .header .title { position: relative; top: 10px; font-size: 14px; } /* ------------------- CANVAS --------------------*/ .feature-hero .fix-height { height: 230px!important; } .pulse-screen .canvas-holder { position: relative; padding: 15px 25px; z-index: 1; } .pulse-screen .canvas-holder .col-md-6 { padding: 0 11px; } .pulse-screen .canvas { position: relative; margin-bottom: 20px; padding: 60px 20px 20px; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; text-align: left; } .pulse-screen .button-holder .blue-btn { background-color: #0e79c9; color: #fff; } .jscolor { border: 1px solid #eee; border-radius: 4px; padding: 5px 10px; } .pulse-screen .app-card { padding: 10px 20px; text-align: center; } .pulse-screen .app-card h3 { display: block; margin: 0 0 8px; font-size: 8px; font-weight: normal; line-height: 20px; } .pulse-screen .app-card p { display: block; margin: 0 0 10px; font-size: 7px; font-weight: normal; text-align: center!important; line-height: 10px; } .pulse-screen .app-card img { display: block; margin: 0 auto 10px; } .pulse-screen .app-card .button { position: relative; width: fit-content; padding: 0 10px; margin: 13px auto 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 8px; color: #fff; text-align: center; } .pulse-screen .action-bar { position: relative; top: -1px; width: 100%; height: 37px; padding: 8px; background-color: #fff; border-top: 1px solid #e6e9ed; border-bottom: 1px solid #e6e9ed; z-index: 2; } .pulse-screen .canvas .action-bar { position: absolute; left: 0; top: 0; width: 100%; height: 39px; padding: 9px; background-color: #fff; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; border-bottom: 1px solid #f5f7fa; } .pulse-screen .action-bar .outline { display: inline-block; height: 20px; padding: 0 8px; border: 1px solid #e6e9ed; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .pulse-screen .action-bar .outline p { position: relative; top: -4px; margin: 0; padding: 0; font-size: 8px; } .pulse-screen .action-bar .dropdown { display: inline-block; width: 23%; height: 20px; margin: 0 0.5%; border: 1px solid #e6e9ed; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #fff; } .pulse-screen .action-bar .dropdown span { position: relative; top: -8px; left: 6px; font-size: 8px; color: #aab2bd; } .pulse-screen .action-bar .dropdown i { position: relative; float: right; top: 4px; right: 6px; font-size: 8px; } .pulse-screen .canvas .action-bar-tabs { position: absolute; left: 0; top: 30px; width: 100%; height: 50px; padding: 15px 20px; background-color: #fff; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .pulse-screen .pulse-tabs { position: relative; left: 0; top: -1px; width: 100%; height: 30px; background-color: #fff; border-top: 1px solid #f5f7fa; z-index: 3; } .pulse-screen .pulse-tabs .unselected-tab { display: inline-block; width: 50px; height: 30px; padding: 11px; background-color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .pulse-screen .canvas .action-bar-tabs .pulse-btn { float: right; display: inline-block; width: 10%; margin: 0; } .pulse-screen .canvas .action-bar-tabs .dropdown { display: inline-block; width: 20%; height: 20px; margin-right: 1%; border: 1px solid #e6e9ed; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .pulse-screen .canvas .action-bar .back-btn { display: inline-block; width: 40px; height: 15px; border: 1px solid #e6e9ed; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .pulse-screen .canvas .action-bar .view-switcher { float: right; } .pulse-screen .canvas .action-bar .view-btn { display: inline-block; width: 40px; height: 15px; background-color: #f5f7fa; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .pulse-screen .canvas .column { display: inline-block; width: 40px; margin: 0 3px; text-align: center; color: #fc6e51; } .pulse-screen .pillar-details .column { float: left; } .pulse-screen .canvas .pillar { position: relative; height: 100px; margin: 0 8px; border-left: 1px solid #f5f7fa; border-right: 1px solid #f5f7fa; border-bottom: 1px solid #f5f7fa; background-color: transparent; } .pulse-screen .canvas .pillar .score { position: absolute; bottom: 0px; width: 100%; height: 0px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .pulse-screen .pillar-details { display: inline-block; width: 100%; vertical-align: top; } .pulse-screen .pillar-text { /*position: absolute; left: 80px; top: 63px;*/ float: left; width: 40%; padding-left: 20px; } .pulse-screen .pillar-text .pillar-title { width: 80%; height: 8px; margin-bottom: 10px; background-color: #e6e9ed; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .pulse-screen .text-line { margin-bottom: 4px; width: 100%; height: 4px; background-color: #f5f7fa; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .pulse-screen .title-line { margin: 10px 0 4px 0; width: 25%; height: 4px; background-color: #e6e9ed; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .pulse-screen .pillar-text .pillar-btn, .pulse-screen .pulse-btn { display: block; width: 50px; height: 20px; margin: 10px 0 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .pulse-screen .pillar-details .pillar-chart-holder { float: right; width: 48%; padding-left: 12px; } .pulse-screen .pillar-details .pillar-chart { position: relative; width: 100%; } .pulse-screen .pillar-details .pillar-chart .chart-details { position: absolute; height: 100%; overflow: hidden; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .pulse-screen .pillar-details .pillar-chart .details { width: 210px; } .feature-hero .pillar-details .pillar-chart .details { width: 182px; } .pulse-screen .pulse-actions { height: 95px; padding-top: 44px; } .pulse-screen .canvas .pulse-tabs { position: absolute; left: 0; top: 0; width: 100%; height: 30px; padding: 11px; background-color: #f5f7fa; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; border-bottom: 1px solid #f5f7fa; } .pulse-screen .pulse-tabs .tab-text-holder { position: absolute; left: 65px; } .pulse-screen .pulse-tabs .tab-text { float: left; width: 30px; height: 4px; margin: 2px 20px 0 0; background-color: #e6e9ed; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .pulse-screen .canvas .pulse-tabs .selected-tab { position: absolute; left: 0; top: 0; height: 30px; padding: 11px; background-color: #fff; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; border-bottom: 1px solid #fff; } .pulse-screen .pulse-table-header { width: 100%; height: 20px; background-color: #f5f7fa; border-bottom: 1px solid #e6e9ed; } .pulse-screen .pulse-table-row { width: 100%; height: 32px; background-color: #fff; border-bottom: 1px solid #f5f7fa; } .pulse-screen .pulse-table-row .row-text { display: inline-block; width: 10%; height: 4px; background-color: #f5f7fa; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .pulse-screen .pulse-table-row .row-avatar { position: relative; top: 5px; display: inline-block; width: 15px; height: 15px; margin: 0 5% 0 0; background-color: #f5f7fa; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .pulse-screen .pulse-table-row .action-avatar { margin: 0 0 0 5%; } .grow-30 { height: 30px!important; } .grow-40 { height: 40px!important; } .grow-50 { height: 50px!important; } .grow-60 { height: 60px!important; } .grow-70 { height: 70px!important; } .grow-80 { height: 80px!important; } .grow-90 { height: 90px!important; } .grow-270 { height: 270px!important; } .move-down { bottom: -80px!important; } .width-40 { width: 40%!important; } .width-50 { width: 50%!important; margin: 0 5%; } .width-60 { width: 60%!important; } .width-80 { width: 80%!important; } .width-100 { width: 100%!important; } .left-40 { left: 40%!important; } .left-60 { left: 60%!important; } .left-80 { left: 80%!important; } .pulse-screen .pillar-details .pillar-chart .chart-details { animation: revealIn 1.5s 1; } @keyframes revealIn { from { width: 0%; } to { width: 100%; } } .pulse-screen .canvasScrollDown { animation: scrollDown 6s 1; } .pulse-hero .canvas-holder { /* animation: scrollDown 6s 1; animation-delay: 5s; */ } @keyframes scrollDown { 0% { top: 0; } 40% { top: -140px; } 60% { top: -140px; } 100% { top: 0; } } /* ------------------- PIE CHART --------------------*/ .row-pie-chart { position: relative; display: inline-block; top: 5px; left: -5px; } /* ------------------- ACTION CHART --------------------*/ .actions-screen .progress-container { background-color: #f1f3f6; width: 100%; height: 15px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 5px; color: #fff; position: relative; overflow: hidden; } .actions-screen .progress-container .progress-fill { background-color: #8cc152; height: 100%; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; width: 0; -moz-transition: width .5s; transition: width .5s; } .actions-screen .action-chart .pillar-chart .details { width: 100%!important; } .actions-screen .chat-container { width: 100%; padding: 10px; background-color: #f1f3f6; } .actions-screen .canvas .pulse-input { display: inline-block; width: 100%; height: 20px; background-color: #fff; border: 1px solid #e6e9ed; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .actions-screen .status-bar { background-color: #f1f3f6; width: 100%; height: 20px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 10px; opacity: 0.15; filter: alpha(opacity=15); /* For IE8 and earlier */ } .actions-screen .pillar-text { width: 48%; padding-left: 0; } /* ------------------- SURVEY --------------------*/ .survey { display: block; background-color: #fff; } .button-container { position: relative; top: -25px; text-align: center; } .reset { position: absolute; left: 20px; bottom: 20px; background-color: transparent; border: none; font-size: 24px; color: #aab2bd; z-index: 2; } .reset:hover { color: #0e79c9; } .button-container .start-survey { width: 150px; height: 150px; margin-bottom: 20px; } .button-container h4 { font-weight: bold; color: #656d78; } .start-survey-animation { width: 150px; height: 190px; margin: 0 auto 30px; -moz-background-size: cover; background-size: cover; background-image: url(assets/images/satchel-home/start_survey_animation.gif); background-image: -webkit-image-set(url(assets/images/satchel-home/start_survey_animation.gif) 1x,url(assets/images/satchel-home/start_survey_animation_@2x.gif) 2x); } .start-survey-button:focus { outline: none; } .start-survey-button { background-color: rgb(252, 110, 81); background-image: none; border-bottom-color: rgb(255, 255, 255); border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; border-bottom-style: none; border-bottom-width: 0px; border-image-outset: 0px; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: rgb(255, 255, 255); border-left-style: none; border-left-width: 0px; border-right-color: rgb(255, 255, 255); border-right-style: none; border-right-width: 0px; border-top-color: rgb(255, 255, 255); border-top-left-radius: 30px; border-top-right-radius: 30px; border-top-style: none; border-top-width: 0px; box-shadow: none; box-sizing: border-box; color: rgb(255, 255, 255); cursor: pointer; display: inline-block; font-family: "Noto Sans", sans-serif; font-size: 16px; font-stretch: 100%; font-style: normal; font-variant-caps: normal; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-weight: 400; height: 52px; letter-spacing: normal; line-height: 12px; overflow-x: visible; overflow-y: visible; padding-bottom: 20px; padding-left: 25px; padding-right: 25px; padding-top: 20px; text-align: center; text-indent: 0px; text-rendering: auto; text-shadow: none; text-size-adjust: 100%; text-transform: none; touch-action: manipulation; transition-delay: 0s; transition-duration: 0.5s; transition-property: opacity; transition-timing-function: ease; user-select: none; white-space: nowrap; width: 155.531px; word-spacing: 0px; writing-mode: horizontal-tb; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-border-image: none; } .questions-completed-bar-container { padding: 0 20px; } .questions-completed-bar { margin: 30px auto; box-sizing: border-box; color: rgb(103, 127, 148); display: flex; font-family: "Noto Sans", sans-serif; font-size: 14px; height: 9px; line-height: 22px; text-align: left; text-size-adjust: 100%; transition-delay: 0s; transition-duration: 0.5s; transition-property: opacity; transition-timing-function: ease; width: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .questions-completed-bar-item { background-color: rgb(230, 234, 237); border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; box-sizing: border-box; color: rgb(103, 127, 148); display: block; flex-grow: 1; float: none; font-family: "Noto Sans", sans-serif; font-size: 14px; height: 9px; line-height: 22px; margin-right: 8px; text-align: left; text-size-adjust: 100%; transition-delay: 0s; transition-duration: 0.5s; transition-property: opacity; transition-timing-function: ease; width: 158.672px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .questions-completed-bar-item.completed { background-color: rgb(252, 110, 81); } .question-details { position: absolute; width: 100%; top: 80px; padding: 0 20px; text-align: left; } .question-details h3 { margin: 0; color: #fc6e51; padding-top: 4px; font-size: 18px; font-weight: 300; } .question-details p { margin: 10px 0 70px; line-height: 26px; padding-top: 4px; font-size: 18px; font-weight: 300; } @media (max-width: 991px) { .question-details p { margin: 10px 0 46px; } } .survey-interface { box-sizing: border-box; color: rgb(103, 127, 148); display: block; font-family: "Noto Sans", sans-serif; font-size: 14px; line-height: 22px; text-align: left; text-size-adjust: 100%; transition-delay: 0s; transition-duration: 0.5s; transition-property: opacity; transition-timing-function: ease; user-select: none; visibility: visible; width: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .scale-items { box-sizing: border-box; color: rgb(103, 127, 148); display: block; font-family: "Noto Sans", sans-serif; font-size: 14px; line-height: 22px; /*padding-top: 90px;*/ position: relative; text-align: left; text-size-adjust: 100%; transition-delay: 0s; transition-duration: 0.5s; transition-property: opacity; transition-timing-function: ease; user-select: none; visibility: visible; width: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .dots { align-items: center; background-color: rgb(242, 243, 247); border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; border-top-left-radius: 40px; border-top-right-radius: 40px; box-sizing: border-box; color: rgb(103, 127, 148); display: flex; font-family: "Noto Sans", sans-serif; font-size: 14px; height: 38px; justify-content: space-between; line-height: 22px; padding-left: 15px; padding-right: 15px; text-align: left; text-size-adjust: 100%; transition-delay: 0s; transition-duration: 0.5s; transition-property: opacity; transition-timing-function: ease; user-select: none; visibility: visible; width: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .scale-tick-container { box-sizing: border-box; color: rgb(103, 127, 148); display: block; font-family: "Noto Sans", sans-serif; font-size: 14px; height: 0px; line-height: 22px; text-align: left; text-size-adjust: 100%; transition-delay: 0s; transition-duration: 0.5s; transition-property: opacity; transition-timing-function: ease; user-select: none; visibility: visible; width: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .tick { box-sizing: border-box; color: rgb(103, 127, 148); display: block; font-family: "Noto Sans", sans-serif; font-size: 14px; height: 0px; line-height: 22px; text-align: left; text-size-adjust: 100%; transition-delay: 0s; transition-duration: 0.5s; transition-property: opacity; transition-timing-function: ease; user-select: none; visibility: visible; width: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .dot-container { position: relative; top: 2px; box-sizing: border-box; color: rgb(103, 127, 148); display: block; font-family: "Noto Sans", sans-serif; font-size: 14px; height: 22px; line-height: 22px; text-align: center; text-size-adjust: 100%; transition-delay: 0s; transition-duration: 0.5s; transition-property: opacity; transition-timing-function: ease; user-select: none; visibility: visible; width: 30px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .dot { background-color: rgb(202, 209, 217); border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; box-sizing: border-box; color: rgb(103, 127, 148); display: inline-block; font-family: "Noto Sans", sans-serif; font-size: 14px; height: 14px; line-height: 22px; text-align: center; text-size-adjust: 100%; transition-delay: 0s; transition-duration: 0.5s; transition-property: opacity; transition-timing-function: ease; user-select: none; visibility: visible; width: 14px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .toggle-handle-bubble { background-color: rgb(237, 85, 101); border-bottom-left-radius: 65px; border-bottom-right-radius: 65px; border-top-left-radius: 65px; border-top-right-radius: 65px; box-sizing: border-box; display: none; color: rgb(103, 127, 148); font-family: "Noto Sans", sans-serif; font-size: 14px; height: 65px; line-height: 22px; overflow-x: hidden; overflow-y: hidden; position: absolute; text-align: left; text-size-adjust: 100%; top: -77px; left: 6px; transition-delay: 0s; transition-duration: 0.5s; transition-property: opacity; transition-timing-function: ease; user-select: none; width: 65px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .toggle-handle-angle { border-bottom-color: rgba(0, 0, 0, 0); border-bottom-style: solid; border-bottom-width: 8px; border-image-outset: 0px; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: rgba(0, 0, 0, 0); border-left-style: solid; border-left-width: 8px; border-right-color: rgba(0, 0, 0, 0); border-right-style: solid; border-right-width: 8px; border-top-color: rgb(252, 110, 81); border-top-style: solid; border-top-width: 8px; box-sizing: border-box; color: rgb(103, 127, 148); content: ""; display: none; font-family: "Noto Sans", sans-serif; font-size: 14px; height: 16px; left: 31px; line-height: 22px; position: absolute; text-align: left; text-size-adjust: 100%; top: -13px; transition-delay: 0s; transition-duration: 0.5s; transition-property: opacity; transition-timing-function: ease; user-select: none; visibility: visible; width: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .toggle-handle { background-color: #fff; border-color: #cad1d9; border-bottom-left-radius: 56px; border-bottom-right-radius: 56px; border-bottom-style: solid; border-bottom-width: 10px; border-image-outset: 0px; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-style: solid; border-left-width: 10px; border-right-style: solid; border-right-width: 10px; border-top-left-radius: 56px; border-top-right-radius: 56px; border-top-style: solid; border-top-width: 10px; box-shadow: rgb(170, 178, 189) 0px -1px 1px 0px; box-sizing: border-box; color: rgb(103, 127, 148); display: block; font-family: "Noto Sans", sans-serif; font-size: 14px; height: 56px; left: 39px; line-height: 22px; position: absolute; text-align: left; text-size-adjust: 100%; transform: matrix(1, 0, 0, 1, -28, 0); transition-delay: 0s; transition-duration: 0.5s; transition-property: opacity; transition-timing-function: ease; user-select: none; visibility: visible; width: 56px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .faces { box-sizing: border-box; color: rgb(103, 127, 148); display: block; font-family: "Noto Sans", sans-serif; font-size: 14px; height: 858px; line-height: 22px; position: absolute; text-align: left; text-size-adjust: 100%; top: 0px; transition-delay: 0s; transition-duration: 0.5s; transition-property: opacity; transition-timing-function: ease; user-select: none; width: 65px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-drag: none; } .faces img { width: 65px; } .toggle { box-sizing: border-box; color: rgb(103, 127, 148); display: block; font-family: "Noto Sans", sans-serif; font-size: 14px; height: 65px; line-height: 22px; position: absolute; text-align: left; text-size-adjust: 100%; top: 124px; transform: matrix(1, 0, 0, 1, -7, 0); user-select: none; visibility: visible; width: 65px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .scale-ticks { box-sizing: border-box; color: rgb(103, 127, 148); display: flex; font-family: "Noto Sans", sans-serif; font-size: 14px; height: 0px; justify-content: space-between; line-height: 22px; padding-left: 15px; padding-right: 15px; text-align: center; text-size-adjust: 100%; transition-delay: 0s; transition-duration: 0.5s; transition-property: opacity; transition-timing-function: ease; user-select: none; visibility: visible; width: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .scales { box-sizing: border-box; color: rgb(103, 127, 148); display: flex; font-family: "Noto Sans", sans-serif; font-size: 14px; height: 27px; justify-content: space-between; line-height: 22px; margin-top: 10px; min-height: 27px; padding-left: 15px; padding-right: 15px; text-align: left; text-size-adjust: 100%; transition-delay: 0s; transition-duration: 0.5s; transition-property: opacity; transition-timing-function: ease; user-select: none; visibility: visible; width: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .scale-number { box-sizing: border-box; color: rgb(103, 127, 148); display: block; font-family: "Noto Sans", sans-serif; font-size: 14px; height: 27px; line-height: 22px; text-align: center; text-size-adjust: 100%; transition-delay: 0s; transition-duration: 0.5s; transition-property: opacity; transition-timing-function: ease; user-select: none; visibility: visible; width: 30px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .scale-number.highlighted { font-size: 30px; margin-top: 5px; font-weight: 700; } .sub-texts { box-sizing: border-box; color: rgb(103, 127, 148); display: none; font-family: "Noto Sans", sans-serif; font-size: 14px; height: 54px; justify-content: space-between; line-height: 22px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; text-size-adjust: 100%; transition-delay: 0s; transition-duration: 0.5s; transition-property: opacity; transition-timing-function: ease; user-select: none; visibility: visible; width: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .sub-text { box-sizing: border-box; color: rgb(103, 127, 148); display: block; font-family: "Noto Sans", sans-serif; font-size: 14px; height: 54px; line-height: 22px; min-height: 1px; position: relative; text-align: left; text-size-adjust: 100%; transition-delay: 0s; transition-duration: 0.5s; transition-property: opacity; transition-timing-function: ease; user-select: none; visibility: visible; width: 60px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .sub-text .tick { background-color: rgb(202, 209, 217); box-sizing: border-box; color: rgb(103, 127, 148); display: block; font-family: "Noto Sans", sans-serif; font-size: 14px; height: 10px; left: 30px; line-height: 22px; position: absolute; text-align: left; text-size-adjust: 100%; transition-delay: 0s; transition-duration: 0.5s; transition-property: opacity; transition-timing-function: ease; user-select: none; visibility: visible; width: 1px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .sub-text .text { margin-top: 10px; text-align: center; } .survey-footer { padding: 20px 60px; background-color: #f1f3f6; position: absolute; border-top: 1px solid #e6e9ed; bottom: 0; width: 100%; display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -webkit-animation-name: surveyFooter; -moz-animation-name: surveyFooter; animation-name: surveyFooter; -webkit-animation-duration: .5s; -moz-animation-duration: .5s; animation-duration: .5s; height: 80px; z-index: 1; } @keyframes surveyFooter { 0% { bottom: -110px; } 100% { bottom: 0; } } @media (max-width: 768px) { .survey-footer { display: none; } .idea-title { } } @media (max-width: 479px) { .idea-title { } } /* ------------------- EVALUATION HERO --------------------*/ .evaluation-hero .canvas { margin-bottom: 15px; padding: 0px; display: flex; } .evaluation-hero .standard-tab { position: relative; width: 30px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; color: #fff; font-size: 12px; font-weight: bold; } .evaluation-hero .p15 { float: left; width: 100%; height: 100%; } .evaluation-hero .text-line { float: left; width: 50%; height: 6px; margin: 0; opacity: .10; filter: alpha(opacity=10); /* For IE8 and earlier */ } .evaluation-hero .judgement { float: right; width: 15%; opacity: .2; filter: alpha(opacity=20); /* For IE8 and earlier */ } .evaluation-hero { } .evaluation-hero { } /* ------------------- FOOTER --------------------*/ .pulse-screen .pulse-footer { position: absolute; bottom: 10px; right: 10px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .pulse-screen .pulse-footer .footer-item { margin-top: 10px; width: 30px; height: 6px; margin-left: 3px; display: inline-block; background-color: #e6e9ed; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .pulse-screen .pulse-footer img { position: relative; bottom: 5px; margin-left: 5px; } .prl8 { padding-right: 8px!important; padding-left: 8px!important; } @media (max-width: 1200px) { .pulse-screen { height: 450px; } .pulse-screen .pillar-details .pillar-chart-holder { width: 47%; } .feature-hero .pillar-details .pillar-chart-holder { width: 48%; } .pulse-screen .pillar-details .pillar-chart .details { width: 158px; } .feature-hero .pillar-details .pillar-chart .details { width: 130px; } .pulse-screen .canvas .pillar { height: 86px; } .feature-hero .fix-height { height: 215px!important; } .feature-hero .canvas .column { width: 33px; margin: 0; } .prl8 { padding-right: 6px !important; padding-left: 6px !important; } } @media (max-width: 991px) { .pulse-screen { width: 100%; margin: auto; } } @media (max-width: 768px) { .feature-logo { top: 50%; left: 50%; transform: translate(-50%, 0%); } .floating-cards { padding-left: 0!important; transform: scale(0.90); } .pulse-screen { margin: auto; } .pulse-screen .pillar-details .pillar-chart .details { width: 100%; } } @media (max-width: 600px) { .pulse-screen .sel-dashboard-header .view-btn, .pulse-screen p.float-right.blue { display: none!important; } .prl8 { padding-right: 4px !important; padding-left: 4px !important; } } /* ------------------- ZOOMED SCREENS --------------------*/ .pulse-close-up { position: relative; width: 100%; height: 500px; /*padding: 20px;*/ /*background-color: #f1f3f6;*/ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; -webkit-transform: all 1s; -moz-transform: all 1s; transform: all 1s; } .pulse-close-up .panel { width: 100%; height: fit-content; margin-bottom: 30px; padding: 20px; background-color: #fff; border: 1px solid #e6e9ed; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); text-align: left; } .pulse-close-up .flex-container { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; width: 100%; } .pulse-close-up .x-tooltip.inline-tooltip { display: inline-block; } .pulse-close-up .x-tooltip { position: relative; } .pulse-close-up .x-tooltip .x-tooltip-body { bottom: 100%; margin-bottom: 7px; visibility: hidden; position: absolute; color: #fff; z-index: 1051; background-color: #3f4041; opacity: .9; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); left: 50%; text-align: center; border: 1px solid #3f4041; padding: 10px; -moz-border-radius: 4px; border-radius: 4px; } /* ------------------- INSIGHTS DASHBOARD --------------------*/ .pulse-dashboard .menu .selected { top: 104px; } .pulse-dashboard .canvas { margin-bottom: 14px; } .pulse-close-up .panel .pillar-name { margin-bottom: 20px; font-weight: 700; } .pulse-screen .pillar-name { margin-bottom: 6px; font-size: 8px; font-weight: 700; } .pulse-screen .p10-20 { padding: 10px 15px; } .pulse-close-up .panel .user-results, .pulse-screen .user-results { display: -webkit-flex; display: -moz-box; display: flex; width: 100%; } .pulse-close-up .user-results .progress-bar-container, .pulse-screen .user-results .progress-bar-container { -webkit-flex-grow: 1; -moz-box-flex: 1; flex-grow: 1; position: relative; } .pulse-close-up .with-marks, .pulse-screen .with-marks { margin-bottom: 32px; } .pulse-close-up .progress-container, .pulse-screen .progress-container { background-color: #f2f3f7; width: 100%; height: 30px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 5px; color: #fff; line-height: 30px; position: relative; } .pulse-screen .pillar-text .progress-container { height: 15px; } .pulse-screen .pillar-text .progress-fill { border: none; } .pulse-close-up .marks, .pulse-screen .marks { position: relative; display: -webkit-flex; display: -moz-box; display: flex; width: 100%; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; bottom: 0; color: #cdd1d9; } .pulse-close-up .marks .mark-number, .pulse-screen .marks .mark-number { display: inline-block; margin-left: -7px; margin-right: -7px; width: 16px; text-align: center; } .pulse-screen .marks .mark-number { font-size: 8px; } .pulse-close-up .marks .mark-number:before, .pulse-screen .marks .mark-number:before { display: block; content: ''; margin-left: 50%; width: 1px; height: 12px; background-color: #ebedf0; } .pulse-screen .marks .mark-number:before { height: 5px; } .pulse-close-up .user-results .progress-bar-container .progress-container, .pulse-screen .user-results .progress-bar-container .progress-container { margin-right: 0; margin-bottom: 0; } .pulse-close-up .progress-container .progress-fill, .pulse-screen .progress-container .progress-fill { background-color: #8cc152; width: 0%; height: 100%; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -moz-box-shadow: inset grey -1px 0 3px -1px; box-shadow: inset grey -1px 0 3px -1px; width: 0; -moz-transition: width .5s; transition: width .5s; } .pulse-close-up .progress-fill, .pulse-screen .progress-fill { border-right: 1px dashed; border-color: #cad1d9; } .pulse-close-up .progress-fill.normal, .pulse-screen .progress-fill.normal { border-color: #f3a100; } .pulse-close-up .pillar-result-progress .progress-container .progress-fill, .pulse-screen .pillar-result-progress .progress-container .progress-fill { -moz-box-shadow: none; box-shadow: none; } .pulse-close-up .pillar-result-progress .progress-container .progress-fill.normal, .pulse-screen .pillar-result-progress .progress-container .progress-fill.normal { background-color: #fbe6c4; } .pulse-close-up .result-progress .text, .pulse-screen .result-progress .text { display: none; } .pulse-close-up .progress-container .text, .pulse-screen .progress-container .text { text-align: center; display: none; } .pulse-close-up .user-results .progress-bar-container .pillar-result, .pulse-screen .user-results .progress-bar-container .pillar-result { position: absolute; } .pulse-close-up .pillar-result.normal, .pulse-screen .pillar-result.normal { background-color: #f3a100; } .pulse-close-up .pillar-result-progress .progress-container .progress-fill.very-good, .pulse-screen .pillar-result-progress .progress-container .progress-fill.very-good { background-color: #e3eed6; } .pulse-close-up .pillar-result-progress .progress-container .progress-fill.bad, .pulse-screen .pillar-result-progress .progress-container .progress-fill.bad { background-color: #fddbd5; } .pulse-close-up .pillar-result, .pulse-screen .pillar-result { margin-left: -20px; top: -12px; left: 0; -moz-transition: left .5s; transition: left .5s; -moz-border-radius: 20px; border-radius: 20px; color: #fff; width: 40px; height: 40px; text-align: center; display: inline-block; line-height: 38px; background-color: #cad1d9; z-index: 1; } .pulse-screen .pillar-result { margin-left: -8px; top: -5px; width: 20px; height: 20px; } .pulse-close-up .very-good, .pulse-screen .very-good { background-color: #8cc152; } .pulse-close-up .bad, .pulse-screen .bad { background-color: #fc6e51; } .pulse-close-up .pillar-result-progress .progress-container{ height: 16px; } .pulse-screen .pillar-result-progress .progress-container { height: 10px; } .pulse-close-up .user-results .icons, .pulse-close-up .question-result-info .flex-item:not(:first-child), .pulse-screen .question-result-info .flex-item:not(:first-child) { position: relative; top: -7px; margin-left: 15px; } .pulse-close-up .user-results .icons .x-tooltip { margin-left: 5px; } .pulse-close-up .user-results .icons .x-tooltip a { width: 34px; height: 34px; border: 1px solid #e6e9ed; -moz-border-radius: 34px; border-radius: 34px; padding: 4px 7px; font-size: 16px; display: inline-block; text-align: center; text-decoration: none; } @media (max-width: 991px) { .pulse-screen { width: 100%; } .survey { width: auto; } .insights-screen .user-results .icons { display: none; } } @media (max-width: 768px) { .pulse-screen { width: 100%; } .survey { width: auto; } .pulse-close-up, .survey { height: 306px; } .insights-screen .user-results .icons { display: inline-block; } .questions-completed .center-hv { width: 200px; } .questions-completed-bar { opacity: 1; } .question-details p { margin: 0 0 42px; } .toggle-handle { width: 48px; height: 48px; } .toggle { top: 102px; } .dot-container { position: relative; top: 2px; } .question-details { top: 70px; } .question-details h3 { margin-bottom: 10px; } .question-details p { line-height: 28px; } .progress-fill.normal { width: 60%!important; } .progress-fill.very-good { width: 80%!important; } .result-1 { left: 60%!important; } .result-2 { left: 80%!important; } } @media (max-width: 479px) { .survey { width: auto; } .insights-screen .user-results .icons { display: none; } .pulse-close-up .pillar-name { font-size: 14px; } } @media (max-width: 471px) { .toggle { top: 130px; } } /* ------------------- STAFF IDEAS --------------------*/ .ideas-screen .flex-container { position: relative; border-bottom: 1px solid #e6e9ed; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .ideas-screen .flex-item { padding: 20px 15px; } .ideas-screen .rank { position: relative; top: -5px; display: inline-block; padding: 2px 5px; min-width: 27px; } .ideas-screen .rank.rank-top { background-color: #ffce63; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #333; } .ideas-screen .rank-diff { position: relative; top: -5px; display: inline-block; font-size: 18px; vertical-align: baseline; margin-left: 5px; } .ideas-screen .text-success { color: #a2df8d; } .ideas-screen .text-danger { color: #da4453; } .ideas-screen .text-neutral { color: #e6e9ed; } .ideas-screen .like-tooltip-container { display: inline-block; margin-left: 25px; } .ideas-screen .like-link { position: relative; color: #8b919f; font-size: 23px; } .ideas-screen .staff-idea-likes-count { display: inline-block; position: relative; top: -5px; } .ideas-screen .likes-count-tooltip { margin-left: 5px; padding-top: 4px; padding-bottom: 4px; } .ideas-screen .likes-count-tooltip .likes-count { border-bottom: 1px dashed #656d78; cursor: pointer; display: inline-block; cursor: default; } .x-tooltip:hover:not(.invisible-tooltip) .x-tooltip-body { visibility: visible; } .x-tooltip.x-tooltip-bottom .x-tooltip-body { bottom: auto; top: 100%; } .ideas-screen .x-tooltip.x-tooltip-bottom .x-tooltip-body { bottom: auto; top: 100%; } .ideas-screen .x-tooltip .x-tooltip-body.x-tooltip-white { max-height: 200px; opacity: 1; padding: 0; background-color: #fff; color: #656d78; text-align: center; border: 1px solid #cad1d9!important; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); -moz-border-radius: 4px; border-radius: 4px; overflow: scroll; } .ideas-screen .x-tooltip.x-tooltip-bottom .x-tooltip-body:before { top: -16px; border: 8px solid transparent; border-bottom: 8px solid #cad1d9; } .x-tooltip.x-tooltip-bottom .x-tooltip-body:after { top: -15px; border: 8px solid transparent; border-bottom: 8px solid #fff; } .ideas-screen .x-tooltip.x-tooltip-bottom .x-tooltip-body:after, .ideas-screen .x-tooltip.x-tooltip-bottom .x-tooltip-body:before { left: 50%; -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); } .ideas-screen .x-tooltip.x-tooltip-bottom .x-tooltip-body:after, .ideas-screen .x-tooltip.x-tooltip-bottom .x-tooltip-body:before, .ideas-screen .x-tooltip.x-tooltip-left .x-tooltip-body:after, .ideas-screen .x-tooltip.x-tooltip-left .x-tooltip-body:before, .ideas-screen .x-tooltip.x-tooltip-right .x-tooltip-body:after, .ideas-screen .x-tooltip.x-tooltip-right .x-tooltip-body:before { width: 15px; height: 15px; display: block; position: absolute; content: ''; } .ideas-screen .likes-count-tooltip .likes-count-users { max-height: 250px; overflow: scroll; text-align: left; padding: 15px; } .ideas-screen .x-tooltip .x-tooltip-body.x-tooltip-white .tooltip-body { padding: 10px; font-weight: 400; white-space: nowrap; } .ideas-screen .likes-count-tooltip .likes-count-users>div .avatar { -moz-border-radius: 15px; border-radius: 15px; height: 30px; width: 30px; border: 2px solid #fff; margin-right: 13px; } .ideas-screen .flex-container>.flex-item.idea-info { -webkit-flex-grow: 1; -moz-box-flex: 1; flex-grow: 1; text-align: left; } .ideas-screen .avatar-container { float: left; margin-right: 13px; } .ideas-screen .avatar-picture { -moz-border-radius: 25px; border-radius: 25px; height: 50px; width: 50px; border: 2px solid #fff; margin-right: 0; } .ideas-screen .idea-info .idea-title { margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ideas-screen .pillar-linked-to-component { display: inline-block; } .ideas-screen .user-line { margin: 5px; } .ideas-screen .icobutton { margin: 0; padding: 0; color: #c0c1c3; border: 0; background: none; overflow: visible; -webkit-tap-highlight-color: rgba(0,0,0,0); font-size: 40px; } .ideas-screen .thumb-pulse { -webkit-animation-name: thumb-pulse; -moz-animation-name: thumb-pulse; animation-name: thumb-pulse; -webkit-animation-duration: 3s; -moz-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; } @keyframes thumb-pulse { 0%, 20% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.4); -moz-transform: scale(1.4); transform: scale(1.4); } } @media (max-width: 991px) { .ideas-screen .idea-rank { padding-left: 0; } .ideas-screen .idea-info { padding-right: 0; overflow: hidden; } .ideas-screen .staff-idea-likes-count { left: 36px; } .ideas-screen .pillar-linked-to-component { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } @media (max-width: 768px) { .ideas-screen .staff-idea-likes-count { left: 0; } .ideas-screen .pillar-linked-to-component { display: inline-block; } } @media (max-width: 600px) { .pulse-close-up .x-tooltip.inline-tooltip { display: none; } } @media (max-width: 479px) { .pulse-close-up .x-tooltip.inline-tooltip { display: inline-block; } .ideas-screen .idea-rank { width: 600px; } .ideas-screen .like-tooltip-container { margin-left: 15px; } .ideas-screen .pillar-linked-to-component { display: block; } .ideas-screen .idea-table-line { -webkit-align-items: left; -moz-box-align: left; align-items: left; text-align: left; } .ideas-screen .idea-info .avatar-container { display: none!important; } .ideas-screen .idea-info { width: 300px; } .sip-close-up .idea-info { width: auto; } } @media (max-width: 390px) { .ideas-screen .idea-rank { width: 800px; } .ideas-screen .idea-info { width: 250px; } .idea-card-description .xxs-screen { display: none; } .sip-status-container { position: relative; top: 10px!important; } .sip-status-container .pulse-amber-bg { display: none!important; } .sip-status-container .pulse-green-bg { margin-left: 10px!important; } } /* ------------------- RESOURCES --------------------*/ .resources-screen .panel { position: relative; display: inline-block; width: 47%; height: auto; padding: 0; } .resources-screen .idea-card-content, .resources-screen .resource-details { padding: 20px; } .resources-screen .panel .title { display: block; margin-top: 10px; font-size: 20px; line-height: 23px; color: #333; font-weight: 700; text-decoration: none; } .resources-screen .resource-thumb { width: 100%; height: 150px; background-size: cover; background-repeat: no-repeat; background-position: center center; } .resources-screen .culture-img { background-image: url('https://satchel-pulse.s3.amazonaws.com/uploads/attachment/file/55335fc64fa946ea43180641031eaa367f7b0625/idea_image_Close_20up_20of_20color_20pencils_20organized_20in_20a_20box.jpeg'); } .resources-screen .job-sat-img { background-image: url('https://satchel-pulse.s3.amazonaws.com/uploads/attachment/file/c478940a166cb528d3ba2f20ba5cd6b53ffe7276/idea_image_6-Amazing-Benefits-Of-Employee-Engagement-og.png'); } .idea-card-bottom { border-top: 1px solid #e6e9ed; height: 50px; padding-left: 20px; padding-right: 20px; padding-top: 13px; } .idea-card-description .read-more { display: block; margin-top: 10px; text-decoration: none; } .direct-message-link, .like-resource { display: inline-block; } .direct-message-link { margin-right: 5px; } @media (max-width: 991px) { .resources-screen .panel { width: 100%; } } @media (max-width: 768px) { .resources-screen .panel { width: 47%; } .resources-screen .resource-thumb { height: 100px; } } @media (max-width: 730px) { .resources-screen .panel { width: 100%; max-width: 300px; float: none!important; } .resources-screen .small-hide { display: none!important; } } @media (max-width: 479px) { .resources-screen .panel { width: 100%; } } /* ------------------- ACTIONS --------------------*/ .actions-close-up .pill { display: inline-block; margin-right: 7px; background-color: #f4f8fb; -moz-border-radius: 15px; border-radius: 15px; padding: 2px 13px; font-size: 14px; } .actions-close-up .pillar-linked-to-component { font-size: 14px; } .actions-close-up .avatar-picture { position: relative; top: 3px; margin-right: 10px; } .actions-close-up .row-pie-chart { position: relative; top: 13px; margin-right: 20px; } .actions-close-up .row-pie-chart svg { width: 36px; height: 36px; } .actions-close-up .row-pie-chart p { position: relative; top: -15px; display: inline-block; margin-left: 5px; font-size: 14px; } .actions-close-up .idea-title a, .ideas-screen .idea-title a { text-decoration: none; } .actions-close-up .related-actions { position: relative; float: right; margin-right: 20px; } @media (max-width: 991px) { .actions-close-up .pill { display: none; } .actions-close-up .row-pie-chart svg { } .actions-close-up .row-pie-chart p { display: none; } .actions-close-up .row-pie-chart { top: 5px; width: 100px; text-align: right; } } @media (max-width: 768px) { .actions-close-up, .sip-close-up, .resources-screen { height: 380px; } } @media (max-width: 479px) { .actions-close-up .avatar-container { display: none!important; } } /* ------------------- SIP --------------------*/ .sip-close-up .sip-title, .actions-close-up .sip-title, .sip-close-up .sip-status { display: inline-block; } .sip-close-up .related-actions { position: relative; left: 187px; } .sip-close-up .sip-status { position: relative; top: 6px; width: 100px; margin-right: 20px; } .sip-close-up .circle { width: 30px; height: 30px; } .sip-close-up .sip-status .circle, .sip-close-up .sip-status p { display: inline-block; vertical-align: initial; } .sip-close-up .sip-status .circle { vertical-align: middle; } .sip-close-up .sip-status p { margin-left: 5px; vertical-align: initial; font-size: 14px; } @media (max-width: 1200px) { .sip-close-up .ide-info { padding-right: 0; } .sip-close-up .sip-status-container { margin-right: 10px; text-align: center; } .sip-close-up .related-actions { left: 120px; } .sip-close-up .sip-status { top: 5px; width: 100px; margin-right: 0px; } } @media (max-width: 991px) { .sip-close-up .sip-status-container { width: 170px; margin-right: 10px; text-align: right; } .sip-close-up .related-actions { left: 95px; } .sip-close-up .sip-status p { display: none; } .sip-close-up .sip-status { top: -1px; width: auto; margin-right: 10px; } } @media (max-width: 768px) { .sip-close-up .related-actions { position: relative; float: right; margin-right: 20px; } .sip-close-up .related-actions { left: auto; } .sip-close-up .sip-status-container { width: 350px; } .sip-close-up .sip-status p { display: inline-block; } } @media (max-width: 600px) { .sip-close-up .related-actions { left: auto; } .sip-close-up .sip-status-container { width: 200px; } .sip-close-up .sip-status p { display: none; } } /* ------------------- EVALUATION HERO --------------------*/ .sef-screen .canvas { display: flex; margin: 1px 1px 15px 1px; padding: 0px; border: 1px solid #e6e9ed; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-align: left; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .sef-screen .standard-panel { height: 192px; } .sef-screen .standard-grow { height: 265px; } .sef-screen .canvas h3 { margin: 0 0 10px; font-weight: normal; font-size: 18px; line-height: 28px; color: #0e79c9; } .sef-screen .standard-tab, .sef-screen .criteria-tab { position: relative; width: 50px; padding: 16px 0 0; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; color: #fff; font-weight: bold; text-align: center; } .sef-screen .criteria-tab { padding: 21px 0 0; color: #656d78; background-color: #f1f3f6; border-right: 1px solid #e6e9ed; font-weight: normal; } .sef-screen .evaluation-details, .sef-screen .evaluate { float: left; width: 100%; height: 100%; } .sef-screen .evaluate .btn { padding: 10px 15px; background: #8cc152; border: 1px solid #719947; font-weight: normal; color: #fff; } .sef-screen .evaluate .btn:hover { background-color: #82cc44; border: 1px solid #68a336; } .sef-screen .evaluation-area { padding: 20px; background-color: #f0f7e8; border: 1px solid #8cc152; border-left: none; -webkit-border-radius: 0 0 6px 0; -moz-border-radius: 0 0 6px 0; border-radius: 0 0 6px 0; } .sef-screen .avatar-container { float: left; margin-right: 13px; } .sef-screen .avatar-container img { width: 50px; height: 50px; } .sef-screen .evaluation-area .judgement { margin: 0 0 2px; } .sef-screen .pill { display: inline-block; margin: 0 0 15px; background-color: #f4f8fb; -moz-border-radius: 15px; border-radius: 15px; padding: 2px 13px; font-size: 14px; font-weight: bold; color: #fff; } .sef-screen .btn-pulse { -webkit-animation-name: btn-pulse; -moz-animation-name: btn-pulse; animation-name: btn-pulse; -webkit-animation-duration: 3s; -moz-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; } .pulse-screen .canvas table th { background-color: #f5f7fa; text-align: left; } @keyframes btn-pulse { 0%, 20% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } } @media (max-width: 1200px) { .sef-screen .standard-grow { height: 290px; } } @media (max-width: 991px) { .sef-screen .standard-panel { height: 245px; } .sef-screen .standard-grow { height: 368px; } } @media (max-width: 479px) { .sef-screen { height: auto; } } /* ------------------- SEL DASHBOARD --------------------*/ .pulse-screen .sel-canvas { position: relative; margin-bottom: 15px; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; text-align: left; } .pulse-screen .sel-canvas p { margin: 0; } .pulse-screen .sel-dashboard-header { position: relative; padding: 10px; font-size: 8px; color: #fff; line-height: 14px; vertical-align: top; } .pulse-screen .sel-dashboard-header .header-text { display: inline-block; vertical-align: top; } .pulse-screen .sel-dashboard-header .view-btn { position: relative; float: right; display: inline-block; padding: 5px 8px; background-color: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; vertical-align: top; } .pulse-screen .sel-dashboard-header .tier { font-size: 10px; font-weight: bold; } .pulse-screen .sel-dashboard-body { padding: 5px 10px; font-size: 8px; } .pulse-screen .sel-dashboard-body .tier-row { width: 100%; border-bottom: 1px solid #f5f7fa; } .pulse-screen .sel-dashboard-body .tier-row p { display: inline-block; vertical-align: middle; color: #656d78; } .pulse-screen .sel-dashboard-body .tier-row p span { margin: 0 2px; font-size: 10px; vertical-align: middle; } .pulse-screen .sel-dashboard-body .tier-row p i { font-size: 11px; vertical-align: middle; } .pulse-screen .sel-dashboard-body .tier-row p i.grey { color: #ccd1d9; } .pulse-screen .sel-card { position: relative; margin-bottom: 15px; background-color: #fff; padding: 10px 10px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; text-align: left; } .pulse-screen .sel-card p { margin: 0; font-size: 8px } .pulse-screen .sel-card .circle { display: inline-block; position: relative; margin: 0; background-color: #f5f7fa; margin-left: 10px; width: 25px; height: 25px; z-index: 1; } .pulse-screen .sel-card .circle i { position: absolute; top: -6px; left: -6px; font-size: 22px; color: #aab2bd; z-index: 2; } .pulse-screen .sel-card .sel-card-title { margin-bottom: 20px; font-size: 8px; line-height: 12px; color: #333; } .pulse-screen .sel-card .sel-card-body .count { display: inline-block; position: relative; top: -2px; float: right; } .pulse-screen .sel-card .sel-card-body .count p { margin: 0; font-size: 22px; line-height: 22px; color: #333; } .pulse-screen .sel-card .sel-card-body .count p span { margin: 0; font-size: 8px; line-height: 8px; } .pulse-screen .yellow-banner { position: relative; width: 100%; margin-bottom: 15px; background-color: #fefaf2; border: 1px solid #f3ca7b; padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; text-align: left; vertical-align: top; } .pulse-screen .yellow-banner p { margin: 0; line-height: 18px; } .pulse-screen .yellow-banner .banner-text { position: relative; display: inline-block; width: 70%; font-size: 8px; vertical-align: top; } .pulse-screen .yellow-banner .banner-text .banner-info { line-height: 11px; color: #656d78; } .pulse-screen .yellow-banner .banner-text .banner-title { font-size: 10px; font-weight: bold; color: #333; } .pulse-screen .yellow-banner .banner-btn { position: relative; float: right; display: inline-block; padding: 5px 8px; background-color: #8cc152; border: 1px solid #6d993e; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 8px; color: #fff; vertical-align: top; } .green-bg { background-color: #8cc152 !important; } .green { color: #8cc152 !important; } .yellow-bg { background-color: #f3a100 !important; } .yellow { color: #f3a100 !important; } .red-bg { background-color: #da4453 !important; } .red { color: #da4453 !important; } .blue { color: #0e79c9 !important; } .charcoal { color: #333; } .mt-screen .homework-description { padding: 20px; } .mt-screen .homework-description p { margin: 0; font-size: 8px; line-height: 14px; } .mt-screen .homework-description p span { display: inline-block!important; } .mt-screen .homework-description ul { margin: 0 0 0 10px; padding: 0 0 0 10px; } .mt-screen .homework-description ul li { margin: 0; font-size: 8px; line-height: 14px; } .mt-screen .date-pills { margin: 5px 0 10px; } .mt-screen .date-set { display: inline-block; padding: 5px; background-color: #8cc152; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 8px; line-height: 8px; color: #fff; } .mt-screen .date-due { display: inline-block; padding: 5px; background-color: #da4453; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 8px; line-height: 8px; color: #fff; } .mt-screen .homework-description .title { margin-bottom: 5px; font-weight: bold; color: #333; } .mt-screen .community-resources { margin: 15px 0; padding: 10px; border: 1px solid #e6e9ed; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .mt-screen .community-resources .li-sync { color: #e9573f; } .mt-screen .switch { position: relative; display: inline-block; width: 30px; height: 15px; margin: 0 3px 0 2px; border: 1px solid #e6e9ed; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; vertical-align: middle; } .mt-screen .switch-handle { position: absolute; top: -2px; left: -2px; width: 17px; height: 17px; background-color: #fff; border: 1px solid #e6e9ed; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; vertical-align: middle; } .mt-screen .switch-label { display: inline-block; vertical-align: middle; } .mt-screen .other-info { padding: 10px; background-color: #f5f7fa; border: 1px solid #e6e9ed; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .mt-screen .hw-width { width: 75%; } .mt-screen .circle-grow { position: absolute; transform: scale(0); width: 500px; height: 500px; border-radius: 50%; -webkit-transition: all 3s ease-in-out; -o-transition: all 3s ease-in-out; transition: all 3s ease-in-out; z-index: 11; } .mt-screen .mt-color { background-color: #545aae; } .mt-screen .mis-color { background-color: #132843; } .mt-screen .gc-color { background-color: #0b7e43; } .mt-screen .center-hv { z-index: 10; } .mt-screen .share-btn { position: absolute; top: 20px; right: 20px; padding: 10px; background-color: #fff; border: 1px solid #e6e9ed; box-shadow: 0 2px 0 0 #e6e9ed; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 8px; line-height: 8px; } .mt-screen .share-btn img { width: 20px; margin-right: 5px; } .mt-screen .clicker { position: absolute; right: 10px; top: 100px; width: 30px; height: 30px; border-radius: 50%; background-color: rgba(14,121,201,.25); z-index: 10; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mt-screen .glare { position: absolute; width: 100%; height: 100%; background: linear-gradient(140deg, rgba(255,255,255,0) 50%, rgba(255,255,255,0.02) 50%); z-index: 13; } .mt-screen .center-hv .logo { position: relative; top: 0px; left: 0px; width: 300px; z-index: 12; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mt-logo { position: absolute; width: 180px; height: 180px; margin: auto; top: 100%; left: 50%; transform: translate(-50%, -50%); background-color: #545aae; -webkit-box-shadow: 0px 5px 15px 5px rgba(0,0,0,0.1); box-shadow: 0px 5px 15px 5px rgba(0,0,0,0.1); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 15; } .mis-banner .canvas { height: 290px; } .mis-banner .canvas .title { margin-bottom: 15px; font-size: 11px; font-weight: normal; text-align: center; } .mis-banner .canvas p { margin-bottom: 20px; color: #656D78; } .mis-banner .app-block { position: relative; display: inline-block; width: 62px; height: 50px; border: 1px solid #f5f7fa; border-radius: 4px; } .mis-banner .mis-logo-block { position: relative; display: inline-block; width: 100%; text-align: center; } .mis-banner .apps-list img { height: 30px; } .mis-banner .mis-logo-block img { width: 70%; } .mis-banner .mis-logo-spin img { -webkit-animation: spin 5s infinite; animation: spin 5s infinite; } .mis-content .mt-screen .clicker { right: 250px; top: 330px; } .mis-content .mt-screen .mis-card { transform: scale(1.0); -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .mis-content .mt-screen .apps-list { transform: scale(1.0); opacity: 1; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .mis-content .mt-screen .mis-card.mis-shadow { -webkit-box-shadow: 0px 5px 50px 5px rgba(0,0,0,0.05); box-shadow: 0px 5px 50px 5px rgba(0,0,0,0.05); } .gc-logo { position: absolute; width: 180px; height: 180px; margin: auto; top: 100%; left: 50%; transform: translate(-50%, -50%); background-color: #0b7e43; -webkit-box-shadow: 0px 5px 15px 5px rgba(0,0,0,0.1); box-shadow: 0px 5px 15px 5px rgba(0,0,0,0.1); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 15; } .gc-logo img, .mt-logo img { width: 125px; } @media (max-width: 1200px) { .mt-screen .homework-description p span { display: none!important; } .mt-screen .ciricle-holder { transform: translate(-50%, -50%) scale(0.8); } .mis-banner .app-block { width: 45px; height: 50px; } } @media (max-width: 576px) { .home-apps { padding-top: 280px; } } @media (max-width: 420px) { .mt-screen .ciricle-holder { transform: translate(-50%, -50%) scale(0.8); } .floating-cards { width: 520px; } } /* ------------------- MIS FORM --------------------*/ .mis-form .hs-form-private fieldset { max-width: inherit; } .mis-form .hs-form-private fieldset.form-columns-2 .input { margin-right: 15px; } .mis-form .hs-form-private label span { font-size: 14px; } .mis-form .hs-form-private .hs-error-msgs { list-style: none; } .mis-form .hs-form-private .hs-error-msgs label { line-height: 20px; } .mis-form .hs-form-private .inputs-list { padding: 0; } .mis-form .hs-form-private .inputs-list li { list-style: none; } .mis-form .hs-form-private .inputs-list li .hs-form-radio-display input { display: inline-block; width: 20px!important; height: 20px!important; margin: 0 10px 0 0!important; vertical-align: middle; } .mis-form .hs-form-private .inputs-list li .hs-form-radio-display span { display: inline-block; line-height: 16px; } .mis-form .hs-form-private .hs-form-booleancheckbox-display input { margin-top: 4px!important; } .mis-form .hs-form-private .hs-form-booleancheckbox-display span { width: 100%; } .mis-form .hs-form-private .hs-button { display: block!important; width: auto!important; background-color: #0e79c9!important; border-radius: 30px!important; padding: 15px 40px!important; color: #fff!important; } /*-------------------------------------------------------------- ## General --------------------------------------------------------------*/ body { font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 28px; color: rgba(255, 255, 255, 1); overflow-x: hidden; background-color: #000; } /* ------------------- COOKIE CONSENT --------------------*/ #cookiescript_description a { color: #000000; text-decoration: underline; } ._CookieScriptReportPageCheckboxes { border: 1px solid #ccc; border-radius: 10px; padding: 0 20px; } ._CookieScriptReportPageCheckboxText { font-size: 16px!important; margin: 0 0 0 10px!important; } ._CookieScriptReportPageCheckboxes input { width: auto!important; } ._CookieScriptReportPageCheckboxLabel { margin: 20px 0!important; } ._CookieScriptReportPageTable { margin: 20px 0!important; } ._CookieScriptReportPageTable thead { background-color: #222!important; } ._CookieScriptReportPageTableTd, ._CookieScriptReportPageTableTh { border: 1px solid #555!important; } #terms h4 { margin-top: 30px; margin-bottom: 20px; font-size: 20px; font-weight: 600; line-height: 30px; } @media (max-width: 506px) { ._CookieScriptReportPageSaveSettingButton { margin-bottom: 20px!important; } } svg { display: block; } a, button, input, textarea, button, select { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } button { cursor: pointer; outline: 0; } input, textarea, select, { width: 100%; padding: 10px 12px; outline: 0; } a { color: #fff; } a:hover { text-decoration: underline; color: #fff; } h1 { font-family: "Libre Baskerville", serif; margin-bottom: 20px; font-size: 80px; line-height: 90px; font-weight: 500; color: #fff; } h2 { font-family: "Libre Baskerville", serif; margin-bottom: 20px; font-size: 50px; line-height: 62px; font-weight: 400; color: #fff; } h3, h4, h6 { margin-top: 0; font-weight: 300; color: #fff; } h5 { font-size: 20px; font-weight: 600; margin-bottom: 20px; line-height: 30px; } h5.small-title { font-size: 14px; font-weight: 600; color: #f3a100; margin-bottom: 12px; text-transform: uppercase; } p { color: rgba(255, 255, 255, .8); } img { max-width: 100%; height: auto; } .no-overflow { overflow: hidden; } .hidden { visibility: hidden; } .bg-map { height: 100%; width: 100%; position: absolute; z-index: -1; top: 15px; left: 0; background-position: center center; background-repeat: no-repeat; } .white { color: #fff!important; } .center-hv { position: absolute; margin: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media (min-width: 1200px) { .container { max-width: 1200px; } } blockquote { padding-left: 50px; font-size: 22px; line-height: 32px; } /*-------------------------------------------------------------- ## Fonts --------------------------------------------------------------*/ @font-face { font-family: "Flaticon"; src: url("./Flaticon.eot"); src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url("../fonts/Flaticon.woff") format("woff"), url("../fonts/Flaticon.ttf") format("truetype"), url("../fonts/Flaticon.svg#Flaticon") format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: "Flaticon"; src: url("../fonts/Flaticon.svg#Flaticon") format("svg"); } } .fi:before { display: inline-block; font-family: "Flaticon"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .flaticon-google-play:before { content: "\f100"; } .flaticon-apple-logo:before { content: "\f101"; } .heebo { font-family: 'Heebo', sans-serif!important; font-weight: 400!important; } /*-------------------------------------------------------------- ## Padding and Margins --------------------------------------------------------------*/ .p0 { padding: 0px!important; } .p10 { padding: 10px!important; } .p15 { padding: 15px!important; } .p20 { padding: 20px!important; } .p25 { padding: 25px!important; } .p30 { padding: 30px!important; } .p40 { padding: 40px!important; } .p50 { padding: 50px!important; } .pt0 { padding-top: 0!important; } .pt10 { padding-top: 10px!important; } .pt15 { padding-top: 15px!important; } .pt20 { padding-top: 20px!important; } .pt40 { padding-top: 40px!important; } .pt30 { padding-top: 30px!important; } .pt50 { padding-top: 50px!important; } .pt60 { padding-top: 60px!important; } .pt70 { padding-top: 70px!important; } .pt80 { padding-top: 80px!important; } .pt100 { padding-top: 100px!important; } .pt120 { padding-top: 120px!important; } .pt150 { padding-top: 150px!important; } .pt160 { padding-top: 160px!important; } .pt180 { padding-top: 180px!important; } .ptb50 { padding-top: 50px!important; padding-bottom: 50px!important; } .ptb100 { padding-top: 100px!important; padding-bottom: 100px!important; } .pb0 { padding-bottom: 0!important; } .pb10 { padding-bottom: 10px!important; } .pb20 { padding-bottom: 20px!important; } .pb30 { padding-bottom: 30px!important; } .pb40 { padding-bottom: 40px!important; } .pb50 { padding-bottom: 50px!important; } .pb60 { padding-bottom: 60px!important; } .pb70 { padding-bottom: 70px!important; } .pb80 { padding-bottom: 80px!important; } .pb100 { padding-bottom: 100px!important; } .pb150 { padding-bottom: 150px!important; } .pb200 { padding-bottom: 200px!important; } .pl70 { padding-left: 70px!important; } .pl100 { padding-left: 100px!important; } .pr40 { padding-right: 40px!important; } .pr70 { padding-right: 70px!important; } .mr10 { margin-right: 10px!important; } .mr15 { margin-right: 15px!important; } .mlr30 { margin-left: 30px; margin-right: 30px!important; } .m10 { margin: 10px!important; } .m20 { margin: 20px!important; } .m30 { margin: 30px!important; } .m40 { margin: 40px!important; } .m50 { margin: 50px!important; } .mt0 { margin-top: 0!important; } .mt10 { margin-top: 10px!important; } .mt15 { margin-top: 15px!important; } .mt20 { margin-top: 20px!important; } .mt30 { margin-top: 30px!important; } .mt40 { margin-top: 40px!important; } .mt50 { margin-top: 50px!important; } .mt60 { margin-top: 60px!important; } .mt80 { margin-top: 80px!important; } .mb0 { margin-bottom: 0!important; } .mb5 { margin-bottom: 5px!important; } .mb10 { margin-bottom: 10px!important; } .mb20 { margin-bottom: 20px!important; } .mb30 { margin-bottom: 30px!important; } .mb40 { margin-bottom: 40px!important; } .mb50 { margin-bottom: 50px!important; } .mb60 { margin-bottom: 60px!important; } .mb70 { margin-bottom: 70px!important; } .mb100 { margin-bottom: 100px!important; } /*-------------------------------------------------------------- ## Section --------------------------------------------------------------*/ section { position: relative; margin: 0; background-color: #000; padding: 100px 0; z-index: 1; } section h2 span { white-space: nowrap; } @media (max-width: 991px) { section { text-align: center; } section h2 { font-size: 40px; line-height: 48px; } .pr70, .pr40 { padding-right: 0px !important; } } @media (max-width: 500px) { #page-hero { padding: 120px 0 30px!important; } } section.preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; } /*-------------------------------------------------------------- ## Buttons --------------------------------------------------------------*/ .pix-btn { display: inline-block; border-radius: 30px; border: 2px solid #fff; background-color: #fff; -webkit-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1); padding: 15px 29px; line-height: 1.2; color: #000; text-decoration: none!important; } .pix-btn:hover { background-color: transparent; color: #fff; -webkit-box-shadow: none; box-shadow: none; text-decoration: none!important; } /*-------------------------------------------------------------- ## Animation --------------------------------------------------------------*/ @-webkit-keyframes zoom { from { -webkit-transform: scale(1) translate(0px); } to { -webkit-transform: scale(1.03) translate(0px); } } @keyframes zoom { from { -webkit-transform: scale(1) translate(0px); } to { -webkit-transform: scale(1.03) translate(0px); } } @-webkit-keyframes zoomin { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes zoomin { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes bounce { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(40px); transform: translateY(40px); } } @keyframes bounce { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(40px); transform: translateY(40px); } } @-webkit-keyframes pixFade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes pixFade { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes pixFadeUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes pixFadeUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes pixFadeDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes pixFadeDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes pixFadeLeft { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes pixFadeLeft { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes pixFadeRight { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes pixFadeRight { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes pixZoomIn { 0% { opacity: 0; -webkit-transform: scale(0.7); transform: scale(0.7); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes pixZoomIn { 0% { opacity: 0; -webkit-transform: scale(0.7); transform: scale(0.7); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes pixBounceIn { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0; } 60% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pixBounceIn { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0; } 60% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); } } .pixFade { -webkit-animation-name: pixFade; animation-name: pixFade; } .pixFadeUp { -webkit-animation-name: pixFadeUp; animation-name: pixFadeUp; } .pixFadeDown { -webkit-animation-name: pixFadeDown; animation-name: pixFadeDown; } .pixFadeLeft { -webkit-animation-name: pixFadeLeft; animation-name: pixFadeLeft; } .pixFadeRight { -webkit-animation-name: pixFadeRight; animation-name: pixFadeRight; } .pixZoomIn { -webkit-animation-name: pixZoomIn; animation-name: pixZoomIn; } .pixBounceIn { -webkit-animation-name: pixBounceIn; animation-name: pixBounceIn; } .zoomIn { -webkit-animation-name: zoomin; animation-name: zoomin; } @-webkit-keyframes stickySlideDown { from { -webkit-transform: translateY(-100%); transform: translateY(-100%); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes stickySlideDown { from { -webkit-transform: translateY(-100%); transform: translateY(-100%); } to { -webkit-transform: translateY(0); transform: translateY(0); } } /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ .site-header { position: absolute; width: 100%; top: 0; left: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); z-index: 1040; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .site-header .heder-inner { position: relative; } .site-header .heder-inner .site-logo a { display: block; max-width: 150px; } .site-header .heder-inner .site-logo a img { width: 100%; } .site-header .heder-inner .site-logo a .sticky-logo { display: none; } .site-header .heder-inner .site-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .site-header .site-mobile-logo { display: none; } .site-header .site-main-menu { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .site-header .site-main-menu li, .site-header .site-main-menu div.nav-item { margin: 0 23px; position: relative; padding: 36px 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .site-header .site-main-menu div.nav-item { margin-right: 0; } .site-header .site-main-menu li > a, .site-header .site-main-menu div.nav-item > a { color: #fff; font-size: 15px; font-weight: 500; position: relative; } .site-header .site-main-menu li > a:hover, .site-header .site-main-menu div.nav-item > a:hover { text-decoration: none; } .nav-light { top: 0; left: 0; right: 0; position: fixed; z-index: 9999; -webkit-box-shadow: 0px 10px 20px 0px rgba(79, 35, 35, 0.08); box-shadow: 0px 10px 20px 0px rgba(79, 35, 35, 0.08); background: #fff; } .nav-light .site-main-menu li a, .nav-light .pricing-link a, .nav-light .site-main-menu div.nav-item a { color: #333; } .nav-light .toggle-menu .bar { background: #333; } .site-header .site-main-menu li > a:after, .site-header .pricing-link a:after, .site-header .site-main-menu div.nav-item > a:after { content: ''; position: absolute; bottom: -2px; width: 0; height: 1px; background: #fff; opacity: 1; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; left: 0; } .site-header .pricing-link a:after { bottom: 38px; } .site-header .site-main-menu li > a:hover:after, .site-header .pricing-link a:hover:after, .site-header .site-main-menu li > a.current_page:after, .site-header .site-main-menu div.nav-item > a.current_page:after, .site-header .site-main-menu div.nav-item > a:hover:after { width: 100%; opacity: 1; } .site-header .site-main-menu li.menu-item-has-children:after { position: absolute; right: -18px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-family: eleganticons; font-size: 10px; font-weight: 700; color: #fff; font-size: 14px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .site-header .site-main-menu li.menu-item-has-children:hover:after { color: #fa7070; } .site-header .site-main-menu li .sub-menu { display: block; margin: 0; padding: 23px 30px; list-style: none; background: #fff; -webkit-box-shadow: 0px 0px 36px 4px rgba(79, 35, 35, 0.1); box-shadow: 0px 0px 36px 4px rgba(79, 35, 35, 0.1); position: absolute; top: 110%; left: -96px; min-width: 250px; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 999999; border-radius: 10px; } .site-header .site-main-menu li .sub-menu:before { content: ''; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 16px solid #fff; position: absolute; top: -8px; left: 50%; margin-left: -16px; } .site-header .site-main-menu li.satchel-one-menu .sub-menu { left: -100px; min-width: 290px; } .site-header .site-main-menu li.product-menu .sub-menu { left: -100px; min-width: 270px; } .site-header .site-main-menu li.resources-menu .sub-menu { left: -90px; } .site-header .site-main-menu li.about-menu .sub-menu { left: -90px; } .site-header .site-main-menu li.mis-menu .sub-menu { left: -30px; } .site-header .site-main-menu li .sub-menu li { display: block; margin: 0; padding: 0; } .site-header .site-main-menu li .sub-menu li.menu-item-has-children:after { content: "\35"; right: 0px; color: #333; } .site-header .site-main-menu li .sub-menu li.menu-item-has-children .sub-menu { left: 105%; top: 0; visibility: hidden; opacity: 0; } .site-header .site-main-menu li .sub-menu li.menu-item-has-children:hover .sub-menu { top: -23px; visibility: visible; opacity: 1; } .site-header .site-main-menu li .sub-menu li a { display: block; padding: 8px 0; color: #797687; font-size: 14px; font-weight: 500; } .site-header .site-main-menu li .sub-menu li a img { margin-right: 10px; } .site-header .site-main-menu li .sub-menu li a:after { display: none; } .site-header .site-main-menu li .sub-menu li a:hover, .site-header .site-main-menu li .sub-menu li a.current_page { color: #fa7070; } .site-header .site-main-menu li .sub-menu li:last-child a { border-bottom: 0; } .site-header .site-main-menu li:hover .sub-menu { opacity: 1; visibility: visible; top: 80px; } .site-header .site-main-menu li.mis-nav i { display: none; } .site-header .nav-dark .site-main-menu li a, .site-header .nav-dark .site-main-menu div.nav-item a { color: #fff; } .site-header .nav-dark .site-main-menu li a:after, .site-header .nav-dark .site-main-menu div.nav-item { display: none; } .site-header .nav-dark .site-main-menu li a:hover, .site-header .nav-dark .site-main-menu li a.current_page, .site-header .nav-dark .site-main-menu div.nav-item { color: #fa7070; } .site-header .nav-dark .site-main-menu li.menu-item-has-children:after { color: #fff; } .logo-sticky { display: none; } .pix-header-fixed { top: 0; left: 0; right: 0; position: fixed; z-index: 9999; -webkit-box-shadow: 0px 10px 20px 0px rgba(79, 35, 35, 0.08); box-shadow: 0px 10px 20px 0px rgba(79, 35, 35, 0.08); -webkit-animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both; animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both; background: #000; } .pix-header-fixed .heder-inner .site-logo { padding: 18px 0; } .pix-header-fixed .heder-inner .site-logo .logo-sticky { display: block; } .pix-header-fixed .heder-inner .site-logo .logo-main { display: none; } .pix-header-fixed .site-main-menu li { padding: 28px 0; } .pix-header-fixed .site-main-menu li.menu-item-has-children:after { color: #fff; } .pix-header-fixed .site-main-menu li a { color: #fff!important; } .pix-header-fixed .site-main-menu li a:after{ display: none; } .pix-header-fixed .site-main-menu li a:hover, .pix-header-fixed .site-main-menu li a.current_page { color: #fa7070; } .pix-header-fixed .site-main-menu li a:hover:before, .pix-header-fixed .site-main-menu li a:hover:after, .pix-header-fixed .site-main-menu li a.current_page:before, .pix-header-fixed .site-main-menu li a.current_page:after { background: #fa7070; } .pix-header-fixed .site-logo .main-logo { display: none; } .pix-header-fixed .site-logo .sticky-logo { display: block; } .mask-overlay { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1003; top: 0; left: 0; } .close-menu { display: none; } @media (max-width: 1200px) { .site-header .site-main-menu li { margin: 0 15px; } } @media (max-width: 991px) { .site-header .site-main-menu li > a { font-size: 20px; } } /*-------------------------------------------------------------- ## Mobile View --------------------------------------------------------------*/ @media (max-width: 991px) { .site-header .heder-inner { text-align: center; padding: 15px 0; } .site-header .site-mobile-logo { display: block; } .site-header .site-main-menu li { margin: 0 15px; } .site-header .site-logo { display: none; } .site-header.header-two.toggle-light .toggle-menu .bar { background: #fff; } .site-header .site-nav { position: fixed; width: 100% !important; height: 100vh; background: #000; top: 0; left: -100%; display: block !important; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; overflow: scroll; -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1); } /* end new nav mobile */ .site-header .site-nav .site-main-menu { display: block; width: 100%; padding-bottom: 50px; text-align: left; } .site-header .site-nav .site-main-menu li { padding: 0; margin: 0; border-bottom: 1px solid #222; } .site-header .site-nav .site-main-menu li:first-child { border-top: 1px solid #222; } .site-header .site-nav .site-main-menu li a { display: block; color: #fff; padding: 15px 35px; font-weight: 400; } .site-header .site-nav .site-main-menu li a:after { display: none; } .site-header .site-nav .site-main-menu li.menu-item-has-children { position: relative; } .site-header .site-nav .site-main-menu li.menu-item-has-children:after { display: none; } .site-header .site-nav .site-main-menu li.menu-item-has-children a:hover, .site-header .site-nav .site-main-menu li.menu-item-has-children:focus { color: #fa7070; } .site-header .site-nav .site-main-menu li.menu-item-has-children i { position: absolute; top: 12px; right: 35px; } .site-header .site-nav .site-main-menu li.menu-item-has-children .sub-menu { position: static; -webkit-box-shadow: none; box-shadow: none; opacity: 1; width: auto; visibility: visible; background: transparent; padding: 0; display: none; -webkit-transition: none; -o-transition: none; transition: none; } .site-header .site-nav .site-main-menu li.menu-item-has-children .sub-menu li { padding: 0; } .site-header .site-nav .site-main-menu li.menu-item-has-children .sub-menu li:first-child { border-top: 1px solid #f1f2f3; } .site-header .site-nav .site-main-menu li.menu-item-has-children .sub-menu li:last-child { border-bottom: none; padding-bottom: 0; } .site-header .site-nav .site-main-menu li.menu-item-has-children .sub-menu li a { color: #888888; font-weight: 400; padding: 5px 35px 5px 45px; } .site-header .site-nav .site-main-menu li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu { opacity: 1; visibility: visible; position: relative; left: 0; top: auto; } .site-header .site-nav .site-main-menu li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu li a { padding-left: 60px; } .site-header .site-nav .site-main-menu li.menu-item-has-children .sub-menu li.menu-item-has-children:after { content: "\33"; color: #fff; } .site-header.header-two .toggle-menu .bar { background: #fff; } .heder-inner .site-mobile-logo img { max-height: 30px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pix-header-fixed .toggle-menu { top: 30px; } .pix-header-fixed .toggle-menu .bar { background: #fff; } .pix-header-fixed .site-main-menu li a { color: #fff; } .pix-header-fixed .site-main-menu li.menu-item-has-children:after { color: #fff; } .pix-header-fixed .heder-inner .site-logo { padding: 12px 0; } .pix-header-fixed.header-two.toggle-light .toggle-menu .bar { background: #000; } .sidebar-open .site-header .site-nav { left: 0; } .sidebar-open .menu-wrapper:before { opacity: 1; visibility: visible; } .close-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; top: 0; text-align: right; width: 100%; left: 0; padding: 2px; padding: 30px 20px; } .close-menu i { font-size: 36px; color: #fff; } .close-menu span { font-size: 15px; } .toggle-menu { position: absolute; left: 0; width: 26px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; height: 24px; } .toggle-menu .bar { width: 18px; height: 2px; display: block; float: left; margin: 3px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: #fff; } .toggle-menu .bar:nth-child(2) { width: 24px; } .header-dark .toggle-menu .bar { background: #fff; } } @media (max-width: 420px) { .site-header .site-nav { width: 100% !important; } } @media (max-width: 991px) { .visible-mobile { display: block!important; } } .site-header .site-main-menu li .sub-menu li.indent { padding-left: 34px!important; } /*-------------------------------------------------------------- ## Banner --------------------------------------------------------------*/ .banner { position: relative; } .banner .banner-content-wrap { position: relative; -webkit-transform: translateY(52%); -ms-transform: translateY(52%); transform: translateY(52%); z-index: 2; } .banner .banner-content .banner-title { font-size: 60px; line-height: 70px; font-weight: 400; color: #fff; margin-bottom: 20px; } .banner .banner-content .banner-title span { font-weight: 800; } .banner .banner-content .description { font-size: 18px; font-weight: 400; color: #fff; line-height: 30px; margin-bottom: 47px; } .banner.fullscreen-hero { height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; } .banner.fullscreen-hero .hero-img { position: absolute; height: 100%; width: 100%; background-image: url(../assets/images/home/hero-3.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; -webkit-animation: slowzoom 20s 1; animation-fill-mode: forwards; } @-webkit-keyframes slowzoom { 0% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(1.2); } } .banner.fullscreen-hero .banner-content { } .banner.fullscreen-hero .sun-logo { width: 300px; margin-bottom: 30px; } .banner.fullscreen-hero .subtitle { font-size: 28px; font-weight: 400; color: rgba(255, 255, 255, 0.5); font-family: "Open Sans", sans-serif; } .banner.fullscreen-hero .banner-title { margin-bottom: 30px; font-size: 95px; color: #fff; font-weight: 700; line-height: 1.2; text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); } @media (max-width: 576px) { .banner.fullscreen-hero .banner-title { font-size: 55px; } } /*-------------------------------------------------------------- ## Team --------------------------------------------------------------*/ .teams { padding: 116px 0 75px; } .teams-single { padding: 116px 0 120px; } .teams-two { padding-top: 116px; padding-bottom: 120px; } .teams-two .scroll-circle { right: 0; left: auto; top: 25%; z-index: -1; } .team-member { margin-bottom: 70px; max-width: 370px; margin: 0 auto 70px; } .team-member .member-avater { position: relative; overflow: hidden; border-radius: 10px; } .team-member .member-avater svg { position: absolute; bottom: -100%; left: 0; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .team-member .member-avater svg.layer-two { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } .team-member .member-avater svg:hover { bottom: 0; } .team-member .member-avater .member-social { margin: 0; padding: 0; list-style: none; position: absolute; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 333; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } .team-member .member-avater .member-social li { display: inline-block; margin-right: 5px; } .team-member .member-avater .member-social li a { display: inline-block; height: 46px; width: 46px; line-height: 46px; text-align: center; color: #fff; border: 2px solid #fff; border-radius: 50%; } .team-member .member-avater .member-social li a:hover { background: #fff; color: #af3600; -webkit-box-shadow: 0px 20px 20px 0px rgba(79, 35, 35, 0.2); box-shadow: 0px 20px 20px 0px rgba(79, 35, 35, 0.2); } .team-member .member-avater:hover svg { bottom: 0; } .team-member .member-avater:hover .member-social { bottom: 40px; opacity: 1; } .team-member .team-info { text-align: center; padding-top: 25px; } .team-member .team-info .name { font-size: 20px; font-weight: 600; } .team-member .team-info .job { font-size: 16px; color: rgba(255, 255, 255. 0.8); font-weight: 400; } .image { position: absolute; left: 0px; top: 0px; width: 1920px; height: 5976px; z-index: 242; } .teams-three { padding-bottom: 110px; } .team-member-two { position: relative; border-radius: 6px; overflow: hidden; margin-bottom: 10px; } .team-member-two img { width: 100%; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .team-member-two:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #af3600; opacity: 0.9; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .team-member-two .team-info { position: absolute; top: 40px; left: 40px; z-index: 22; height: 50px; overflow: hidden; } .team-member-two .team-info .name { color: #fff; font-size: 20px; font-weight: 500; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translateY(-25px); -ms-transform: translateY(-25px); transform: translateY(-25px); } .team-member-two .team-info .job { color: #fff; font-size: 14px; font-weight: 400; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } .team-member-two .member-social { margin: 0; padding: 0; list-style: none; position: absolute; left: 40px; bottom: 40px; z-index: 22; height: 28px; overflow: hidden; } .team-member-two .member-social li { display: inline-block; margin-right: 15px; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .team-member-two .member-social li:nth-child(2) { -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .team-member-two .member-social li:nth-child(3) { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .team-member-two .member-social li:nth-child(4) { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } .team-member-two .member-social li:nth-child(5) { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .team-member-two .member-social li a { color: #fff; } .team-member-two:hover:before { opacity: 0.9; visibility: visible; } .team-member-two:hover .team-info .name, .team-member-two:hover .team-info .job { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .team-member-two:hover .member-social li { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .team-member-three { margin-bottom: 30px; } .team-member-three .member-avater { position: relative; border-radius: 6px; overflow: hidden; } .team-member-three .member-avater img { width: 100%; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .team-member-three .member-avater:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #12bf7c; opacity: 0.9; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .team-member-three .member-avater .member-social { margin: 0; padding: 0; list-style: none; position: absolute; left: 40px; bottom: 40px; z-index: 22; height: 28px; overflow: hidden; } .team-member-three .member-avater .member-social li { display: inline-block; margin-right: 15px; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .team-member-three .member-avater .member-social li:nth-child(2) { -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .team-member-three .member-avater .member-social li:nth-child(3) { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .team-member-three .member-avater .member-social li:nth-child(4) { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } .team-member-three .member-avater .member-social li:nth-child(5) { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .team-member-three .member-avater .member-social li a { color: #fff; } .team-member-three .member-avater:hover:before { opacity: 0.9; visibility: visible; } .team-member-three .member-avater:hover .member-social li { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .team-member-three .team-info { padding: 25px 40px 0; } .team-member-three .team-info .name { color: #1a133b; font-size: 20px; font-weight: 600; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .team-member-three .team-info .job { color: #76747f; font-size: 14px; font-weight: 400; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .team-member-four { margin-bottom: 30px; } .team-member-four .member-avater { position: relative; border-radius: 20px; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .team-member-four .member-avater img { width: 100%; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .team-member-four .member-avater:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #f98e47; opacity: 0.9; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .team-member-four .member-avater .member-social { margin: 0; padding: 0; list-style: none; position: absolute; left: 0; bottom: 20px; z-index: 22; overflow: hidden; width: 100%; text-align: center; } .team-member-four .member-avater .member-social li { display: inline-block; margin-right: 5px; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .team-member-four .member-avater .member-social li:nth-child(2) { -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .team-member-four .member-avater .member-social li:nth-child(3) { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .team-member-four .member-avater .member-social li:nth-child(4) { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } .team-member-four .member-avater .member-social li:nth-child(5) { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .team-member-four .member-avater .member-social li a { color: #fff; height: 40px; width: 40px; line-height: 40px; font-size: 14px; border: 2px solid #fab57f; border-radius: 50%; display: block; text-align: center; } .team-member-four .member-avater .member-social li a:hover { background: #fff; -webkit-box-shadow: 0px 10px 14px 0px rgba(56, 15, 2, 0.1); box-shadow: 0px 10px 14px 0px rgba(56, 15, 2, 0.1); color: #f98e47; border-color: #fff; } .team-member-four .member-avater:hover { -webkit-box-shadow: 0px 20px 30px 0px rgba(56, 24, 2, 0.16); box-shadow: 0px 20px 30px 0px rgba(56, 24, 2, 0.16); } .team-member-four .member-avater:hover:before { opacity: 0.9; visibility: visible; } .team-member-four .member-avater:hover .member-social li { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .team-member-four .team-info { padding-top: 25px; text-align: center; } .team-member-four .team-info .name { color: #1a133b; font-size: 15px; font-weight: 500; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .team-member-four .team-info .job { color: #615f6b; font-size: 14px; font-weight: 400; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #team-slider .swiper-pagination { margin-top: 50px; } .teams-four { padding: 116px 0 135px; } @media (max-width: 991px) { .teams-four { padding: 76px 0 70px; } } .teams-six { padding: 115px 0 300px; } @media (max-width: 991px) { .teams-six { padding: 75px 0 80px; } } .team-slider-wrapper .swiper-pagination { margin-top: 20px; } .team-slider-wrapper .swiper-pagination .swiper-pagination-bullet { height: 10px; width: 10px; background: #b9a79f; margin-right: 10px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .team-slider-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #f98e47; } @media (max-width: 991px) { .teams, .teams-two { padding: 76px 0 50px; } .teams-two { padding: 76px 0 80px; } .team-member { margin-bottom: 40px; } .section-small { margin: 0; } .teams-single { padding: 76px 0 80px; } .teams-single .button-container { margin-top: 10px; } .teams-two .scroll-circle { max-width: 320px; } .teams-three { padding-bottom: 70px; } } @media (max-width: 768px) { .teams-two .scroll-circle { max-width: 330px; } } @media (max-width: 576px) { .scroll-circle { display: none; } } /*-------------------------------------------------------------- ## Call To Action --------------------------------------------------------------*/ #page-hero { position: relative; padding: 180px 0 30px; text-align: center; background: #000; /*background: linear-gradient(90deg, #111 25%, #000 100%);*/ z-index: 2; } #page-hero.blue { background: #000; background: linear-gradient(45deg, #002048 25%, #0d141e 100%); } #page-hero.purple { background: rgb(150,122,220); background: linear-gradient(45deg, rgba(150,122,220) 0%, rgba(172,146,236,1) 100%); } #page-hero.green { background: rgb(140,193,82); background: linear-gradient(45deg, rgba(140,193,82) 0%, rgba(160,212,104,1) 100%); } #page-hero .action-button { margin-top: 10px; } #page-hero .background-shape { position: absolute; border-radius: 50%; background-color: rgba(255, 255, 255, 0.05); width: 500px; height: 500px; right: 80px; top: 40%; } #page-hero .background-shape-wrap { position: absolute; border-radius: 50%; background-color: rgba(255, 255, 255, 0.05); width: 500px; height: 500px; right: 305px; top: 70%; } #page-hero .action-content .action-title { margin-bottom: 20px; font-size: 80px; line-height: 90px; font-weight: 500; color: #fff; } #page-hero .action-content .action-text { margin-bottom: 0; font-size: 20px; line-height: 32px; font-weight: 500; color: #fff; } @media (max-width: 991px) { #page-hero .action-content .action-title { font-size: 65px; line-height: 77px; } } @media (max-width: 500px) { #page-hero .action-content .action-title { font-size: 44px; line-height: normal; } } /*-------------------------------------------------------------- ## Page Banner --------------------------------------------------------------*/ .page-banner { text-align: center; height: 550px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; overflow: hidden; } .page-banner.nav-bg { /*background-image: url(../images/home/hero.jpg);*/ background-color: #000; height: 100px; } .page-banner.nav-bg .page-title, .page-banner.nav-bg .page-breadcrumb { color: #fff; } .page-banner.nav-bg .page-breadcrumb a { color: #af3600; } @media (max-width: 991px) { .page-banner.nav-bg { height: 58px; } } /*-------------------------------------------------------------- ## Rotating Hero Word --------------------------------------------------------------*/ .sentence { /*display: flex; justify-content: center; overflow: hidden; height: 68px;*/ font-size: 48px; font-weight: 400; color: #fff; vertical-align: top; line-height: 1.6; } .sentence span { margin-left: 5px; padding: 2px 10px 6px; border-radius: 6px; background-color: #f3a100; font-weight: bold; white-space: nowrap; } .slidingVertical { display: flex; vertical-align: text-top; } .slidingVertical span { display: block; height: 68px; margin-bottom: -40px; font-weight: bold; overflow: hidden; } .slidingVertical span:before { content: ''; opacity: 1; display: inline-block; max-width: 10px; overflow: hidden; animation: elements 15s infinite linear; } @keyframes elements { 0% { content: 'inside out'; opacity: 1; max-width: 400px; padding: 2px 10px 6px; border-radius: 6px; background-color: #219af6; } 20% { content: 'inside out'; opacity: 1; max-width: 400px; padding: 2px 10px 6px; border-radius: 6px; background-color: #219af6; } 21% { content: 'inside out'; opacity: 0; max-width: 10px; padding: 2px 10px 6px; border-radius: 6px; background-color: #219af6; } 22% { content: 'success'; opacity: 0; max-width: 10px; padding: 2px 10px 6px; border-radius: 6px; background-color: #d33396; } 23% { content: 'success'; opacity: 1; max-width: 400px; padding: 2px 10px 6px; border-radius: 6px; background-color: #d33396; } 43% { content: 'success'; opacity: 1; max-width: 400px; padding: 2px 10px 6px; border-radius: 6px; background-color: #d33396; } 44% { content: 'success'; opacity: 0; max-width: 10px; padding: 2px 10px 6px; border-radius: 6px; background-color: #d33396; } 45% { content: 'growth'; opacity: 0; max-width: 10px; padding: 2px 10px 6px; border-radius: 6px; background-color: #8cc152; } 46% { content: 'growth'; opacity: 1; max-width: 400px; padding: 2px 10px 6px; border-radius: 6px; background-color: #8cc152; } 66% { content: 'growth'; opacity: 1; max-width: 400px; padding: 2px 10px 6px; border-radius: 6px; background-color: #8cc152; } 67% { content: 'growth'; opacity: 0; max-width: 10px; padding: 2px 10px 6px; border-radius: 6px; background-color: #8cc152; } 68% { content: 'change'; opacity: 0; max-width: 10px; padding: 2px 10px 6px; border-radius: 6px; background-color: #ff7a22; } 69% { content: 'change'; opacity: 1; max-width: 400px; padding: 2px 10px 6px; border-radius: 6px; background-color: #ff7a22; } 89% { content: 'change'; opacity: 1; max-width: 400px; padding: 2px 10px 6px; border-radius: 6px; background-color: #ff7a22; } 90% { content: 'change'; opacity: 0; max-width: 10px; padding: 2px 10px 6px; border-radius: 6px; background-color: #ff7a22; } 91% { content: 'education'; opacity: 0; max-width: 10px; padding: 2px 10px 6px; border-radius: 6px; background-color: #219af6; } 92% { content: 'education'; opacity: 1; max-width: 400px; padding: 2px 10px 6px; border-radius: 6px; background-color: #219af6; } 100% { content: 'education'; opacity: 1; max-width: 400px; padding: 2px 10px 6px; border-radius: 6px; background-color: #219af6; } } @media (max-width: 768px) { .banner-title { margin-bottom: 30px!important; font-size: 80px!important; } .sentence { display: block; height: 134px; } .slidingVertical { display: block; margin-top: 10px; } } @media (max-width: 500px) { .banner-title { font-size: 80px!important; } .sentence { display: block; height: 120px; font-size: 40px; } .slidingVertical { display: block; margin-top: 10px; } } /*-------------------------------------------------------------- ## Footer --------------------------------------------------------------*/ #footer { background: #000; background: linear-gradient(90deg, #111 25%, #000 100%); } #footer .footer-logo { display: block; font-size: 40px; font-weight: 500; color: #fff; line-height: 46px; } #footer .footer-inner { padding: 116px 0 62px; } #footer .footer-widget { padding-right: 10px; } #footer .footer-widget .widget-title { font-size: 20px; font-weight: 500; margin-bottom: 20px; border-bottom: 0; padding-bottom: 0; color: #fff; } #footer .footer-widget p { margin-bottom: 20px; color: rgba(255, 255, 255, 0.5); } #footer .footer-menu { margin-bottom: 40px; padding: 0; list-style: none; } #footer .footer-menu li:not(:last-child) { margin-bottom: 10px; } #footer .footer-menu li a { display: block; font-weight: 400; line-height: 30px; color: rgba(255, 255, 255, 0.5); } #footer .footer-menu li a:hover { color: rgba(255, 255, 255, 1); } #footer .site-info { padding: 36px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #e4d9d9; border-color: rgba(255, 255, 255, 0.1); position: relative; z-index: 3; } #footer .site-info p { margin: 0; color: rgba(255, 255, 255, 0.5); } #footer .site-info p a { color: rgba(255, 255, 255, 0.5); font-weight: 500; } #footer .site-info p a:hover { color: #f83f3f; } .site-info-menu { margin: 0; padding: 0; list-style: none; } .site-info-menu li { display: inline-block; margin-right: 10px; } .site-info-menu li a { display: inline-block; color: rgba(255, 255, 255, 0.5); } .site-info-menu li a:hover { color: #fff; } @media (max-width: 991px) { #footer .footer-inner { padding: 76px 0 22px; } #footer .site-info { padding: 21px 0; } #footer .footer-widget .widget-title { margin-bottom: 25px; } } @media (max-width: 768px) { #footer .footer-menu { margin-bottom: 40px; } #footer .site-info { padding: 21px 0; display: block; text-align: center; } #footer { margin-bottom: 66px; } } /*-------------------------------------------------------------- ## About --------------------------------------------------------------*/ .about { padding-top: 100px; } .about-content { padding-right: 80px; } .about-content .section-title { margin-bottom: 35px; } .about-content p { margin-bottom: 20px; font-size: 18px; line-height: 34px; } #our-story .singiture h4 { font-size: 20px; margin-bottom: 25px; } .about-thumb { width: 100%; height: 540px; border-radius: 10px; background-image: url(../assets/images/about/naimish-bw.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; } @media (max-width: 1200px) { .about-thumb { margin-top: 30px; } } @media (max-width: 991px) { .about { padding-top: 76px; } .about-content { padding-right: 0; } .about-thumb { margin-top: 30px; } } .our-values { border-right: 1px solid #efe7e7; padding: 20px 40px; margin-bottom: 30px; } .our-values.br-left { border-left: 1px solid #efe7e7; } .our-values .pricing-header { text-align: center; padding-bottom: 55px; border-bottom: 1px dashed #efe7e7; margin-bottom: 25px; } .our-values .pricing-header .action { margin: 20px 0 0; } .our-values .pricing-header .price { color: #fa7070; font-size: 36px; font-weight: 800; line-height: 50px; margin-bottom: 20px; } .our-values .pricing-header .price-title { font-size: 20px; font-weight: 600; text-transform: uppercase; letter-spacing: 4px; } .our-values .pricing-header p { margin: 0; } .our-values.style-two .pricing-header i.li:before { background: rgb(33, 154, 246); background: linear-gradient(45deg, rgba(33, 154, 246, 1) 0%, rgba(211, 51, 150, 1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: initial; font-size: 60px; } .our-values.style-two { background: #fff; padding: 30px 40px 40px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; border: 1px solid #e6e9ed; border-radius: 8px; } .our-values.style-two.price-two { background: #f8f7fc; } .our-values.style-two.price-two.featured .trend:before { border-right: 90px solid #8cc152; } .our-values.style-two .pricing-header { text-align: left; border-color: #b4b2bf; padding-bottom: 30px; } .our-values.style-two .pricing-header .price-title { margin-bottom: 10px; letter-spacing: 0; text-transform: unset; line-height: 30px; } .our-values.style-two:hover { background: #fff; -webkit-box-shadow: 0px 40px 80px 0px rgba(43, 35, 79, 0.14); box-shadow: 0px 40px 80px 0px rgba(43, 35, 79, 0.14); } .soft-blue { color: #5d9cec !important; } /*-------------------------------------------------------------- ## Legals --------------------------------------------------------------*/ .legal h3 { margin-bottom: 20px; } .legal h5 { margin: 20px 0; } .legal p { color: rgba(255, 255, 255, .8); } .legal .sticky-top { top: 120px!important; } .legal .sticky-top h5, .site-map h5 { margin: 0 0 20px; } .legal .sticky-top ul, .site-map ul { margin: 0; padding: 0; list-style: none; } .legal .sticky-top ul li, .site-map ul li { margin: 0 0 10px; } .legal table { margin: 0 0 20px; display: block; } .legal .legal-table { width: 100%; border: 1px solid #e6e9ed; margin-bottom: 20px; } .legal .legal-table thead { background-color: #f5f7fa; } .legal .legal-table td { padding: 5px 10px; border: 1px solid #e6e9ed; vertical-align: top; } @media (max-width: 991px) { .legal .sticky-top { display: none; } } @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { /* Force table to not be like tables anymore */ .responsive-data, .responsive-data thead, .responsive-data tbody, .responsive-data th, .responsive-data td, .responsive-data tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .responsive-data thead tr { position: absolute; top: -9999px; left: -9999px; } .responsive-data tr { border: 1px solid #ccc; } .responsive-data td { /* Behave like a "row" */ border: none!important; border-bottom: 1px solid #eee!important; position: relative; padding-left: 50%!important; } .responsive-data td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } } /*-------------------------------------------------------------- ## Contact Us --------------------------------------------------------------*/ .wrap-map { padding: 0; } #map { width: 100%; height: 400px; z-index: -2; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } .wrap-map .no-scroll { background:transparent; position:relative; width: 100%; height: 400px; top: 400px; margin-top: -400px; } .wrap-contact-info { padding: 30px 0 80px; } .wrap-contact-info .wrap-contact-info-text h4 { margin: 30px 0 25px; } .wrap-contact-info .wrap-contact-info-text h5 { margin: 30px 0 20px; } .wrap-contact-info .wrap-contact-info-text .type-info { font-weight: bold; color: #fff; margin-bottom: 15px; } .wrap-contact-info .wrap-contact-info-text .fa { color: #0e79c9; margin-right: 10px; min-width: 20px; } .wrap-contact-info .wrap-contact-info-text .fab { font-size: 1.33333333em; line-height: .75em; vertical-align: -15%; } .wrap-contact-info .wrap-contact-info-text .copyright-links li .fab { color: #7e848e; } .wrap-contact-info .wrap-contact-info-text .copyright-links li .fab:hover { color: #2a2d32; } .wrap-contact-info .wrap-contact-info-text .grey-link { color: #7e848e; } .wrap-contact-info .wrap-contact-info-text .well { background-color: #f5f7fa; border: 1px solid #e6e9ed; padding: 25px; } .wrap-contact-info .support-section { padding-right: 50px; } .wrap-contact-info .pull-left { float: left!important; } .wrap-contact-info .pull-right { float: right!important; } @media (max-width: 540px) { .wrap-contact-info .info { clear: both; } .wrap-contact-info .pull-right { float: left!important; } } /*-------------------------------------------------------------- ## Sitemap --------------------------------------------------------------*/ .sitemap { padding: 100px 0; } .sitemap ul { padding: 0; margin: 0; } .sitemap ul li { list-style: none; } /*-------------------------------------------------------------- ## Home --------------------------------------------------------------*/ .product-holder { position: relative; } .product-block { position: relative; display: inline-flex; width: 250px; height: 250px; transform: rotateX(51deg) rotateZ(43deg); transform-style: preserve-3d; border-radius: 32px; box-shadow: 1px 1px 0 1px rgba(255, 255, 255, .5), -1px 0 28px 0 rgba(255, 255, 255, 0.01), 28px 28px 28px 0 rgba(255, 255, 255, 0.1); transition: 0.4s ease-in-out transform, 0.4s ease-in-out box-shadow; background: #111; background: linear-gradient(90deg, #111 25%, #000 100%); } .product-block:nth-child(1) { top: -45px; left: 40px; margin-left: 50px; } .product-block:nth-child(2) { top: 80px; left: -44px; margin-left: 50px; } .product-block:hover { transform: translate3d(0px, -16px, 0px) rotateX(51deg) rotateZ(43deg); box-shadow: 15px 15px 0 1px #f9f9fb, -1px 0 28px 0 rgba(255, 255, 255, 0.01), 54px 54px 28px -10px rgba(255, 255, 255, 0.1); } .product-block img { width: 60%; margin: auto; } @media (max-width: 1200px) { .product-block:nth-child(1) { top: 20px; left: 0px; } .product-block:nth-child(2) { top: -100px; left: 210px; } } @media (max-width: 991px) { .product-block:nth-child(1) { top: -20px; left: 0px; } .product-block:nth-child(2) { top: 95px; left: -90px; } .product-holder { margin-bottom: 100px; } } @media (max-width: 768px) { .product-block:nth-child(1) { top: 0px; left: -140px; } .product-block:nth-child(2) { top: -125px; left: 73px; } .product-holder { margin-bottom: 0px; } } /*-------------------------------------------------------------- ## Stats --------------------------------------------------------------*/ #app-feature { border-bottom: 1px solid rgba(255, 255, 255, 0.05); padding: 88px 0 66px; } @media (max-width: 991px) { #app-feature { padding: 60px 0; } } #app-feature .social-icon-box { -webkit-box-shadow: none; box-shadow: none; background: transparent; } #app-feature .social-icon-box.app-icon-box { -webkit-box-shadow: none; box-shadow: none; background: transparent; padding: 58px 25px 44px; border-radius: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #app-feature .social-icon-box.app-icon-box:hover, #app-feature .social-icon-box.app-icon-box.active { background: #111; background: linear-gradient(90deg, #111 25%, #000 100%); } #app-feature .social-icon-box.app-icon-box:hover a { opacity: 1; } #app-feature .social-icon-box.app-icon-box i { font-size: 20px; vertical-align: middle; margin-left: 8px; } #app-feature .social-icon-box.app-icon-box a { color: #0d2244; opacity: 0; } #app-feature .social-icon-box.app-icon-box a:hover { color: #d43396; } #app-feature .social-icon-box h3 { font-size: 22px; font-weight: 600; margin-bottom: 15px; line-height: 1; } #app-feature .social-icon-box p { margin-bottom: 25px; line-height: 28px; } @media (max-width: 1200px) { #app-feature .social-icon-box p br { display: none; } } #app-feature .icon { margin-bottom: 29px; } .border-dash { border-top: 1px dashed #ccc; } #app-feature .icon i.li { font-size: 75px; } #app-feature .icon i.li:before { color: #fff; display: initial; /* reset Font Awesome's display:inline-block */ } #app-feature .social-icon-box { height: 300px; padding: 45px 25px!important; } #app-feature .social-icon-box p { margin-bottom: 0; } /*-------------------------------------------------------------- ## Solutions --------------------------------------------------------------*/ .awards { padding-top: 100px; padding-bottom: 150px; overflow: hidden; } #award-slider .award-card { display: inline-block; position: relative; width: 220px!important; height: 100%; padding: 20px; margin: 0 30px 30px; background-color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-align: center; } #award-slider .award-card p { font-size: 18px; color: #656d78; } #award-slider .award-card:nth-child(even) { position: relative; top: 30px; } #award-slider .slick-slide img { display: inline-block; } #award-slider .slick-prev, #award-slider .slick-next { display: none!important; } #award-slider .slick-list { overflow: visible; } #award-slider .award-card .reflection { position: absolute; z-index: -1; height: 60px!important; width: inherit; height: inherit; background: rgba(255,255,255, .15); background: linear-gradient(180deg, rgba(255,255,255,.25) 0%, rgba(255,255,255,0) 100%); transform: rotate(0deg) translateX(-40px) translateY(15px) skewX(-40deg) skewY(0deg); filter: blur(8px); } .yt-video { width: 100%; height: 658px; background-color: rgb(0, 0, 0); border-radius: 10px; } @media (max-width: 1200px) { .yt-video { height: 523px; } } @media (max-width: 991px) { .yt-video { height: 388px; } } @media (max-width: 768px) { .satchel-mis-screen, .satchel-pulse-screen { opacity: 1!important; } .yt-video { height: 287px; } } @media (max-width: 400px) { .yt-video { height: 210px; } } /*-------------------------------------------------------------- ## Logo Carousel --------------------------------------------------------------*/ .district-logo { margin-top: 50px; text-align: center; } .district-logo img { opacity: 0.5; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .district-logo img:hover { opacity: 1; } .logo-carousel .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .logo-carousel .swiper-slide { width: 120px; } /*-------------------------------------------------------------- ## News --------------------------------------------------------------*/ .news-grid { display: block; text-align: left; } .news-group { margin: 20px 0; } .news-group:hover { text-decoration: none; } .news-group:hover .news-block { background-color: #111; } .news-block { position: relative; height: 250px; padding: 30px; background-color: #222; border-left: 1px solid #f3a100; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .news-block h3 { margin: 0; font-size: 24px; font-weight: 500; line-height: 1.4; } .news-block p { position: absolute; bottom: 30px; margin: 0; } .news-author { display: flex; margin-top: 20px; align-items: flex-start; text-align: left; } .news-author img { width: 30px; height: 30px; margin-right: 15px; border-radius: 50%; } .article ul li { margin-bottom: 10px; } .article a { text-decoration: underline; } /*-------------------------------------------------------------- ## News - Article --------------------------------------------------------------*/ .article h3 { margin: 40px 0 20px; font-weight: 600; } .article p { color: rgba(255, 255, 255, 0.8); } /*-------------------------------------------------------------- ## Company --------------------------------------------------------------*/ .box-out { display: flex; margin: 15px 10px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 10px; padding: 30px; background-color: #000; } .box-out img { margin: auto; } .BambooHR-ATS-board h2 { border-bottom: 1px solid rgba(255, 255, 255, 0.5)!important; font-size: 26px!important; color: #fff!important; } .BambooHR-ATS-board .BambooHR-ATS-blankState strong { font-size: 16px; font-weight: 600; color: #fff!important; } .BambooHR-ATS-board .BambooHR-ATS-blankState { border-bottom: 1px solid rgba(255, 255, 255, 0.5)!important; color: rgba(255, 255, 255, 0.8)!important; font-size: 16px!important; } /*-------------------------------------------------------------- ## Security --------------------------------------------------------------*/ .grid-box-container .grid-box { margin: 40px 0; padding: 0 50px 0 30px; border-left: 1px solid rgba(255, 255, 255, .25); } .standards-block { margin-bottom: 50px; } .standards-block i { margin-left: 3px; font-size: 12px; } @media (max-width: 1200px) { .standards-block img { height: 130px!important; } } @media (max-width: 991px) { .standards-block img { height: 90px!important; } .standards-block h3 { font-size: 24px; } } @media (max-width: 768px) { .standards-block img { height: 90px!important; width: auto; } .standards-block h3 { font-size: 24px; } } /*-------------------------------------------------------------- ## Customers --------------------------------------------------------------*/ .customer-grid { display: block; text-align: left; } .customer-group { margin: 20px 0; } .customer-group:hover { text-decoration: none; } .customer-group:hover .customer-block { background-color: #111; } .customer-block { position: relative; padding: 30px; background-color: #222; border-left: 1px solid #f3a100; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-align: center; } .customer-block img { height: 80px; margin-bottom: 20px; } .customer-block h3 { margin: 0 0 20px; font-size: 24px; font-weight: 500; } .customer-block .company { position: absolute; bottom: 30px; margin: 0; } .customer-author { display: flex; margin-top: 20px; } .customer-author img { width: 30px; height: 30px; margin-right: 15px; border-radius: 50%; } .sub-heading { margin: 30px 0; font-size: 24px; color: #fff; line-height: 2rem; } .box-outline { margin-top: 40px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 10px; padding: 30px; } .box-outline h3 { margin-top: 0; } .box-outline p { margin-bottom: 0; }